@charset "UTF-8";
/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
 * LESS mixins -> sort of functions with parameters
****************************************************************************************************/
/* to erase the border-radius done somewhere */
/* to erase the box-shadow done somewhere */
/* to erase the linear-gradient-vertical done somewhere */
/* to erase the linear-gradient-horizontal done somewhere */
/* graph of all transition: http://www.alsacreations.com/tuto/lire/876-transitions-css3-transition-timing-function.html */
/* Deactivate selection on a element */
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version : the color of the text can take two value white or black
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version (Medium version) : the color of the text can take two value white grey or black grey
  Compute the text color according to the background color 
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/* General animation which can be used anywhere */
html.easilys {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;
  font: inherit;
  vertical-align: baseline;*/ }

.easilys {
  /* HTML5 display-role reset for older browsers */
  /*
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }*/ }
  .easilys body, .easilys span, .easilys applet, .easilys object, .easilys iframe,
  .easilys h1, .easilys h2, .easilys h3, .easilys h4, .easilys h5, .easilys h6, .easilys p, .easilys blockquote, .easilys pre,
  .easilys a, .easilys abbr, .easilys acronym, .easilys address, .easilys big, .easilys cite, .easilys code,
  .easilys del, .easilys dfn, .easilys em, .easilys img, .easilys ins, .easilys kbd, .easilys q, .easilys s, .easilys samp,
  .easilys small, .easilys strike, .easilys strong, .easilys sub, .easilys sup, .easilys tt, .easilys var,
  .easilys b, .easilys u, .easilys i, .easilys center,
  .easilys dl, .easilys dt, .easilys dd, .easilys ol, .easilys ul, .easilys li,
  .easilys fieldset, .easilys form, .easilys label, .easilys legend,
  .easilys table, .easilys caption, .easilys tbody, .easilys tfoot, .easilys thead, .easilys tr, .easilys th, .easilys td,
  .easilys article, .easilys aside, .easilys canvas, .easilys details, .easilys embed,
  .easilys figure, .easilys figcaption, .easilys footer, .easilys header, .easilys hgroup,
  .easilys menu, .easilys nav, .easilys output, .easilys ruby, .easilys section, .easilys summary,
  .easilys time, .easilys mark, .easilys audio, .easilys video {
    margin: 0;
    /*font-size: 100%;
    font: inherit;
    vertical-align: baseline;*/ }
  .easilys blockquote, .easilys q {
    quotes: none; }
  .easilys blockquote:before, .easilys blockquote:after,
  .easilys q:before, .easilys q:after {
    content: '';
    content: none; }
  .easilys table {
    border-collapse: collapse;
    border-spacing: 0; }
  .easilys input {
    -webkit-appearance: none;
    border-radius: 0; }
  .easilys select {
    border-radius: 0; }

.fem, .fas, .fma, .fi {
  display: inline-block;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fe-spin, .fa-spin, .fm-spin, .fi-spin {
  animation: spin 2s infinite linear; }

.fe-pulse, .fa-pulse, .fm-pulse, .fi-pulse {
  animation: spin 1s infinite steps(8); }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fe-lg, .fa-lg, .fm-lg, .fi-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fe-xs, .fa-xs, .fm-xs, .fi-xs {
  font-size: .75em; }

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: .875em; }

.fe-1x, .fa-1x, .fm-1x, .fi-1x {
  font-size: 1em; }

.fe-2x, .fa-2x, .fm-2x, .fi-2x {
  font-size: 2em; }

.fe-3x, .fa-3x, .fm-3x, .fi-3x {
  font-size: 3em; }

.fe-4x, .fa-4x, .fm-4x, .fi-4x {
  font-size: 4em; }

.fe-5x, .fa-5x, .fm-5x, .fi-5x {
  font-size: 5em; }

.fe-6x, .fa-6x, .fm-6x, .fi-6x {
  font-size: 6em; }

.fe-7x, .fa-7x, .fm-7x, .fi-7x {
  font-size: 7em; }

.fe-8x, .fa-8x, .fm-8x, .fi-8x {
  font-size: 8em; }

.fe-9x, .fa-9x, .fm-9x, .fi-9x {
  font-size: 9em; }

.fe-10x, .fa-10x, .fm-10x, .fi-10x {
  font-size: 10em; }

.fe-rotate-90, .fa-rotate-90, .fm-rotate-90, .fi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fe-rotate-180, .fa-rotate-180, .fm-rotate-180, .fi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fe-rotate-270, .fa-rotate-270, .fm-rotate-270, .fi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fe-flip-horizontal, .fa-flip-horizontal, .fm-flip-horizontal, .fi-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fe-flip-vertical, .fa-flip-vertical, .fm-flip-vertical, .fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fe-flip-both, .fe-flip-horizontal.fe-flip-vertical,
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical,
.fm-flip-both, .fm-flip-horizontal.fm-flip-vertical,
.fi-flip-both, .fi-flip-horizontal.fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fe-rotate-90, :root .fa-rotate-90, :root .fm-rotate-90, :root .fi-rotate-90,
:root .fe-rotate-180, :root .fa-rotate-180, :root .fm-rotate-180, :root .fi-rotate-180,
:root .fe-rotate-270, :root .fa-rotate-270, :root .fm-rotate-270, :root .fi-rotate-270,
:root .fe-flip-horizontal, :root .fa-flip-horizontal, :root .fm-flip-horizontal, :root .fi-flip-horizontal,
:root .fe-flip-vertical, :root .fa-flip-vertical, :root .fm-flip-vertical, :root .fi-flip-vertical,
:root .fe-flip-both, :root .fa-flip-both, :root .fm-flip-both, :root .fi-flip-both {
  filter: none; }

@font-face {
  font-family: 'easilys-icons';
  src: url("../fonts/easilys-icons.eot?ngjrmy");
  src: url("../fonts/easilys-icons.eot?ngjrmy#iefix") format("embedded-opentype"), url("../fonts/easilys-icons.ttf?ngjrmy") format("truetype"), url("../fonts/easilys-icons.woff?ngjrmy") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.fem {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'easilys-icons' !important; }

.fe-admin-analytical-groups:before {
  content: "\e69a"; }

.fe-admin-checklist:before {
  content: "\e6c2"; }

.fe-admin-customer-order:before {
  content: "\e6ce"; }

.fe-admin-expense:before {
  content: "\e73b"; }

.fe-admin-pms-staff:before {
  content: "\e6c8"; }

.fe-admin-product:before {
  content: "\e698"; }

.fe-admin-product-family:before {
  content: "\e699"; }

.fe-admin-supplier-product:before {
  content: "\e697"; }

.fe-analytic-group:before {
  content: "\e6ad"; }

.fe-analytical-group:before {
  content: "\e821"; }

.fe-angle-double-down:before {
  content: "\e6e3"; }

.fe-angle-double-left:before {
  content: "\e6e5"; }

.fe-angle-double-right:before {
  content: "\e6e6"; }

.fe-angle-double-up:before {
  content: "\e6e4"; }

.fe-angle-down:before {
  content: "\e6e7"; }

.fe-angle-left:before {
  content: "\e6e9"; }

.fe-angle-right:before {
  content: "\e6ea"; }

.fe-angle-up:before {
  content: "\e6e8"; }

.fe-arrow-down:before {
  content: "\e640"; }

.fe-arrow-left:before {
  content: "\e63f"; }

.fe-arrow-right:before {
  content: "\e63e"; }

.fe-arrow-top:before {
  content: "\e63d"; }

.fe-barcode:before {
  content: "\e65f"; }

.fe-bars:before {
  content: "\e707"; }

.fe-basisweight:before {
  content: "\e716"; }

.fe-batch:before {
  content: "\e80a"; }

.fe-batch-tracking:before {
  content: "\e72f"; }

.fe-battery-20:before {
  content: "\e65a"; }

.fe-battery-40:before {
  content: "\e659"; }

.fe-battery-60:before {
  content: "\e658"; }

.fe-battery-80:before {
  content: "\e657"; }

.fe-best-price:before {
  content: "\e62a"; }

.fe-bi:before {
  content: "\e6aa"; }

.fe-box:before {
  content: "\e63c"; }

.fe-bread:before {
  content: "\e65c"; }

.fe-buyable-supplier-product:before {
  content: "\e695"; }

.fe-calculator:before {
  content: "\e64b"; }

.fe-calendar:before {
  content: "\e607"; }

.fe-calendar-day:before {
  content: "\e672"; }

.fe-calendar-month:before {
  content: "\e674"; }

.fe-calendar-week:before {
  content: "\e673"; }

.fe-camera:before {
  content: "\e683"; }

.fe-camera-2:before {
  content: "\e67d"; }

.fe-cart:before {
  content: "\e63a"; }

.fe-cart-2:before {
  content: "\e678"; }

.fe-cash-recorder:before {
  content: "\e705"; }

.fe-cash-recorders:before {
  content: "\e706"; }

.fe-cash-register-parameters:before {
  content: "\e701"; }

.fe-category-menu:before {
  content: "\e817"; }

.fe-censorship:before {
  content: "\e653"; }

.fe-check:before {
  content: "\e639"; }

.fe-checklist:before {
  content: "\e739"; }

.fe-checklist-control:before {
  content: "\e6c3"; }

.fe-checklist-historical:before {
  content: "\e6ab"; }

.fe-chrono:before {
  content: "\e643"; }

.fe-claim:before {
  content: "\e82c"; }

.fe-claim-1:before {
  content: "\e82d"; }

.fe-cleaning:before {
  content: "\e66d"; }

.fe-co2:before {
  content: "\e724"; }

.fe-codebar-scanner:before {
  content: "\e670"; }

.fe-columns:before {
  content: "\e7db"; }

.fe-comment:before {
  content: "\e610"; }

.fe-compare:before {
  content: "\e60a"; }

.fe-compare-1:before {
  content: "\e638"; }

.fe-compare-2:before {
  content: "\e637"; }

.fe-compare-answers:before {
  content: "\e6f8"; }

.fe-compare-answers-1:before {
  content: "\e6f7"; }

.fe-compare-products:before {
  content: "\e6fb"; }

.fe-compare-products-1:before {
  content: "\e6f6"; }

.fe-compare-supplier-products:before {
  content: "\e6fe"; }

.fe-compare-supplier-products-1:before {
  content: "\e6fd"; }

.fe-conformity:before {
  content: "\e819"; }

.fe-connexion-left:before {
  content: "\e635"; }

.fe-connexion-right:before {
  content: "\e636"; }

.fe-consumer-day:before {
  content: "\e82e"; }

.fe-consumer-day-2:before {
  content: "\e832"; }

.fe-consumer-site:before {
  content: "\e61e"; }

.fe-contract:before {
  content: "\e809"; }

.fe-control-delivery:before {
  content: "\e6c1"; }

.fe-control-frying:before {
  content: "\e6b9"; }

.fe-control-product:before {
  content: "\e6bf"; }

.fe-control-receipt:before {
  content: "\e6bc"; }

.fe-control-reception:before {
  content: "\e6bd"; }

.fe-control-reception-2:before {
  content: "\e6ba"; }

.fe-control-sample:before {
  content: "\e727"; }

.fe-control-sample-admin:before {
  content: "\e726"; }

.fe-control-site:before {
  content: "\e6be"; }

.fe-control-stock:before {
  content: "\e6bb"; }

.fe-control-temperature:before {
  content: "\e6c0"; }

.fe-copy:before {
  content: "\e801"; }

.fe-cost:before {
  content: "\e634"; }

.fe-credit:before {
  content: "\e82f"; }

.fe-credit-1:before {
  content: "\e830"; }

.fe-cross:before {
  content: "\e633"; }

.fe-crossed-graph:before {
  content: "\e690"; }

.fe-crossed-nutrition:before {
  content: "\e74c"; }

.fe-customer-order-report:before {
  content: "\e6cb"; }

.fe-customisation:before {
  content: "\e632"; }

.fe-customisation-2:before {
  content: "\e631"; }

.fe-dashboard:before {
  content: "\e740"; }

.fe-dashboard-purchase:before {
  content: "\e71a"; }

.fe-database:before {
  content: "\e71c"; }

.fe-database-copy:before {
  content: "\e71d"; }

.fe-database-visualization:before {
  content: "\e715"; }

.fe-default-product:before {
  content: "\e671"; }

.fe-dependency:before {
  content: "\e628"; }

.fe-device-euro:before {
  content: "\e63b"; }

.fe-diet:before {
  content: "\e826"; }

.fe-dish:before {
  content: "\e74b"; }

.fe-doc:before {
  content: "\e815"; }

.fe-doc-check:before {
  content: "\e60e"; }

.fe-doc-copy:before {
  content: "\e60c"; }

.fe-doc-cross:before {
  content: "\e60d"; }

.fe-doc-csv:before {
  content: "\e6f2"; }

.fe-doc-doc:before {
  content: "\e70e"; }

.fe-doc-docx:before {
  content: "\e70f"; }

.fe-doc-ods:before {
  content: "\e6f3"; }

.fe-doc-odt:before {
  content: "\e70d"; }

.fe-doc-pdf:before {
  content: "\e806"; }

.fe-doc-report:before {
  content: "\e745"; }

.fe-doc-url:before {
  content: "\e747"; }

.fe-doc-variant:before {
  content: "\e823"; }

.fe-doc-xls:before {
  content: "\e6f4"; }

.fe-doc-xlsx:before {
  content: "\e6f5"; }

.fe-dollar:before {
  content: "\e687"; }

.fe-download:before {
  content: "\e900"; }

.fe-downloaded:before {
  content: "\e6ee"; }

.fe-edit:before {
  content: "\e655"; }

.fe-empty-arrow-down:before {
  content: "\e680"; }

.fe-empty-arrow-left:before {
  content: "\e630"; }

.fe-empty-arrow-right:before {
  content: "\e62f"; }

.fe-empty-arrow-up:before {
  content: "\e681"; }

.fe-empty-battery:before {
  content: "\e65b"; }

.fe-equalizer:before {
  content: "\e60f"; }

.fe-equipment:before {
  content: "\e835"; }

.fe-equipment-rounded:before {
  content: "\e833"; }

.fe-euro:before {
  content: "\e686"; }

.fe-euro-coins-task:before {
  content: "\e723"; }

.fe-exclamation:before {
  content: "\e623"; }

.fe-eye:before {
  content: "\e62e"; }

.fe-factory-site:before {
  content: "\e61f"; }

.fe-family-alcohols:before {
  content: "\e915"; }

.fe-family-bacon:before {
  content: "\e913"; }

.fe-family-bakery:before {
  content: "\e918"; }

.fe-family-bakery-1:before {
  content: "\e920"; }

.fe-family-beef:before {
  content: "\e93a"; }

.fe-family-black-pudding:before {
  content: "\e910"; }

.fe-family-breakfast:before {
  content: "\e91e"; }

.fe-family-butchery:before {
  content: "\e90f"; }

.fe-family-butter:before {
  content: "\e909"; }

.fe-family-butter-egg:before {
  content: "\e908"; }

.fe-family-catering-sea:before {
  content: "\e931"; }

.fe-family-cheese:before {
  content: "\e90a"; }

.fe-family-chicken:before {
  content: "\e939"; }

.fe-family-cock-dished:before {
  content: "\e91a"; }

.fe-family-condiment:before {
  content: "\e924"; }

.fe-family-cookies:before {
  content: "\e923"; }

.fe-family-dessert:before {
  content: "\e925"; }

.fe-family-disposable:before {
  content: "\e92f"; }

.fe-family-drinks:before {
  content: "\e914"; }

.fe-family-duck:before {
  content: "\e935"; }

.fe-family-eggs:before {
  content: "\e90c"; }

.fe-family-fish:before {
  content: "\e92a"; }

.fe-family-fish-shellfish:before {
  content: "\e929"; }

.fe-family-fresh-dish:before {
  content: "\e927"; }

.fe-family-frozen-dish:before {
  content: "\e928"; }

.fe-family-frozen-fresh:before {
  content: "\e930"; }

.fe-family-frozen-fruits-vegetables:before {
  content: "\e93f"; }

.fe-family-fruits:before {
  content: "\e92d"; }

.fe-family-fruits-vegetables:before {
  content: "\e93e"; }

.fe-family-frying:before {
  content: "\e92c"; }

.fe-family-grocery:before {
  content: "\e940"; }

.fe-family-guinea-fowl:before {
  content: "\e938"; }

.fe-family-ham:before {
  content: "\e911"; }

.fe-family-head-based:before {
  content: "\e921"; }

.fe-family-hot-drinks:before {
  content: "\e916"; }

.fe-family-meat:before {
  content: "\e932"; }

.fe-family-milk:before {
  content: "\e90b"; }

.fe-family-nuts:before {
  content: "\e91c"; }

.fe-family-pastry:before {
  content: "\e919"; }

.fe-family-pastry-2:before {
  content: "\e90e"; }

.fe-family-pate:before {
  content: "\e912"; }

.fe-family-pig:before {
  content: "\e93b"; }

.fe-family-poultry:before {
  content: "\e934"; }

.fe-family-rabbit:before {
  content: "\e937"; }

.fe-family-sausage:before {
  content: "\e941"; }

.fe-family-sea-products:before {
  content: "\e91d"; }

.fe-family-seasoning:before {
  content: "\e922"; }

.fe-family-sheep:before {
  content: "\e933"; }

.fe-family-shellfish:before {
  content: "\e92b"; }

.fe-family-snacking:before {
  content: "\e91f"; }

.fe-family-starchy:before {
  content: "\e91b"; }

.fe-family-sugar-flour:before {
  content: "\e926"; }

.fe-family-turkey:before {
  content: "\e936"; }

.fe-family-variety-meat:before {
  content: "\e93d"; }

.fe-family-veal:before {
  content: "\e93c"; }

.fe-family-vegetables:before {
  content: "\e92e"; }

.fe-family-water:before {
  content: "\e917"; }

.fe-family-yogurts:before {
  content: "\e90d"; }

.fe-filter:before {
  content: "\e617"; }

.fe-fire:before {
  content: "\e685"; }

.fe-fish-bone:before {
  content: "\e65d"; }

.fe-flask:before {
  content: "\e62c"; }

.fe-fold:before {
  content: "\e67c"; }

.fe-food:before {
  content: "\e61c"; }

.fe-from-to:before {
  content: "\e7fd"; }

.fe-frozen:before {
  content: "\e66c"; }

.fe-frying:before {
  content: "\e6b8"; }

.fe-full-battery:before {
  content: "\e656"; }

.fe-generic-family:before {
  content: "\e81c"; }

.fe-go:before {
  content: "\e62d"; }

.fe-go-in:before {
  content: "\e901"; }

.fe-go-out:before {
  content: "\e7fe"; }

.fe-graph:before {
  content: "\e816"; }

.fe-guest:before {
  content: "\e74a"; }

.fe-handle:before {
  content: "\e708"; }

.fe-handwritten-arrow:before {
  content: "\e7f4"; }

.fe-help:before {
  content: "\e902"; }

.fe-hide-cart:before {
  content: "\e67b"; }

.fe-hide-filters:before {
  content: "\e663"; }

.fe-hide-list:before {
  content: "\e665"; }

.fe-hide-product-card:before {
  content: "\e676"; }

.fe-hide-recipe:before {
  content: "\e682"; }

.fe-historical:before {
  content: "\e652"; }

.fe-home:before {
  content: "\e64a"; }

.fe-individual-waste:before {
  content: "\e733"; }

.fe-individual-waste-1:before {
  content: "\e71f"; }

.fe-information:before {
  content: "\e625"; }

.fe-ingredient:before {
  content: "\e81d"; }

.fe-intervention:before {
  content: "\e810"; }

.fe-invoice:before {
  content: "\e604"; }

.fe-invoices:before {
  content: "\e73f"; }

.fe-left:before {
  content: "\e660"; }

.fe-legacy:before {
  content: "\e6b5"; }

.fe-legacy-doc:before {
  content: "\e6b6"; }

.fe-less:before {
  content: "\e619"; }

.fe-like:before {
  content: "\e650"; }

.fe-lines:before {
  content: "\e7dc"; }

.fe-link:before {
  content: "\e807"; }

.fe-list:before {
  content: "\e629"; }

.fe-livre:before {
  content: "\e688"; }

.fe-local:before {
  content: "\e627"; }

.fe-lock:before {
  content: "\e614"; }

.fe-logo-easilys:before {
  content: "\e694"; }

.fe-main-archive:before {
  content: "\e666"; }

.fe-main-guide:before {
  content: "\e667"; }

.fe-main-security:before {
  content: "\e668"; }

.fe-main-support:before {
  content: "\e66a"; }

.fe-main-tracking:before {
  content: "\e669"; }

.fe-main-user-board:before {
  content: "\e66b"; }

.fe-maintenance-society:before {
  content: "\e811"; }

.fe-map-marker:before {
  content: "\e6ec"; }

.fe-markdown:before {
  content: "\e646"; }

.fe-marker:before {
  content: "\e626"; }

.fe-marketplace:before {
  content: "\e906"; }

.fe-markup:before {
  content: "\e704"; }

.fe-markups-grid-administration:before {
  content: "\e746"; }

.fe-material:before {
  content: "\e813"; }

.fe-material-cost:before {
  content: "\e71b"; }

.fe-material-cost-1:before {
  content: "\e71e"; }

.fe-material-family:before {
  content: "\e6eb"; }

.fe-meal:before {
  content: "\e61b"; }

.fe-mealtype:before {
  content: "\e82a"; }

.fe-medical:before {
  content: "\e66e"; }

.fe-menu:before {
  content: "\e61a"; }

.fe-menu-card:before {
  content: "\e675"; }

.fe-menu-to-site:before {
  content: "\e905"; }

.fe-menus-qty:before {
  content: "\e720"; }

.fe-merge:before {
  content: "\e60b"; }

.fe-money:before {
  content: "\e68f"; }

.fe-more:before {
  content: "\e618"; }

.fe-navigation-drawer:before {
  content: "\e822"; }

.fe-new-traceability-event:before {
  content: "\e741"; }

.fe-no-cruch:before {
  content: "\e6c5"; }

.fe-no-wifi:before {
  content: "\e6f1"; }

.fe-nonconform:before {
  content: "\e803"; }

.fe-nonconform-1:before {
  content: "\e808"; }

.fe-notification:before {
  content: "\e907"; }

.fe-numeric-doc-archive:before {
  content: "\e6b7"; }

.fe-nutrition:before {
  content: "\e69d"; }

.fe-nutrition-frequencies:before {
  content: "\e6ae"; }

.fe-nutrition-plan:before {
  content: "\e6cd"; }

.fe-oasys-copy:before {
  content: "\e712"; }

.fe-oasys-load:before {
  content: "\e713"; }

.fe-oasys-products:before {
  content: "\e711"; }

.fe-oasys-synchro:before {
  content: "\e710"; }

.fe-oasys-transfert:before {
  content: "\e714"; }

.fe-off:before {
  content: "\e825"; }

.fe-on:before {
  content: "\e824"; }

.fe-one-column:before {
  content: "\e691"; }

.fe-order-administration:before {
  content: "\e605"; }

.fe-order-supervision:before {
  content: "\e65e"; }

.fe-packaging-size:before {
  content: "\e81e"; }

.fe-parameter:before {
  content: "\e612"; }

.fe-parameter-2:before {
  content: "\e613"; }

.fe-parameter-exit:before {
  content: "\e800"; }

.fe-pen:before {
  content: "\e611"; }

.fe-planning:before {
  content: "\e654"; }

.fe-pms:before {
  content: "\e73a"; }

.fe-pms-maintenance:before {
  content: "\e6c6"; }

.fe-pms-staff:before {
  content: "\e6c7"; }

.fe-pointer:before {
  content: "\e804"; }

.fe-preorder:before {
  content: "\e729"; }

.fe-price-list-administration:before {
  content: "\e70c"; }

.fe-price-lists:before {
  content: "\e696"; }

.fe-print:before {
  content: "\e608"; }

.fe-print-2:before {
  content: "\e609"; }

.fe-product:before {
  content: "\e61d"; }

.fe-product-family:before {
  content: "\e7ce"; }

.fe-product-return:before {
  content: "\e6a9"; }

.fe-production:before {
  content: "\e684"; }

.fe-production-day:before {
  content: "\e82b"; }

.fe-production-day-2:before {
  content: "\e831"; }

.fe-production-managment:before {
  content: "\e72a"; }

.fe-production-step-tracking:before {
  content: "\e730"; }

.fe-production-steps-admin:before {
  content: "\e734"; }

.fe-production-type:before {
  content: "\e737"; }

.fe-production-workshop:before {
  content: "\e820"; }

.fe-production-workshop-1:before {
  content: "\e72b"; }

.fe-purchase:before {
  content: "\e72d"; }

.fe-quality:before {
  content: "\e903"; }

.fe-question:before {
  content: "\e679"; }

.fe-question-2:before {
  content: "\e67a"; }

.fe-range:before {
  content: "\e81f"; }

.fe-receipt:before {
  content: "\e67e"; }

.fe-receipt-control:before {
  content: "\e735"; }

.fe-reception:before {
  content: "\e818"; }

.fe-reception-cart:before {
  content: "\e6ac"; }

.fe-recipe:before {
  content: "\e81a"; }

.fe-recipe-family:before {
  content: "\e81b"; }

.fe-recipe-to-parent:before {
  content: "\e736"; }

.fe-redo:before {
  content: "\e70a"; }

.fe-reload:before {
  content: "\e70b"; }

.fe-report:before {
  content: "\e606"; }

.fe-reports-admin:before {
  content: "\e73c"; }

.fe-restricted-catalogs:before {
  content: "\e69b"; }

.fe-revenue:before {
  content: "\e73d"; }

.fe-revenue-rising:before {
  content: "\e73e"; }

.fe-right:before {
  content: "\e661"; }

.fe-root-site:before {
  content: "\e620"; }

.fe-save:before {
  content: "\e64f"; }

.fe-search:before {
  content: "\e648"; }

.fe-search-answers:before {
  content: "\e6f9"; }

.fe-search-products:before {
  content: "\e6fc"; }

.fe-search-supplier-products:before {
  content: "\e6ff"; }

.fe-segment:before {
  content: "\e827"; }

.fe-segment-all-empty:before {
  content: "\e68a"; }

.fe-segment-all-full:before {
  content: "\e68c"; }

.fe-segment-part-empty:before {
  content: "\e68b"; }

.fe-segment-part-full:before {
  content: "\e68d"; }

.fe-seven-columns:before {
  content: "\e693"; }

.fe-share:before {
  content: "\e904"; }

.fe-show-filters:before {
  content: "\e662"; }

.fe-show-list:before {
  content: "\e664"; }

.fe-show-product-card:before {
  content: "\e677"; }

.fe-site:before {
  content: "\e829"; }

.fe-smart-basisweight:before {
  content: "\e717"; }

.fe-smart-basisweight-1:before {
  content: "\e718"; }

.fe-smart-catalog:before {
  content: "\e69c"; }

.fe-smart-delivery:before {
  content: "\e719"; }

.fe-smart-packaging:before {
  content: "\e6dd"; }

.fe-smart-selection:before {
  content: "\e6cc"; }

.fe-smiley-0:before {
  content: "\e814"; }

.fe-smiley-1:before {
  content: "\e80f"; }

.fe-smiley-2:before {
  content: "\e80e"; }

.fe-smiley-3:before {
  content: "\e80d"; }

.fe-smiley-4:before {
  content: "\e80c"; }

.fe-smiley-5:before {
  content: "\e80b"; }

.fe-sort:before {
  content: "\e647"; }

.fe-sortable:before {
  content: "\e7ff"; }

.fe-spinner:before {
  content: "\e649"; }

.fe-sql-doc:before {
  content: "\e703"; }

.fe-sql-language:before {
  content: "\e702"; }

.fe-star:before {
  content: "\e644"; }

.fe-star-empty:before {
  content: "\e64c"; }

.fe-star-half:before {
  content: "\e64d"; }

.fe-star-half-empty:before {
  content: "\e64e"; }

.fe-stat:before {
  content: "\e62b"; }

.fe-step-events-admin:before {
  content: "\e738"; }

.fe-stock:before {
  content: "\e603"; }

.fe-stock-entry:before {
  content: "\e6fa"; }

.fe-stock-movement:before {
  content: "\e6d2"; }

.fe-stock-whitdrawal-notes:before {
  content: "\e725"; }

.fe-stock-withdrawal:before {
  content: "\e72c"; }

.fe-storage-area:before {
  content: "\e651"; }

.fe-sun:before {
  content: "\e641"; }

.fe-supplier:before {
  content: "\e645"; }

.fe-synchronisation:before {
  content: "\e6ed"; }

.fe-tags:before {
  content: "\e834"; }

.fe-technical-information:before {
  content: "\e812"; }

.fe-temperature:before {
  content: "\e6d3"; }

.fe-temperature-baking:before {
  content: "\e6a6"; }

.fe-temperature-button:before {
  content: "\e6a0"; }

.fe-temperature-button-off:before {
  content: "\e69e"; }

.fe-temperature-button-on:before {
  content: "\e69f"; }

.fe-temperature-button-on-off:before {
  content: "\e6a1"; }

.fe-temperature-frying:before {
  content: "\e6a4"; }

.fe-temperature-frying1:before {
  content: "\e6b4"; }

.fe-temperature-off:before {
  content: "\e6a3"; }

.fe-temperature-on:before {
  content: "\e6a2"; }

.fe-temperature-product:before {
  content: "\e6b0"; }

.fe-temperature-receipt:before {
  content: "\e6b1"; }

.fe-temperature-reception:before {
  content: "\e6b3"; }

.fe-temperature-site:before {
  content: "\e6a5"; }

.fe-temperature-stock:before {
  content: "\e6b2"; }

.fe-temperature-truck:before {
  content: "\e6af"; }

.fe-texture:before {
  content: "\e828"; }

.fe-thermometer:before {
  content: "\e748"; }

.fe-three-columns:before {
  content: "\e692"; }

.fe-ticket:before {
  content: "\e689"; }

.fe-ticket-2:before {
  content: "\e68e"; }

.fe-time-lag-rules:before {
  content: "\e6c9"; }

.fe-time-lag-rules-1:before {
  content: "\e6ca"; }

.fe-torch:before {
  content: "\e74d"; }

.fe-total-waste:before {
  content: "\e731"; }

.fe-trace-batch:before {
  content: "\e6a7"; }

.fe-trace-sensible-product:before {
  content: "\e6a8"; }

.fe-traceability:before {
  content: "\e6c4"; }

.fe-traceability-plan:before {
  content: "\e742"; }

.fe-traceability-steps:before {
  content: "\e743"; }

.fe-traceability-tracking:before {
  content: "\e744"; }

.fe-train:before {
  content: "\e802"; }

.fe-trash:before {
  content: "\e616"; }

.fe-truck:before {
  content: "\e642"; }

.fe-undo:before {
  content: "\e709"; }

.fe-unfold:before {
  content: "\e67f"; }

.fe-universe:before {
  content: "\e6d0"; }

.fe-universe-bordered:before {
  content: "\e6cf"; }

.fe-universe-dry:before {
  content: "\e6d5"; }

.fe-universe-dry-rounded:before {
  content: "\e6e1"; }

.fe-universe-dry-surrounded:before {
  content: "\e6da"; }

.fe-universe-fresh:before {
  content: "\e6d4"; }

.fe-universe-fresh-rounded:before {
  content: "\e6e0"; }

.fe-universe-fresh-rounded1:before {
  content: "\e6d9"; }

.fe-universe-fresh-surrounded:before {
  content: "\e6d8"; }

.fe-universe-frozen:before {
  content: "\e6d1"; }

.fe-universe-frozen-rounded:before {
  content: "\e6df"; }

.fe-universe-frozen-surrounded:before {
  content: "\e749"; }

.fe-universe-liquid:before {
  content: "\e6d6"; }

.fe-universe-liquid-rounded:before {
  content: "\e6e2"; }

.fe-universe-liquid-surrounded:before {
  content: "\e6db"; }

.fe-universe-rounded:before {
  content: "\e6de"; }

.fe-universe-surrounded:before {
  content: "\e6d7"; }

.fe-unlink:before {
  content: "\e805"; }

.fe-unlock:before {
  content: "\e615"; }

.fe-unplugged:before {
  content: "\e6ef"; }

.fe-usb:before {
  content: "\e700"; }

.fe-user:before {
  content: "\e621"; }

.fe-user-exclamation:before {
  content: "\e622"; }

.fe-user-group:before {
  content: "\e602"; }

.fe-visualisation:before {
  content: "\e601"; }

.fe-visualisation-2:before {
  content: "\e600"; }

.fe-warning:before {
  content: "\e624"; }

.fe-waste:before {
  content: "\e6dc"; }

.fe-waste-content:before {
  content: "\e732"; }

.fe-waste-content-2:before {
  content: "\e721"; }

.fe-waste-content-3:before {
  content: "\e722"; }

.fe-widgets:before {
  content: "\e66f"; }

.fe-wifi:before {
  content: "\e6f0"; }

.fe-yield:before {
  content: "\e728"; }

.fe-yield-admin:before {
  content: "\e72e"; }

.fe-zoom-minus:before {
  content: "\e74e"; }

.fe-zoom-plus:before {
  content: "\e74f"; }

.fe-module-:before {
  content: "\e740"; }

.fe-module-admin-analytical_groups:before {
  content: "\e6ad"; }

.fe-module-admin-customer-orders:before {
  content: "\e6ce"; }

.fe-module-admin-generics:before {
  content: "\e81c"; }

.fe-module-admin-orders:before {
  content: "\e605"; }

.fe-module-admin-product-families:before {
  content: "\e93f"; }

.fe-module-admin-products:before {
  content: "\e698"; }

.fe-module-admin-supplier-products:before {
  content: "\e697"; }

.fe-module-analytics:before {
  content: "\e6c6"; }

.fe-module-app-admin-oasys:before {
  content: "\e649"; }

.fe-module-bi-reports:before {
  content: "\e816"; }

.fe-module-buyable-supplier-products:before {
  content: "\e695"; }

.fe-module-categories-menu:before {
  content: "\e817"; }

.fe-module-claims:before {
  content: "\e82c"; }

.fe-module-collectors:before {
  content: "\e826"; }

.fe-module-configuration:before {
  content: "\e6c6"; }

.fe-module-costs-management:before {
  content: "\e68f"; }

.fe-module-credit-notes:before {
  content: "\e82f"; }

.fe-module-customer-orders:before {
  content: "\e82a"; }

.fe-module-customer-orderscustomers:before {
  content: "\e602"; }

.fe-module-customer-ordersreports:before {
  content: "\e6cb"; }

.fe-module-daily-cost:before {
  content: "\e68d"; }

.fe-module-dashboard-admin:before {
  content: "\e655"; }

.fe-module-dashboard-chart:before {
  content: "\e907"; }

.fe-module-dashboard-management:before {
  content: "\e816"; }

.fe-module-dashboard-purchase:before {
  content: "\e816"; }

.fe-module-dashboard:before {
  content: "\e907"; }

.fe-module-delivery-notes:before {
  content: "\e6bc"; }

.fe-module-delivery-tours:before {
  content: "\e642"; }

.fe-module-design-system:before {
  content: "\e632"; }

.fe-module-devices:before {
  content: "\e700"; }

.fe-module-equipment-marketplace:before {
  content: "\e906"; }

.fe-module-equipment-renewal-plan:before {
  content: "\e654"; }

.fe-module-equipments:before {
  content: "\e813"; }

.fe-module-financial-management:before {
  content: "\e64b"; }

.fe-module-forums:before {
  content: "\e610"; }

.fe-module-gateways:before {
  content: "\e635"; }

.fe-module-home:before {
  content: "\e64a"; }

.fe-module-import-export:before {
  content: "\e6ee"; }

.fe-module-imports-exports:before {
  content: "\e6ee"; }

.fe-module-interfaces:before {
  content: "\e701"; }

.fe-module-inventories:before {
  content: "\e655"; }

.fe-module-job-activities:before {
  content: "\e643"; }

.fe-module-lots:before {
  content: "\e651"; }

.fe-module-maintenance-contracts:before {
  content: "\e809"; }

.fe-module-maintenance-interventions:before {
  content: "\e810"; }

.fe-module-markup:before {
  content: "\e704"; }

.fe-module-markups-grid:before {
  content: "\e70c"; }

.fe-module-menus-copy:before {
  content: "\e817"; }

.fe-module-menus-dashboard:before {
  content: "\e816"; }

.fe-module-menus-qty:before {
  content: "\e720"; }

.fe-module-menus:before {
  content: "\e82e"; }

.fe-module-monitoring-dashboard:before {
  content: "\e62b"; }

.fe-module-new-production-event:before {
  content: "\e739"; }

.fe-module-new-traceability-event:before {
  content: "\e741"; }

.fe-module-nutrition-frequencies:before {
  content: "\e6ae"; }

.fe-module-nutrition-guidelines:before {
  content: "\e6cd"; }

.fe-module-nutritions:before {
  content: "\e69d"; }

.fe-module-oasys-products:before {
  content: "\e711"; }

.fe-module-oasys-synchro:before {
  content: "\e710"; }

.fe-module-oasys:before {
  content: "\e632"; }

.fe-module-packaging-logistics:before {
  content: "\e81e"; }

.fe-module-period-calendars:before {
  content: "\e607"; }

.fe-module-pms-printing:before {
  content: "\e68e"; }

.fe-module-pms-thresholds:before {
  content: "\e60f"; }

.fe-module-preorders:before {
  content: "\e831"; }

.fe-module-preventive-maintenances:before {
  content: "\e812"; }

.fe-module-price-lists:before {
  content: "\e696"; }

.fe-module-product-suppliers:before {
  content: "\e818"; }

.fe-module-production-management:before {
  content: "\e72a"; }

.fe-module-production-plan:before {
  content: "\e6c9"; }

.fe-module-production-steps-admin:before {
  content: "\e734"; }

.fe-module-production-time-lag-rules:before {
  content: "\e6ca"; }

.fe-module-production:before {
  content: "\e820"; }

.fe-module-products-administration:before {
  content: "\e671"; }

.fe-module-purchase:before {
  content: "\e72d"; }

.fe-module-receipt:before {
  content: "\e67e"; }

.fe-module-receipts-v2:before {
  content: "\e735"; }

.fe-module-receipts:before {
  content: "\e80a"; }

.fe-module-recipes-commercial-catering:before {
  content: "\e81a"; }

.fe-module-recipes:before {
  content: "\e81b"; }

.fe-module-recommended-dietary-allowances:before {
  content: "\e68d"; }

.fe-module-report-administration:before {
  content: "\e73c"; }

.fe-module-restricted-catalogs:before {
  content: "\e69b"; }

.fe-module-revenue:before {
  content: "\e73d"; }

.fe-module-sent-orders-supervision:before {
  content: "\e65e"; }

.fe-module-service-logs:before {
  content: "\e68e"; }

.fe-module-sites-administration:before {
  content: "\e829"; }

.fe-module-smart-basisweight:before {
  content: "\e717"; }

.fe-module-smart-catalog:before {
  content: "\e69c"; }

.fe-module-smart-control-sample:before {
  content: "\e726"; }

.fe-module-smart-delivery:before {
  content: "\e719"; }

.fe-module-smart-packaging:before {
  content: "\e6dd"; }

.fe-module-smart-selection:before {
  content: "\e6cc"; }

.fe-module-smart-yield:before {
  content: "\e72e"; }

.fe-module-stock-transfer:before {
  content: "\e6fa"; }

.fe-module-stock-withdrawal-notes:before {
  content: "\e725"; }

.fe-module-stock-withdrawal:before {
  content: "\e72c"; }

.fe-module-stocks:before {
  content: "\e651"; }

.fe-module-supplier-invoice-v2:before {
  content: "\e73f"; }

.fe-module-supplier-invoices:before {
  content: "\e604"; }

.fe-module-supplier-orders:before {
  content: "\e678"; }

.fe-module-suppliers-directory:before {
  content: "\e6ec"; }

.fe-module-suppliers:before {
  content: "\e645"; }

.fe-module-tags:before {
  content: "\e834"; }

.fe-module-task-admin:before {
  content: "\e802"; }

.fe-module-task-dashboard:before {
  content: "\e816"; }

.fe-module-task-form:before {
  content: "\e655"; }

.fe-module-task-logs:before {
  content: "\e652"; }

.fe-module-task-planned:before {
  content: "\e654"; }

.fe-module-template:before {
  content: "\e7db"; }

.fe-module-tenders:before {
  content: "\e809"; }

.fe-module-tenders-oasys:before {
  content: "\e809"; }

.fe-module-traceability-plan:before {
  content: "\e742"; }

.fe-module-traceability-steps:before {
  content: "\e743"; }

.fe-module-traceability-tracking:before {
  content: "\e744"; }

.fe-module-waste-awareness:before {
  content: "\e80b"; }

.fe-module-waste-dashboard:before {
  content: "\e65d"; }

.fe-module-weighings:before {
  content: "\e667"; }

.fem, .fas, .fma, .fi {
  display: inline-block;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fe-spin, .fa-spin, .fm-spin, .fi-spin {
  animation: spin 2s infinite linear; }

.fe-pulse, .fa-pulse, .fm-pulse, .fi-pulse {
  animation: spin 1s infinite steps(8); }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fe-lg, .fa-lg, .fm-lg, .fi-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fe-xs, .fa-xs, .fm-xs, .fi-xs {
  font-size: .75em; }

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: .875em; }

.fe-1x, .fa-1x, .fm-1x, .fi-1x {
  font-size: 1em; }

.fe-2x, .fa-2x, .fm-2x, .fi-2x {
  font-size: 2em; }

.fe-3x, .fa-3x, .fm-3x, .fi-3x {
  font-size: 3em; }

.fe-4x, .fa-4x, .fm-4x, .fi-4x {
  font-size: 4em; }

.fe-5x, .fa-5x, .fm-5x, .fi-5x {
  font-size: 5em; }

.fe-6x, .fa-6x, .fm-6x, .fi-6x {
  font-size: 6em; }

.fe-7x, .fa-7x, .fm-7x, .fi-7x {
  font-size: 7em; }

.fe-8x, .fa-8x, .fm-8x, .fi-8x {
  font-size: 8em; }

.fe-9x, .fa-9x, .fm-9x, .fi-9x {
  font-size: 9em; }

.fe-10x, .fa-10x, .fm-10x, .fi-10x {
  font-size: 10em; }

.fe-rotate-90, .fa-rotate-90, .fm-rotate-90, .fi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fe-rotate-180, .fa-rotate-180, .fm-rotate-180, .fi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fe-rotate-270, .fa-rotate-270, .fm-rotate-270, .fi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fe-flip-horizontal, .fa-flip-horizontal, .fm-flip-horizontal, .fi-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fe-flip-vertical, .fa-flip-vertical, .fm-flip-vertical, .fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fe-flip-both, .fe-flip-horizontal.fe-flip-vertical,
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical,
.fm-flip-both, .fm-flip-horizontal.fm-flip-vertical,
.fi-flip-both, .fi-flip-horizontal.fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fe-rotate-90, :root .fa-rotate-90, :root .fm-rotate-90, :root .fi-rotate-90,
:root .fe-rotate-180, :root .fa-rotate-180, :root .fm-rotate-180, :root .fi-rotate-180,
:root .fe-rotate-270, :root .fa-rotate-270, :root .fm-rotate-270, :root .fi-rotate-270,
:root .fe-flip-horizontal, :root .fa-flip-horizontal, :root .fm-flip-horizontal, :root .fi-flip-horizontal,
:root .fe-flip-vertical, :root .fa-flip-vertical, :root .fm-flip-vertical, :root .fi-flip-vertical,
:root .fe-flip-both, :root .fa-flip-both, :root .fm-flip-both, :root .fi-flip-both {
  filter: none; }

@font-face {
  font-family: 'fontawesome-icons';
  src: url("../fonts/fontawesome-icons.eot?7jjtpr");
  src: url("../fonts/fontawesome-icons.eot?7jjtpr#iefix") format("embedded-opentype"), url("../fonts/fontawesome-icons.ttf?7jjtpr") format("truetype"), url("../fonts/fontawesome-icons.woff?7jjtpr") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.fas {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontawesome-icons' !important; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-award:before {
  content: "\f559"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bacteria:before {
  content: "\e059"; }

.fa-bacterium:before {
  content: "\e05a"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\e05b"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\e005"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-medical:before {
  content: "\e05c"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\e05d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-wash:before {
  content: "\e05e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt-slash:before {
  content: "\e05f"; }

.fa-handshake-slash:before {
  content: "\e060"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side-cough:before {
  content: "\e061"; }

.fa-head-side-cough-slash:before {
  content: "\e062"; }

.fa-head-side-mask:before {
  content: "\e063"; }

.fa-head-side-virus:before {
  content: "\e064"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-user:before {
  content: "\e065"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-italic:before {
  content: "\f033"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-joint:before {
  content: "\f595"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-key:before {
  content: "\f084"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\e066"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\e067"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-male:before {
  content: "\f183"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-om:before {
  content: "\f679"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-people-arrows:before {
  content: "\e068"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\e069"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pump-medical:before {
  content: "\e06a"; }

.fa-pump-soap:before {
  content: "\e06b"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-server:before {
  content: "\f233"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-virus:before {
  content: "\e06c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-sink:before {
  content: "\e06d"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\e06e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\e06f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\e070"; }

.fa-store-slash:before {
  content: "\e071"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-slash:before {
  content: "\e072"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-trailer:before {
  content: "\e041"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-upload:before {
  content: "\f093"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-slash:before {
  content: "\e073"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-vest:before {
  content: "\e085"; }

.fa-vest-patches:before {
  content: "\e086"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-virus:before {
  content: "\e074"; }

.fa-virus-slash:before {
  content: "\e075"; }

.fa-viruses:before {
  content: "\e076"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

@font-face {
  font-family: "mapal-icons";
  src: url("../fonts/mapal-icons.ttf?aao7s7") format("truetype"), url("../fonts/mapal-icons.woff?aao7s7") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="fm-"],
[class*=" fm-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mapal-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* better font rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* mapal fonts */
.fm-gir-config-app:before {
  content: "\eabc"; }

.fm-reputation-app:before {
  content: "\eab8"; }

.fm-flow-app-1:before {
  content: "\eab7"; }

.fm-config-app:before {
  content: "\eab6"; }

.fm-one-app:before {
  content: "\eab5"; }

.fm-easilys-app:before {
  content: "\eab4"; }

.fm-mapalos-app:before {
  content: "\eab3"; }

.fm-engagement-app:before {
  content: "\eab2"; }

.fm-analytics-app:before {
  content: "\eab1"; }

.fm-documentation-app:before {
  content: "\eab0"; }

.fm-labor-app:before {
  content: "\eaaf"; }

.fm-configuration-app:before {
  content: "\eaae"; }

.fm-facilities-app:before {
  content: "\eaad"; }

.fm-operations-app:before {
  content: "\eaac"; }

.fm-cash-rec-app:before {
  content: "\eaab"; }

.fm-down-small:before {
  content: "\e90f"; }

.fm-up-small:before {
  content: "\e91f"; }

.fm-left-small:before {
  content: "\e913"; }

.fm-right-small:before {
  content: "\e917"; }

.fm-arrow-down-left:before {
  content: "\e90a"; }

.fm-arrow-up-left:before {
  content: "\e91c"; }

.fm-arrow-up-right:before {
  content: "\e91e"; }

.fm-arrow-down-right:before {
  content: "\e90c"; }

.fm-arrow-up-left-1:before {
  content: "\e91b"; }

.fm-arrow-up-right-1:before {
  content: "\e91d"; }

.fm-arrow-down-left-1:before {
  content: "\e909"; }

.fm-arrow-down-right-1:before {
  content: "\e90b"; }

.fm-arrow-left-up:before {
  content: "\e912"; }

.fm-arrow-left-down:before {
  content: "\e910"; }

.fm-arrow-right-up:before {
  content: "\e916"; }

.fm-arrow-right-down:before {
  content: "\e914"; }

.fm-chevrons-down:before {
  content: "\e967"; }

.fm-chevrons-up:before {
  content: "\e96a"; }

.fm-double-angle-left:before {
  content: "\e968"; }

.fm-double-angle-right:before {
  content: "\e969"; }

.fm-chevron-bottom:before {
  content: "\e95f"; }

.fm-chevron-top:before {
  content: "\e965"; }

.fm-arrow-first:before {
  content: "\e961"; }

.fm-arrow-last:before {
  content: "\e962"; }

.fm-angle-down:before {
  content: "\e960"; }

.fm-angle-up:before {
  content: "\e966"; }

.fm-angle-left:before {
  content: "\e963"; }

.fm-angle-right:before {
  content: "\e964"; }

.fm-arrow-clockwise:before {
  content: "\e907"; }

.fm-swap:before {
  content: "\e918"; }

.fm-swap-counterclockwise:before {
  content: "\e919"; }

.fm-reset:before {
  content: "\e908"; }

.fm-sequences:before {
  content: "\e931"; }

.fm-import1:before {
  content: "\ea10"; }

.fm-log-out:before {
  content: "\ea12"; }

.fm-log-out-2:before {
  content: "\ea11"; }

.fm-download-arrow:before {
  content: "\e9f6"; }

.fm-export-arrow:before {
  content: "\eabf"; }

.fm-import:before {
  content: "\e9a8"; }

.fm-open:before {
  content: "\e915"; }

.fm-arrow-down-square:before {
  content: "\e90d"; }

.fm-repeat:before {
  content: "\ea39"; }

.fm-expand:before {
  content: "\ea13"; }

.fm-collapse:before {
  content: "\ea16"; }

.fm-arrow-up-down:before {
  content: "\e91a"; }

.fm-export-import:before {
  content: "\e9f5"; }

.fm-arrow-left-right:before {
  content: "\e911"; }

.fm-carets:before {
  content: "\e951"; }

.fm-pos-plus:before {
  content: "\ea4d"; }

.fm-expand-chart:before {
  content: "\e9a7"; }

.fm-merge:before {
  content: "\ea4c"; }

.fm-down-up:before {
  content: "\e90e"; }

.fm-less-equal:before {
  content: "\e935"; }

.fm-greater-equal:before {
  content: "\eac0"; }

.fm-less-than:before {
  content: "\eac1"; }

.fm-greater-than:before {
  content: "\eac2"; }

.fm-equal:before {
  content: "\eac3"; }

.fm-unequal:before {
  content: "\eac4"; }

.fm-calendar-empty:before {
  content: "\e94d"; }

.fm-calendar:before {
  content: "\e942"; }

.fm-events:before {
  content: "\e945"; }

.fm-calendar-check:before {
  content: "\e93f"; }

.fm-calendar-close:before {
  content: "\e941"; }

.fm-preliminary-shifts:before {
  content: "\e93e"; }

.fm-calendar-setup:before {
  content: "\e94a"; }

.fm-calendar-lock:before {
  content: "\e947"; }

.fm-calendar-clock:before {
  content: "\e940"; }

.fm-calendar-error:before {
  content: "\e944"; }

.fm-labor-balances:before {
  content: "\e948"; }

.fm-calendar-update:before {
  content: "\e94c"; }

.fm-not-representative:before {
  content: "\e946"; }

.fm-calendar-pin:before {
  content: "\e949"; }

.fm-calendar-edit:before {
  content: "\e943"; }

.fm-calendar-fav:before {
  content: "\e94b"; }

.fm-calendar-add:before {
  content: "\eac5"; }

.fm-calendar-alert:before {
  content: "\eac6"; }

.fm-calendar-user:before {
  content: "\eac7"; }

.fm-calendar-search:before {
  content: "\e9be"; }

.fm-calendar-heart:before {
  content: "\eac8"; }

.fm-calendar-off:before {
  content: "\eb1b"; }

.fm-calendar-year:before {
  content: "\eb1c"; }

.fm-clock:before {
  content: "\e971"; }

.fm-effective-hours:before {
  content: "\e96d"; }

.fm-close-effective-hours:before {
  content: "\e96e"; }

.fm-export-effective-hours:before {
  content: "\e96c"; }

.fm-clock-arrow-left:before {
  content: "\eac9"; }

.fm-time-worked:before {
  content: "\e970"; }

.fm-clock-money:before {
  content: "\eaca"; }

.fm-clock-setup:before {
  content: "\eb05"; }

.fm-record:before {
  content: "\e96f"; }

.fm-clock-ongoing:before {
  content: "\eacb"; }

.fm-hourglass:before {
  content: "\e9f3"; }

.fm-clock-fill:before {
  content: "\eb08"; }

.fm-apis:before {
  content: "\e98d"; }

.fm-interfaces:before {
  content: "\e98c"; }

.fm-equipment:before {
  content: "\e980"; }

.fm-device:before {
  content: "\ea19"; }

.fm-tablet:before {
  content: "\eaa8"; }

.fm-staff-app:before {
  content: "\ea18"; }

.fm-system-error:before {
  content: "\ea63"; }

.fm-fingerprint-1:before {
  content: "\e9c4"; }

.fm-play-1:before {
  content: "\ea2d"; }

.fm-pause-1:before {
  content: "\ea25"; }

.fm-stop-1:before {
  content: "\ea55"; }

.fm-play:before {
  content: "\ea2e"; }

.fm-pause:before {
  content: "\ea26"; }

.fm-stop:before {
  content: "\ea56"; }

.fm-headphones:before {
  content: "\e9e0"; }

.fm-support:before {
  content: "\ea60"; }

.fm-time_attendance:before {
  content: "\e9c5"; }

.fm-fingerprint-device:before {
  content: "\e9c6"; }

.fm-qr:before {
  content: "\ea34"; }

.fm-face-recognition:before {
  content: "\e9b0"; }

.fm-print:before {
  content: "\ea32"; }

.fm-microphone:before {
  content: "\ea15"; }

.fm-save-disk:before {
  content: "\ea40"; }

.fm-save:before {
  content: "\eabe"; }

.fm-save-as:before {
  content: "\eabd"; }

.fm-save-check:before {
  content: "\eacc"; }

.fm-unsaved:before {
  content: "\eacd"; }

.fm-scan:before {
  content: "\eace"; }

.fm-phone:before {
  content: "\eb15"; }

.fm-volume-high:before {
  content: "\eb09"; }

.fm-volume-low:before {
  content: "\eb0a"; }

.fm-volume-mute:before {
  content: "\eb0b"; }

.fm-volume-mute-2:before {
  content: "\eb0c"; }

.fm-volume-increase:before {
  content: "\eb0d"; }

.fm-volume-decrease:before {
  content: "\eb0e"; }

.fm-keyboard:before {
  content: "\eb0f"; }

.fm-financial:before {
  content: "\ea99"; }

.fm-currency:before {
  content: "\e986"; }

.fm-cash-rec:before {
  content: "\e957"; }

.fm-cash-rec-create:before {
  content: "\e952"; }

.fm-import-cashrec-sales:before {
  content: "\e953"; }

.fm-cash-rec-close:before {
  content: "\e955"; }

.fm-cash-rec-bu:before {
  content: "\e954"; }

.fm-cash-rec-review:before {
  content: "\e956"; }

.fm-evol-multi:before {
  content: "\e9a0"; }

.fm-bubble:before {
  content: "\e938"; }

.fm-analytics:before {
  content: "\e928"; }

.fm-sales-distribution:before {
  content: "\ea07"; }

.fm-evol-combined:before {
  content: "\e99f"; }

.fm-bar-chart-growth:before {
  content: "\e926"; }

.fm-lines:before {
  content: "\e927"; }

.fm-columns:before {
  content: "\ea37"; }

.fm-funnel-chart:before {
  content: "\e9d7"; }

.fm-waterfall-chart:before {
  content: "\ea9c"; }

.fm-divergent-chart:before {
  content: "\e991"; }

.fm-simple-chart-off:before {
  content: "\eb07"; }

.fm-business:before {
  content: "\ea5e"; }

.fm-store-error:before {
  content: "\ea5c"; }

.fm-store-clock:before {
  content: "\ea5a"; }

.fm-store-edit:before {
  content: "\ea5b"; }

.fm-poll-by-bu:before {
  content: "\ea59"; }

.fm-cashrec-by-bu:before {
  content: "\ea5d"; }

.fm-events-by-bu:before {
  content: "\ea58"; }

.fm-product-bu-groups:before {
  content: "\ea57"; }

.fm-store-group:before {
  content: "\eacf"; }

.fm-finantial-accounts:before {
  content: "\e93d"; }

.fm-bank:before {
  content: "\e925"; }

.fm-sales-types:before {
  content: "\ea3e"; }

.fm-cluster:before {
  content: "\e97c"; }

.fm-hierarchy:before {
  content: "\e9ec"; }

.fm-extend:before {
  content: "\e9a9"; }

.fm-finantial:before {
  content: "\e9c3"; }

.fm-security-companies:before {
  content: "\ea43"; }

.fm-evolution:before {
  content: "\e9a2"; }

.fm-evolution-down:before {
  content: "\e9a1"; }

.fm-discounts:before {
  content: "\e98f"; }

.fm-tag:before {
  content: "\ea66"; }

.fm-pie-chart:before {
  content: "\ea29"; }

.fm-pie-chart-2:before {
  content: "\ea28"; }

.fm-treemap:before {
  content: "\ea79"; }

.fm-food-vouchers:before {
  content: "\ea74"; }

.fm-empty-box:before {
  content: "\ead0"; }

.fm-box-arrow:before {
  content: "\ead1"; }

.fm-stocks:before {
  content: "\e934"; }

.fm-vendors:before {
  content: "\ea97"; }

.fm-delivery:before {
  content: "\e98b"; }

.fm-delivery-calendar:before {
  content: "\ead2"; }

.fm-pos:before {
  content: "\ea2f"; }

.fm-sales:before {
  content: "\ea3f"; }

.fm-exchange-rate:before {
  content: "\e9a5"; }

.fm-cash:before {
  content: "\e958"; }

.fm-workstations:before {
  content: "\e937"; }

.fm-briefcase-check:before {
  content: "\eb17"; }

.fm-briefcase-close:before {
  content: "\eb18"; }

.fm-briefcase-clock:before {
  content: "\eb19"; }

.fm-briefcase-heart:before {
  content: "\eb1a"; }

.fm-tie:before {
  content: "\ea75"; }

.fm-product-mix:before {
  content: "\ea4b"; }

.fm-shopping-cart-edit:before {
  content: "\ead3"; }

.fm-shopping-cart-automated:before {
  content: "\ead4"; }

.fm-shopping-cart-lock:before {
  content: "\ead5"; }

.fm-shopping-cart-check:before {
  content: "\ead6"; }

.fm-shopping-cart-close:before {
  content: "\ead7"; }

.fm-share1:before {
  content: "\ea49"; }

.fm-shopping-bags:before {
  content: "\ea4a"; }

.fm-credit-card-pin:before {
  content: "\e984"; }

.fm-card:before {
  content: "\e985"; }

.fm-archive:before {
  content: "\e9b8"; }

.fm-hours-budget:before {
  content: "\e9b9"; }

.fm-file-error:before {
  content: "\e9bb"; }

.fm-review-incidences:before {
  content: "\e9b7"; }

.fm-budgets:before {
  content: "\e939"; }

.fm-certificate:before {
  content: "\e959"; }

.fm-file-close:before {
  content: "\ead8"; }

.fm-review:before {
  content: "\ea3c"; }

.fm-nutrition:before {
  content: "\ea23"; }

.fm-report-search:before {
  content: "\ea3a"; }

.fm-data:before {
  content: "\e9bf"; }

.fm-file-error-1:before {
  content: "\e900"; }

.fm-file-save:before {
  content: "\ead9"; }

.fm-contracts:before {
  content: "\e981"; }

.fm-reports:before {
  content: "\ea3b"; }

.fm-report-off:before {
  content: "\eada"; }

.fm-audits:before {
  content: "\e9d6"; }

.fm-form-off:before {
  content: "\e9d5"; }

.fm-form-setup:before {
  content: "\eadb"; }

.fm-sick-leave:before {
  content: "\ea14"; }

.fm-work-order:before {
  content: "\e922"; }

.fm-audit-error:before {
  content: "\e921"; }

.fm-form-check:before {
  content: "\e9d2"; }

.fm-form-check-arrow:before {
  content: "\eadc"; }

.fm-form-add:before {
  content: "\eadd"; }

.fm-form-edit:before {
  content: "\e9d3"; }

.fm-form-error:before {
  content: "\e9d4"; }

.fm-form-user:before {
  content: "\e932"; }

.fm-multiple-form:before {
  content: "\ea1f"; }

.fm-folder:before {
  content: "\e9ce"; }

.fm-folder-error:before {
  content: "\e9cc"; }

.fm-folder-arrow:before {
  content: "\eade"; }

.fm-folder-add:before {
  content: "\e9cb"; }

.fm-folder-remove:before {
  content: "\e9cd"; }

.fm-folder-close:before {
  content: "\eb2c"; }

.fm-documentation:before {
  content: "\e906"; }

.fm-archive-show:before {
  content: "\e905"; }

.fm-archive-hide:before {
  content: "\e904"; }

.fm-unarchive:before {
  content: "\eadf"; }

.fm-edit:before {
  content: "\e998"; }

.fm-pencil:before {
  content: "\e999"; }

.fm-edit-2:before {
  content: "\e99a"; }

.fm-draft:before {
  content: "\e993"; }

.fm-edit-signature:before {
  content: "\eae0"; }

.fm-training:before {
  content: "\ea27"; }

.fm-measure:before {
  content: "\eae1"; }

.fm-templates:before {
  content: "\ea68"; }

.fm-group:before {
  content: "\e9dc"; }

.fm-ungroup:before {
  content: "\ea7c"; }

.fm-group-2:before {
  content: "\e9dd"; }

.fm-ungroup-2:before {
  content: "\ea7d"; }

.fm-modules:before {
  content: "\ea1a"; }

.fm-newspaper:before {
  content: "\ea20"; }

.fm-pdf:before {
  content: "\e9bd"; }

.fm-file-doc:before {
  content: "\e9ba"; }

.fm-xls:before {
  content: "\e9a3"; }

.fm-csv:before {
  content: "\e9a4"; }

.fm-ods:before {
  content: "\e9bc"; }

.fm-powerpoint:before {
  content: "\ea72"; }

.fm-paint:before {
  content: "\ea24"; }

.fm-rubber:before {
  content: "\e99d"; }

.fm-optimizer:before {
  content: "\ea9a"; }

.fm-wand-off:before {
  content: "\eb10"; }

.fm-attachment-clip:before {
  content: "\e920"; }

.fm-translate:before {
  content: "\ea77"; }

.fm-notebook:before {
  content: "\ea21"; }

.fm-notebook-add:before {
  content: "\eae2"; }

.fm-catalogue:before {
  content: "\ea2c"; }

.fm-list:before {
  content: "\ea0a"; }

.fm-justify-top:before {
  content: "\eae3"; }

.fm-justify-center:before {
  content: "\eae4"; }

.fm-justify-bottom:before {
  content: "\eae5"; }

.fm-grid-view-1:before {
  content: "\e9d9"; }

.fm-list-view:before {
  content: "\eae6"; }

.fm-grid-view-2:before {
  content: "\e9da"; }

.fm-side-column-left:before {
  content: "\eae7"; }

.fm-side-column-on:before {
  content: "\eae8"; }

.fm-side-column-right:before {
  content: "\eae9"; }

.fm-card-view:before {
  content: "\eaea"; }

.fm-home:before {
  content: "\e988"; }

.fm-dashboard-fill:before {
  content: "\eb1d"; }

.fm-sectors:before {
  content: "\ea42"; }

.fm-grid:before {
  content: "\e9db"; }

.fm-table:before {
  content: "\ea65"; }

.fm-view:before {
  content: "\ea64"; }

.fm-app-menu:before {
  content: "\e903"; }

.fm-bookmark:before {
  content: "\eb2d"; }

.fm-bookmark-fill:before {
  content: "\eb2e"; }

.fm-favorite-scene:before {
  content: "\e9b6"; }

.fm-heart:before {
  content: "\e9e2"; }

.fm-heart-fill:before {
  content: "\e9e1"; }

.fm-star:before {
  content: "\ea54"; }

.fm-star-filled:before {
  content: "\ea53"; }

.fm-eye:before {
  content: "\e9ab"; }

.fm-eye-close:before {
  content: "\e9aa"; }

.fm-add:before {
  content: "\e901"; }

.fm-remove:before {
  content: "\ea38"; }

.fm-close:before {
  content: "\e973"; }

.fm-close-circle:before {
  content: "\e972"; }

.fm-check:before {
  content: "\e95d"; }

.fm-check-circle:before {
  content: "\e95b"; }

.fm-operations:before {
  content: "\e95c"; }

.fm-polls:before {
  content: "\e992"; }

.fm-denied:before {
  content: "\eabb"; }

.fm-exceptions:before {
  content: "\e99e"; }

.fm-error:before {
  content: "\eaba"; }

.fm-error-check:before {
  content: "\eaeb"; }

.fm-alert-circle:before {
  content: "\e902"; }

.fm-alert-fill:before {
  content: "\eaec"; }

.fm-question-circle-thick:before {
  content: "\ea35"; }

.fm-question-circle:before {
  content: "\eab9"; }

.fm-question-mark:before {
  content: "\eb2f"; }

.fm-info-circle:before {
  content: "\e9f9"; }

.fm-info-fill:before {
  content: "\e9f8"; }

.fm-info-alt:before {
  content: "\eb30"; }

.fm-wifi-on:before {
  content: "\eaa0"; }

.fm-wifi-off:before {
  content: "\ea9f"; }

.fm-published:before {
  content: "\ea33"; }

.fm-unpublished:before {
  content: "\eaed"; }

.fm-awareness:before {
  content: "\ea0b"; }

.fm-burguer-menu:before {
  content: "\e93c"; }

.fm-setup-thick:before {
  content: "\ea45"; }

.fm-forbidden:before {
  content: "\eaee"; }

.fm-unblock:before {
  content: "\eb1e"; }

.fm-search:before {
  content: "\ea41"; }

.fm-zoom-in:before {
  content: "\eaa6"; }

.fm-zoom-out:before {
  content: "\eaa7"; }

.fm-filter:before {
  content: "\e9c0"; }

.fm-parameters:before {
  content: "\e9c1"; }

.fm-filters-3:before {
  content: "\e9c2"; }

.fm-link:before {
  content: "\ea08"; }

.fm-unlink:before {
  content: "\eb06"; }

.fm-cookie:before {
  content: "\e982"; }

.fm-power:before {
  content: "\ea30"; }

.fm-bluetooth:before {
  content: "\e92f"; }

.fm-trash:before {
  content: "\ea78"; }

.fm-trash-management:before {
  content: "\eaef"; }

.fm-thumb-up:before {
  content: "\ea70"; }

.fm-thumb-down:before {
  content: "\ea6f"; }

.fm-thumbs-up-fill:before {
  content: "\eaaa"; }

.fm-thumbs-down-fill:before {
  content: "\eaa9"; }

.fm-cloud-on:before {
  content: "\e97a"; }

.fm-cloud-off:before {
  content: "\e976"; }

.fm-upload-cloud:before {
  content: "\ea7f"; }

.fm-download-cloud:before {
  content: "\eaf0"; }

.fm-cloud-reconnect:before {
  content: "\e977"; }

.fm-centers:before {
  content: "\ea0c"; }

.fm-work-center:before {
  content: "\ea0d"; }

.fm-location-2-add:before {
  content: "\eaf1"; }

.fm-flag:before {
  content: "\e9c8"; }

.fm-flag-2:before {
  content: "\e9c9"; }

.fm-share-2:before {
  content: "\ea48"; }

.fm-share-fill-2:before {
  content: "\ea47"; }

.fm-share:before {
  content: "\ea46"; }

.fm-alarm:before {
  content: "\e92e"; }

.fm-executed-alerts:before {
  content: "\e92c"; }

.fm-scheduled-alerts:before {
  content: "\e92d"; }

.fm-dialog:before {
  content: "\e95a"; }

.fm-chat-off:before {
  content: "\eb1f"; }

.fm-email:before {
  content: "\e99c"; }

.fm-notifications:before {
  content: "\e99b"; }

.fm-email-send:before {
  content: "\eaf2"; }

.fm-distribution-lists:before {
  content: "\e990"; }

.fm-email-check:before {
  content: "\eb11"; }

.fm-email-open:before {
  content: "\eb20"; }

.fm-publish:before {
  content: "\ea44"; }

.fm-unpublish:before {
  content: "\ea7e"; }

.fm-inbox-in:before {
  content: "\e9f7"; }

.fm-home1:before {
  content: "\e9f0"; }

.fm-home-fill:before {
  content: "\eb21"; }

.fm-home-group:before {
  content: "\e9ef"; }

.fm-book:before {
  content: "\e930"; }

.fm-whitepaper:before {
  content: "\ea9e"; }

.fm-megaphone:before {
  content: "\eaf3"; }

.fm-pin:before {
  content: "\ea2b"; }

.fm-pin-fill:before {
  content: "\ea2a"; }

.fm-categories:before {
  content: "\ea8b"; }

.fm-ordination-asc:before {
  content: "\ea50"; }

.fm-ordination-desc:before {
  content: "\ea51"; }

.fm-move:before {
  content: "\ea1e"; }

.fm-move-2:before {
  content: "\eaf5"; }

.fm-more-vertical:before {
  content: "\ea1d"; }

.fm-hpoints:before {
  content: "\ea1c"; }

.fm-options:before {
  content: "\ea71"; }

.fm-facility:before {
  content: "\ea76"; }

.fm-spareparts:before {
  content: "\ea52"; }

.fm-activate:before {
  content: "\ea62"; }

.fm-deactivate:before {
  content: "\ea61"; }

.fm-camera-line:before {
  content: "\e94f"; }

.fm-camera:before {
  content: "\e94e"; }

.fm-picture:before {
  content: "\e9f4"; }

.fm-spinner:before {
  content: "\eaf6"; }

.fm-compass:before {
  content: "\e97f"; }

.fm-world:before {
  content: "\eaa4"; }

.fm-globe:before {
  content: "\e9d8"; }

.fm-padlock-open:before {
  content: "\ea0f"; }

.fm-padlock:before {
  content: "\ea0e"; }

.fm-key-1:before {
  content: "\e9fb"; }

.fm-key-2:before {
  content: "\e9fc"; }

.fm-battery-low:before {
  content: "\e92a"; }

.fm-battery-medium:before {
  content: "\e92b"; }

.fm-battery-full:before {
  content: "\e929"; }

.fm-change-log:before {
  content: "\eb12"; }

.fm-download-check:before {
  content: "\eb13"; }

.fm-help:before {
  content: "\eb22"; }

.fm-help-guide:before {
  content: "\eb23"; }

.fm-heatmap .path1:before {
  content: "\e9e3";
  color: #656d8f; }

.fm-heatmap .path2:before {
  content: "\e9e4";
  margin-left: -1em;
  color: #656d8f; }

.fm-heatmap .path3:before {
  content: "\e9e5";
  margin-left: -1em;
  color: #656d8f; }

.fm-heatmap .path4:before {
  content: "\e9e6";
  margin-left: -1em;
  color: #9ba2c0; }

.fm-heatmap .path5:before {
  content: "\e9e7";
  margin-left: -1em;
  color: #dadbe7; }

.fm-heatmap .path6:before {
  content: "\e9e8";
  margin-left: -1em;
  color: #9ba2c0; }

.fm-heatmap .path7:before {
  content: "\e9e9";
  margin-left: -1em;
  color: #dadbe7; }

.fm-heatmap .path8:before {
  content: "\e9ea";
  margin-left: -1em;
  color: #dadbe7; }

.fm-heatmap .path9:before {
  content: "\e9eb";
  margin-left: -1em;
  color: #dadbe7; }

.fm-dropbox:before {
  content: "\e997"; }

.fm-drive:before {
  content: "\e995"; }

.fm-box:before {
  content: "\e933"; }

.fm-video:before {
  content: "\eaa5"; }

.fm-linkedin:before {
  content: "\ea09"; }

.fm-komokomo:before {
  content: "\ea02"; }

.fm-komo-komo .path1:before {
  content: "\e9fd";
  color: #28c898; }

.fm-komo-komo .path2:before {
  content: "\e9fe";
  margin-left: -1em;
  color: #f37556; }

.fm-komo-komo .path3:before {
  content: "\e9ff";
  margin-left: -1em;
  color: #f7cd66; }

.fm-komo-komo .path4:before {
  content: "\ea00";
  margin-left: -1em;
  color: #505971; }

.fm-komo-komo .path5:before {
  content: "\ea01";
  margin-left: -1em;
  color: #505971; }

.fm-instagram:before {
  content: "\e9fa"; }

.fm-facebook:before {
  content: "\e9b4"; }

.fm-twitter:before {
  content: "\ea7b"; }

.fm-audits-scale:before {
  content: "\e924"; }

.fm-numbers:before {
  content: "\ea22"; }

.fm-number-interval:before {
  content: "\eaf7"; }

.fm-nps:before {
  content: "\eaf8"; }

.fm-holidays:before {
  content: "\e9ee"; }

.fm-non-holidays:before {
  content: "\e9ed"; }

.fm-exit:before {
  content: "\e9a6"; }

.fm-kpis:before {
  content: "\ea03"; }

.fm-kpi-2:before {
  content: "\ea04"; }

.fm-pressure:before {
  content: "\ea31"; }

.fm-goal-target:before {
  content: "\ea67"; }

.fm-health:before {
  content: "\e9f1"; }

.fm-companies:before {
  content: "\e97e"; }

.fm-operators:before {
  content: "\e93b"; }

.fm-town:before {
  content: "\eb24"; }

.fm-learning:before {
  content: "\ea05"; }

.fm-recipies:before {
  content: "\e95e"; }

.fm-waste:before {
  content: "\ea9b"; }

.fm-buffet:before {
  content: "\e93a"; }

.fm-cooking:before {
  content: "\e983"; }

.fm-equipment-facilities:before {
  content: "\e9b5"; }

.fm-cutlery:before {
  content: "\e987"; }

.fm-drink:before {
  content: "\e994"; }

.fm-break:before {
  content: "\e936"; }

.fm-break-check:before {
  content: "\eaf9"; }

.fm-break-close:before {
  content: "\eafa"; }

.fm-coffee:before {
  content: "\e97d"; }

.fm-car-signal:before {
  content: "\e950"; }

.fm-hotel:before {
  content: "\e9f2"; }

.fm-data-base:before {
  content: "\e989"; }

.fm-rocket:before {
  content: "\ea3d"; }

.fm-weight:before {
  content: "\ea9d"; }

.fm-agreement:before {
  content: "\e98a"; }

.fm-food-production:before {
  content: "\e9d0"; }

.fm-waiter:before {
  content: "\ea98"; }

.fm-food:before {
  content: "\e9d1"; }

.fm-food-family:before {
  content: "\e9cf"; }

.fm-apple:before {
  content: "\eb31"; }

.fm-flour:before {
  content: "\e9ca"; }

.fm-wood-oven:before {
  content: "\eaa2"; }

.fm-hand-request:before {
  content: "\e9de"; }

.fm-auditors:before {
  content: "\e923"; }

.fm-clean:before {
  content: "\e96b"; }

.fm-trophy:before {
  content: "\ea7a"; }

.fm-asterisk:before {
  content: "\eafb"; }

.fm-hashtag:before {
  content: "\e9df"; }

.fm-light-bulb:before {
  content: "\eafc"; }

.fm-traffic-light:before {
  content: "\eafd"; }

.fm-line-chart-2:before {
  content: "\ea06"; }

.fm-brain:before {
  content: "\eb14"; }

.fm-proposal:before {
  content: "\eb16"; }

.fm-crown-2:before {
  content: "\eb25"; }

.fm-thumbs-up-down:before {
  content: "\eb26"; }

.fm-dish:before {
  content: "\eb27"; }

.fm-infinite:before {
  content: "\eb28"; }

.fm-road:before {
  content: "\eb29"; }

.fm-gender:before {
  content: "\eb2a"; }

.fm-ladder:before {
  content: "\eb32"; }

.fm-texture:before {
  content: "\eb33"; }

.fm-smart-template:before {
  content: "\eb34"; }

.fm-labor:before {
  content: "\ea95"; }

.fm-labor-proposals:before {
  content: "\ea83"; }

.fm-absenteeism-incidences:before {
  content: "\ea85"; }

.fm-user-add:before {
  content: "\ea80"; }

.fm-user-remove:before {
  content: "\ea90"; }

.fm-staff-shift:before {
  content: "\ea84"; }

.fm-optimal-labor:before {
  content: "\ea93"; }

.fm-evaluations:before {
  content: "\ea91"; }

.fm-employee-categorization:before {
  content: "\ea94"; }

.fm-user-edit:before {
  content: "\ea87"; }

.fm-user-not-permission:before {
  content: "\ea88"; }

.fm-user-setup:before {
  content: "\ea92"; }

.fm-permissions:before {
  content: "\ea8e"; }

.fm-preventive-maintenance:before {
  content: "\ea81"; }

.fm-staff-cost:before {
  content: "\ea8f"; }

.fm-user-link:before {
  content: "\eafe"; }

.fm-user-arrow-back:before {
  content: "\eb2b"; }

.fm-user-recognition:before {
  content: "\eaff"; }

.fm-supervisor-link:before {
  content: "\eb00"; }

.fm-supervisor-receive:before {
  content: "\eb01"; }

.fm-user-location:before {
  content: "\ea8d"; }

.fm-workstation:before {
  content: "\eaa3"; }

.fm-direct-work:before {
  content: "\e98e"; }

.fm-users:before {
  content: "\ea89"; }

.fm-users-edit:before {
  content: "\eb02"; }

.fm-staff:before {
  content: "\ea8a"; }

.fm-user-team:before {
  content: "\ea96"; }

.fm-labor-record:before {
  content: "\ea82"; }

.fm-categories:before {
  content: "\ea8b"; }

.fm-worker-file:before {
  content: "\ea8c"; }

.fm-contacts:before {
  content: "\ea86"; }

.fm-very-high:before {
  content: "\e9b2"; }

.fm-high:before {
  content: "\e9ad"; }

.fm-half:before {
  content: "\e9ac"; }

.fm-low:before {
  content: "\e9ae"; }

.fm-very-low:before {
  content: "\e9b3"; }

.fm-work-climate:before {
  content: "\e9b1"; }

.fm-no-answer:before {
  content: "\e9af"; }

.fm-ghost:before {
  content: "\eb03"; }

.fm-ghost-fill:before {
  content: "\eb04"; }

.fm-cloud-snow:before {
  content: "\ea4e"; }

.fm-thunderstorm:before {
  content: "\ea73"; }

.fm-rain:before {
  content: "\ea36"; }

.fm-clouds:before {
  content: "\e97b"; }

.fm-wind:before {
  content: "\eaa1"; }

.fm-sun:before {
  content: "\ea5f"; }

.fm-drop:before {
  content: "\e996"; }

.fm-nighttime:before {
  content: "\ea1b"; }

.fm-cloud-moon-rain:before {
  content: "\e974"; }

.fm-cloud-sun-rain:before {
  content: "\e978"; }

.fm-cloud-moon:before {
  content: "\e975"; }

.fm-cloud:before {
  content: "\e979"; }

.fm-snow:before {
  content: "\ea4f"; }

.fm-mist:before {
  content: "\ea17"; }

.fm-thermometer-low:before {
  content: "\ea6b"; }

.fm-thermometer-medium:before {
  content: "\ea6c"; }

.fm-thermometer-full:before {
  content: "\ea6a"; }

.fm-thermometer-refrigeration:before {
  content: "\ea6e"; }

.fm-thermometer-off:before {
  content: "\ea6d"; }

.fm-thermometer-frozen:before {
  content: "\ea69"; }

.fm-fire:before {
  content: "\e9c7"; }

/* mapal renamed fonts used in easilys */
.fm-check-thick:before {
  content: "\e95d"; }

.fm-download:before {
  content: "\e90f"; }

.fm-flow-app:before {
  content: "\eab7"; }

.fm-forum:before {
  content: "\e95a"; }

.fm-guest-orders:before {
  content: "\e93a"; }

.fm-menus:before {
  content: "\ea3b"; }

.fm-products:before {
  content: "\ea49"; }

.fm-question:before {
  content: "\eb2f"; }

.fm-recipes:before {
  content: "\e95e"; }

.fm-return-arrow:before {
  content: "\e913"; }

.fm-sites:before {
  content: "\ea5e"; }

.fm-stock:before {
  content: "\e934"; }

.fm-supplier-orders:before {
  content: "\ea4b"; }

.fm-traceability:before {
  content: "\e922"; }

/* mapal renamed fonts used in easilys for modules */
.fm-module-customer-orders:before {
  content: "\e93a"; }

.fm-module-daily-cost:before {
  content: "\e93d"; }

.fm-module-delivery:before {
  content: "\e98b"; }

.fm-module-equipments:before {
  content: "\e9b5"; }

.fm-module-home:before {
  content: "\e9f0"; }

.fm-module-menus:before {
  content: "\ea3b"; }

.fm-module-nutrition:before {
  content: "\ea23"; }

.fm-module-oasys:before {
  content: "\e989"; }

.fm-module-product:before {
  content: "\ea49"; }

.fm-module-production:before {
  content: "\e983"; }

.fm-module-recipes:before {
  content: "\e95e"; }

.fm-module-sales:before {
  content: "\ea49"; }

.fm-module-setups:before {
  content: "\ea45"; }

.fm-module-site:before {
  content: "\ea5e"; }

.fm-module-stocks:before {
  content: "\e934"; }

.fm-module-supplier-orders:before {
  content: "\ea4b"; }

.fm-module-tenders-suppliers:before {
  content: "\e98a"; }

.fm-module-tenders:before {
  content: "\e98a"; }

.fm-module-tools:before {
  content: "\ea76"; }

.fm-module-traceability:before {
  content: "\e922"; }

.fm-module-users-community:before {
  content: "\e95a"; }

.fm-module-wastes:before {
  content: "\ea9b"; }

.fm-module-task:before {
  content: "\e981"; }

.fm-module-external-links:before {
  content: "\eb23"; }

.fm-module-external-link-release-note:before {
  content: "\eaf3"; }

.fem, .fas, .fma, .fi {
  display: inline-block;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fe-spin, .fa-spin, .fm-spin, .fi-spin {
  animation: spin 2s infinite linear; }

.fe-pulse, .fa-pulse, .fm-pulse, .fi-pulse {
  animation: spin 1s infinite steps(8); }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fe-lg, .fa-lg, .fm-lg, .fi-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fe-xs, .fa-xs, .fm-xs, .fi-xs {
  font-size: .75em; }

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: .875em; }

.fe-1x, .fa-1x, .fm-1x, .fi-1x {
  font-size: 1em; }

.fe-2x, .fa-2x, .fm-2x, .fi-2x {
  font-size: 2em; }

.fe-3x, .fa-3x, .fm-3x, .fi-3x {
  font-size: 3em; }

.fe-4x, .fa-4x, .fm-4x, .fi-4x {
  font-size: 4em; }

.fe-5x, .fa-5x, .fm-5x, .fi-5x {
  font-size: 5em; }

.fe-6x, .fa-6x, .fm-6x, .fi-6x {
  font-size: 6em; }

.fe-7x, .fa-7x, .fm-7x, .fi-7x {
  font-size: 7em; }

.fe-8x, .fa-8x, .fm-8x, .fi-8x {
  font-size: 8em; }

.fe-9x, .fa-9x, .fm-9x, .fi-9x {
  font-size: 9em; }

.fe-10x, .fa-10x, .fm-10x, .fi-10x {
  font-size: 10em; }

.fe-rotate-90, .fa-rotate-90, .fm-rotate-90, .fi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fe-rotate-180, .fa-rotate-180, .fm-rotate-180, .fi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fe-rotate-270, .fa-rotate-270, .fm-rotate-270, .fi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fe-flip-horizontal, .fa-flip-horizontal, .fm-flip-horizontal, .fi-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fe-flip-vertical, .fa-flip-vertical, .fm-flip-vertical, .fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fe-flip-both, .fe-flip-horizontal.fe-flip-vertical,
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical,
.fm-flip-both, .fm-flip-horizontal.fm-flip-vertical,
.fi-flip-both, .fi-flip-horizontal.fi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fe-rotate-90, :root .fa-rotate-90, :root .fm-rotate-90, :root .fi-rotate-90,
:root .fe-rotate-180, :root .fa-rotate-180, :root .fm-rotate-180, :root .fi-rotate-180,
:root .fe-rotate-270, :root .fa-rotate-270, :root .fm-rotate-270, :root .fi-rotate-270,
:root .fe-flip-horizontal, :root .fa-flip-horizontal, :root .fm-flip-horizontal, :root .fi-flip-horizontal,
:root .fe-flip-vertical, :root .fa-flip-vertical, :root .fm-flip-vertical, :root .fi-flip-vertical,
:root .fe-flip-both, :root .fa-flip-both, :root .fm-flip-both, :root .fi-flip-both {
  filter: none; }

@font-face {
  font-family: "Montserrat Medium";
  src: url("../fonts/Montserrat-Medium.ttf"); }

@font-face {
  font-family: "Montserrat Semi Bold";
  src: url("../fonts/Montserrat-SemiBold.ttf"); }

@font-face {
  font-family: "Montserrat Bold";
  src: url("../fonts/Montserrat-Bold.ttf"); }

.montserrat-medium {
  font-family: "Montserrat Medium", serif; }

.montserrat-semi-bold {
  font-family: "Montserrat Semi Bold", serif; }

.montserrat-bold {
  font-family: "Montserrat Bold", serif; }

:root {
  --easilys-300-rgb: 15, 78, 131;
  --analytics-300: #0073a4;
  --cashrec-300: #507920;
  --compliance-300: #6746ca;
  --docs-300: #b74709;
  --easilys-300: rgb(var(--easilys-300-rgb));
  --engagement-300: #5d0b7a;
  --facilities-300: #0f767e;
  --flow-300: #c7305e;
  --mapal_one-300: #301E4A;
  --mapal-os-300: #301E4A;
  --reputation-300: #4065d5;
  --workforce-300: #9c1d88;
  --config-300: var(--mapal_one-300);
  --admin-300: var(--mapal_one-300);
  --settings-300: #00A0DC;
  --operations-300: var(--compliance-300);
  --easilys-300-icon-bg: rgba(var(--easilys-300-rgb), 0.1); }

html.mapal .main-menu + div,
html.mapal .main-menu + .panel {
  bottom: 70px; }

html.mapal .d-layout .d-layout-body {
  margin-bottom: 70px; }

html.mapal ::-webkit-scrollbar {
  width: 14px; }

html.mapal ::-webkit-scrollbar-track {
  background-color: #E7E7E7; }

html.mapal ::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 20px #B4B9D0;
  border-radius: 20px;
  border: 4px solid #E7E7E7; }

html.mapal .container__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 70px;
  height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Montserrat Medium", serif;
  font-size: 13px;
  color: #656D8F;
  padding: 12px 20px 12px 20px;
  background-color: #FFFFFF;
  z-index: 10; }
  html.mapal .container__footer .footer__logo img {
    width: 130px;
    vertical-align: middle; }
  html.mapal .container__footer .footer__info {
    color: #B4B9D0;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-38.5%);
    line-height: 16px; }
    html.mapal .container__footer .footer__info .info__terms {
      display: flex;
      justify-content: center;
      align-items: center; }
      html.mapal .container__footer .footer__info .info__terms .separator {
        width: 1px;
        height: 10px;
        background: var(--application-main-color); }
      html.mapal .container__footer .footer__info .info__terms a {
        color: var(--application-main-color);
        margin: 0 12px;
        transition: all 0.2s ease;
        text-decoration: none; }
    html.mapal .container__footer .footer__info .info__copyright {
      margin-top: 5px;
      color: #656D8F; }
  html.mapal .container__footer .footer__operator {
    display: flex;
    align-items: center;
    line-height: initial;
    gap: 6px; }
    html.mapal .container__footer .footer__operator .site__info {
      display: flex;
      align-items: center;
      line-height: initial; }
    html.mapal .container__footer .footer__operator .btnormal {
      color: #656D8F;
      background-color: #FFFFFF;
      font-size: 13px;
      justify-content: center;
      align-items: center; }
      html.mapal .container__footer .footer__operator .btnormal span + span {
        margin-left: .5rem; }
      html.mapal .container__footer .footer__operator .btnormal .icon {
        font-size: 16px; }
    html.mapal .container__footer .footer__operator .btnormal:hover {
      color: #505671; }
    html.mapal .container__footer .footer__operator .bt-help__access {
      border-radius: 4px;
      transition: all 0.2s ease;
      border: solid 2px transparent; }
      html.mapal .container__footer .footer__operator .bt-help__access .icon {
        color: var(--application-main-color); }
    html.mapal .container__footer .footer__operator .bt-help__access:hover {
      border: solid 2px var(--application-main-color);
      background-color: var(--application-main-color); }
      html.mapal .container__footer .footer__operator .bt-help__access:hover .icon {
        color: #FFFFFF; }
    html.mapal .container__footer .footer__operator .bt-site__info {
      border: solid 1px #E7E7E7;
      display: flex;
      cursor: pointer;
      padding: 0px 16px 0px 16px;
      border-radius: 4px;
      height: 38px;
      max-width: 210px;
      /* for display help center on small device */
      justify-content: start; }
      html.mapal .container__footer .footer__operator .bt-site__info .fm-angle-up,
      html.mapal .container__footer .footer__operator .bt-site__info .fm-angle-down {
        font-size: 9px;
        margin-left: 10px; }
      html.mapal .container__footer .footer__operator .bt-site__info .bt-site__site-name {
        white-space: break-spaces;
        line-height: initial; }
    html.mapal .container__footer .footer__operator .bt-user__info {
      border: solid 1px #E7E7E7;
      width: 38px;
      height: 38px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    html.mapal .container__footer .footer__operator .bt-user__info {
      border-radius: 4px; }
    html.mapal .container__footer .footer__operator .bt-help__access {
      padding: 0;
      width: auto;
      height: auto;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: normal; }
      html.mapal .container__footer .footer__operator .bt-help__access .icon {
        line-height: initial;
        font-size: 28px; }

html.mapal .navigation__widget {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 39;
  -webkit-transition: all 0.2s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.2s ease;
  /* FF4+ */
  -ms-transition: all 0.2s ease;
  /* IE10 */
  -o-transition: all 0.2s ease;
  /* Opera 10.5+ */
  transition: all 0.2s ease;
  /* W3C*/ }
  html.mapal .navigation__widget a {
    text-decoration: none; }
  html.mapal .navigation__widget .widget__toggler {
    display: block;
    width: 70px;
    position: relative;
    overflow: hidden;
    transition: all 0.1s linear;
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out; }
    html.mapal .navigation__widget .widget__toggler .fab-toggler {
      display: flex;
      align-items: center;
      font-size: 14px;
      padding: 10px 0;
      text-decoration: none;
      transition: all 0.2s linear;
      border: none !important;
      outline: none !important; }
      html.mapal .navigation__widget .widget__toggler .fab-toggler .button-toggler {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        min-width: 70px; }
        html.mapal .navigation__widget .widget__toggler .fab-toggler .button-toggler button {
          display: flex;
          justify-content: center;
          align-items: center;
          border: none;
          padding: 0;
          outline: none;
          transition: all 0.3s linear;
          background-color: var(--easilys-300);
          border-radius: 50%;
          width: 35px;
          height: 35px; }
          html.mapal .navigation__widget .widget__toggler .fab-toggler .button-toggler button img {
            width: 25px;
            height: 25px; }
        html.mapal .navigation__widget .widget__toggler .fab-toggler .button-toggler button.not-connected {
          cursor: default; }
        html.mapal .navigation__widget .widget__toggler .fab-toggler .button-toggler button:hover:not(.not-connected) {
          transform: scale(1.2); }
  html.mapal .navigation__widget .widget__icons {
    position: absolute;
    top: 4px;
    left: 65px;
    display: flex;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px; }
    html.mapal .navigation__widget .widget__icons button {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #00a0dc;
      width: 35px;
      height: 35px;
      font-size: 21px;
      border-radius: 50%;
      border: none !important;
      color: #fff;
      margin: 0 5px;
      outline: none !important;
      transition: all 0.3s linear; }
      html.mapal .navigation__widget .widget__icons button i {
        padding: 7px;
        border-radius: 50px; }
    html.mapal .navigation__widget .widget__icons button:hover {
      transform: scale(1.2); }

html.mapal .open-menu-button,
html.mapal .close-menu-button {
  cursor: pointer;
  position: absolute;
  top: 0px;
  width: 40px;
  height: 40px;
  padding: 0; }

html.mapal .open-menu-button {
  left: 0px;
  z-index: 2; }

html.mapal .close-menu-button {
  right: 0px;
  padding: 10px;
  display: none; }

html.mapal #AppNavBar .e-product-switcher-application {
  position: relative;
  margin: 0px 2.5px; }
  html.mapal #AppNavBar .e-product-switcher-application a {
    display: block;
    transition: all 0.3s linear; }
    html.mapal #AppNavBar .e-product-switcher-application a .logo-container {
      border-radius: 100%;
      width: 35px;
      height: 35px; }
      html.mapal #AppNavBar .e-product-switcher-application a .logo-container .logo {
        width: 25px;
        height: 25px;
        position: relative;
        top: 5px;
        left: 5px; }
    html.mapal #AppNavBar .e-product-switcher-application a:hover {
      transform: scale(1.18); }
  html.mapal #AppNavBar .e-product-switcher-application .tooltip {
    display: none;
    position: absolute;
    top: -31px;
    left: 50%;
    border-radius: 25px;
    padding: 2px 9px 3px 9px;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 13px;
    font-family: "Montserrat Medium", serif;
    line-height: 19.5px; }
  html.mapal #AppNavBar .e-product-switcher-application:hover .tooltip {
    display: block; }

html.mapal #AppNavBar #NavBar_ApplicationsDisabledButton__Toggler {
  margin: 0 5px;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  background-color: var(--mapal-os-300);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

html.mapal .modal_reload {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px; }
  html.mapal .modal_reload .circle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--easilys-300-icon-bg);
    color: var(--easilys-300);
    border-radius: 100%;
    margin-bottom: 16px;
    width: 120px;
    height: 120px; }
    html.mapal .modal_reload .circle-icon .icon {
      font-size: 57px; }
  html.mapal .modal_reload .description {
    font-size: 13px;
    font-family: "Montserrat Medium", serif;
    font-weight: 400;
    line-height: 1.5;
    color: #656D8F; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
 * LESS mixins -> sort of functions with parameters
****************************************************************************************************/
/* to erase the border-radius done somewhere */
/* to erase the box-shadow done somewhere */
/* to erase the linear-gradient-vertical done somewhere */
/* to erase the linear-gradient-horizontal done somewhere */
/* graph of all transition: http://www.alsacreations.com/tuto/lire/876-transitions-css3-transition-timing-function.html */
/* Deactivate selection on a element */
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version : the color of the text can take two value white or black
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version (Medium version) : the color of the text can take two value white grey or black grey
  Compute the text color according to the background color 
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/* General animation which can be used anywhere */
.easilys {
  /* class applied on the <table> tag*/
  /* Table row*/
  /* Table row in info card*/
  /* button column */
  /* table header */
  /* control button */
  /* Sort icon */
  /*********************************************************************************/
  /* specific table and classes used in meal plan or nutrition guide line modalbox */
  /*********************************************************************************/
  /* Specific attributes for one day column in the calandar menus */
  /* special dish service title used in mo mealplan and menuElement administration modalbox */
  /* Colored squared cell in table modalbox used to change the selected or unselected status of the related element */
  /* Class to simulate an header when the table is build with div */
  /* Specific table use to indicate unity, included in an other table */
  /* Specific row in the table of recipesGroups */
  /* Amout table */
  /* Table with checkable blocks */ }
  .easilys .table {
    width: 100%;
    margin: 10px 0; }
    .easilys .table a.full-width-button-icon {
      padding: 6px; }
  .easilys .taitems {
    background: none;
    border-collapse: collapse;
    width: 100%;
    border: 0 none !important;
    margin-bottom: 5px; }
  .easilys .tao, .easilys .tae {
    border-bottom: solid 1px #e0e0e0;
    background-color: #FFFFFF; }
  .easilys .info-card .tao,
  .easilys .info-card .tae {
    border-bottom: solid 1px #F0F0F0;
    background-color: #FFFFFF; }
  .easilys .taitems th, .easilys .taitems td {
    padding: 9px;
    text-align: left; }
  .easilys .taitems tr.disabled {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1); }
  .easilys td.tabutton {
    text-align: right;
    width: 55px;
    padding: 4px; }
  .easilys td.zpad0 {
    padding: 0px !important; }
  .easilys .taitems th {
    background-color: #e0e0e0; }
  .easilys .tacontrol {
    margin: 10px 0;
    overflow: hidden;
    /*to avoid empty clear div*/ }
  .easilys .sortable {
    padding-right: 20px;
    text-decoration: none; }
  .easilys .dishtable {
    width: 100%;
    overflow-x: auto; }
    .easilys .dishtable .dishcell {
      background-color: #e0e0e0;
      margin-bottom: 10px;
      border: 1px solid #CCCCCC;
      overflow: hidden; }
    .easilys .dishtable .subheader {
      height: 28px;
      background-color: #e0e0e0; }
    .easilys .dishtable .additem {
      width: 100%;
      margin-right: -5px; }
    .easilys .dishtable .taitems .tabutton,
    .easilys .dishtable .taitems .tabutton {
      position: relative; }
      .easilys .dishtable .taitems .tabutton input.dishqty,
      .easilys .dishtable .taitems .tabutton input.dishqty {
        width: 30px;
        margin-right: 30px;
        height: 20px;
        text-align: right; }
  .easilys .colday {
    width: 14.28571%; }
  .easilys .servtitle {
    padding: 10px 5px;
    font-size: 16px;
    line-height: 0.7; }
  .easilys .selectcell {
    height: 100%;
    width: 100%;
    float: left;
    margin: 0 5px;
    opacity: 0.5;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .selectcell.cellhover {
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys a:hover.cellhover {
    opacity: 0.75;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .cell-selected {
    background-color: #00C000; }
  .easilys .cell-unselected {
    background-color: #E00000; }
  .easilys .grid-table {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .easilys .grid-table .table-header {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 22px;
      padding: 5px;
      background-color: var(--application-main-color);
      color: #FFFFFF;
      /* use the span* classes to define columns width */ }
      .easilys .grid-table .table-header .span, .easilys .grid-table .table-header .span5, .easilys .grid-table .table-header .span10, .easilys .grid-table .table-header .span15, .easilys .grid-table .table-header .span20, .easilys .grid-table .table-header .span25, .easilys .grid-table .table-header .span30, .easilys .grid-table .table-header .span35, .easilys .grid-table .table-header .span40, .easilys .grid-table .table-header .span45, .easilys .grid-table .table-header .span50,
      .easilys .grid-table .table-header .span55, .easilys .grid-table .table-header .span60, .easilys .grid-table .table-header .span65, .easilys .grid-table .table-header .span70, .easilys .grid-table .table-header .span75, .easilys .grid-table .table-header .span80, .easilys .grid-table .table-header .span85, .easilys .grid-table .table-header .span90, .easilys .grid-table .table-header .span95, .easilys .grid-table .table-header .span100 {
        margin: 0;
        padding: 0; }
      .easilys .grid-table .table-header a {
        text-decoration: none;
        color: #FFFFFF; }
        .easilys .grid-table .table-header a i {
          margin-top: -5px;
          padding: 5px 0px 5px 5px;
          float: left; }
      .easilys .grid-table .table-header span {
        padding: 5px;
        display: block;
        font-weight: bold; }
      .easilys .grid-table .table-header .header-checkbox-container {
        padding: 5px 10px; }
      .easilys .grid-table .table-header a.header-right-button {
        position: absolute;
        right: 0px;
        top: 0px; }
        .easilys .grid-table .table-header a.header-right-button .normal-icon {
          padding: 7px; }
    .easilys .grid-table .table-body {
      overflow-y: auto;
      overflow-x: hidden;
      position: absolute;
      top: 32px;
      right: 0;
      left: 0;
      bottom: 0;
      /* use the span* classes to define columns width */ }
      .easilys .grid-table .table-body a.table-row {
        color: inherit;
        display: block;
        cursor: pointer; }
      .easilys .grid-table .table-body a:hover.table-row + .table-row.row-option {
        background-color: #F0F0F0; }
      .easilys .grid-table .table-body .table-row {
        overflow: hidden;
        padding: 5px;
        border-bottom: solid 1px #e0e0e0;
        background-color: #FFFFFF; }
        .easilys .grid-table .table-body .table-row .col-qty {
          padding: 7px; }
          .easilys .grid-table .table-body .table-row .col-qty .small-text {
            line-height: 16px; }
          .easilys .grid-table .table-body .table-row .col-qty input[readonly] {
            border: none;
            box-shadow: none;
            font-size: 16px; }
          .easilys .grid-table .table-body .table-row .col-qty input[type="text"][readonly="readonly"]:disabled {
            color: #666666; }
        .easilys .grid-table .table-body .table-row .art {
          color: var(--application-main-color); }
        .easilys .grid-table .table-body .table-row input.red-object {
          color: #B94A48;
          border-color: #B94A48; }
        .easilys .grid-table .table-body .table-row .narrow-list-header {
          color: #666666;
          background-color: #F0F0F0; }
        .easilys .grid-table .table-body .table-row .narrow-list-content .alert-warning {
          padding: 8px; }
        .easilys .grid-table .table-body .table-row .narrow-list-content .zbor, .easilys .grid-table .table-body .table-row .narrow-list-content .zbort, .easilys .grid-table .table-body .table-row .narrow-list-content .zborr, .easilys .grid-table .table-body .table-row .narrow-list-content .zborb, .easilys .grid-table .table-body .table-row .narrow-list-content .zborl {
          border-color: var(--application-main-background-color); }
        .easilys .grid-table .table-body .table-row + .table-row.row-option,
        .easilys .grid-table .table-body .table-row + a + .table-row.row-option {
          background-color: #FFFFFF;
          cursor: default;
          margin-top: -1px; }
          .easilys .grid-table .table-body .table-row + .table-row.row-option span,
          .easilys .grid-table .table-body .table-row + a + .table-row.row-option span {
            padding: 2px 0px 5px 0px; }
        .easilys .grid-table .table-body .table-row + .table-row.row-option:hover,
        .easilys .grid-table .table-body .table-row + a + .table-row.row-option:hover {
          background-color: #FFFFFF; }
      .easilys .grid-table .table-body .table-row:hover {
        background-color: #F0F0F0;
        color: #000000; }
        .easilys .grid-table .table-body .table-row:hover + .table-row.row-option,
        .easilys .grid-table .table-body .table-row:hover + a + .table-row.row-option {
          background-color: #FFFFFF; }
        .easilys .grid-table .table-body .table-row:hover .price,
        .easilys .grid-table .table-body .table-row:hover .orange-object {
          text-shadow: 0px 0px 5px #FFFFFF; }
        .easilys .grid-table .table-body .table-row:hover .col-qty input[type="text"][readonly="readonly"]:disabled {
          background-color: #FFFFFF; }
        .easilys .grid-table .table-body .table-row:hover .col-qty .white-background-object {
          color: #666666; }
        .easilys .grid-table .table-body .table-row:hover .col-qty .white-background-object:hover {
          color: #000000; }
        .easilys .grid-table .table-body .table-row:hover .narrow-list-header {
          background-color: gray;
          color: #FFFFFF; }
        .easilys .grid-table .table-body .table-row:hover .narrow-list-content {
          background-color: #FFFFFF; }
          .easilys .grid-table .table-body .table-row:hover .narrow-list-content .zbor, .easilys .grid-table .table-body .table-row:hover .narrow-list-content .zbort, .easilys .grid-table .table-body .table-row:hover .narrow-list-content .zborr, .easilys .grid-table .table-body .table-row:hover .narrow-list-content .zborb, .easilys .grid-table .table-body .table-row:hover .narrow-list-content .zborl {
            border-color: #d7d7d7; }
      @media (max-width: 1279px) {
        .easilys .grid-table .table-body .table-row.half-a-row {
          position: relative;
          width: 45.5%;
          height: 150px;
          float: left;
          border: solid 1px #F0F0F0;
          margin-left: 10px;
          margin-top: 10px;
          padding: 0px; }
          .easilys .grid-table .table-body .table-row.half-a-row .col-qty {
            position: absolute;
            bottom: 10px;
            left: 0px;
            right: 0px; }
        .easilys .grid-table .table-body a:hover.table-row.half-a-row .col-qty {
          background-color: inherit; }
        .easilys .grid-table .table-body .table-row.half-a-row.row-option {
          position: absolute;
          width: auto;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: 0px !important;
          border: none !important;
          background-color: inherit; }
        .easilys .grid-table .table-body .table-row.half-a-row + .list-sub-header {
          width: 100%;
          float: left; }
        .easilys .grid-table .table-body .table-row.half-a-row + .table-row .form {
          margin-top: 0px;
          padding: 5px; }
        .easilys .grid-table .table-body .table-row.half-a-row + .list-sub-header {
          padding: 10px;
          margin-top: 10px; } }
      .easilys .grid-table .table-body .row-link {
        cursor: pointer; }
      .easilys .grid-table .table-body .narrow-table .table-row {
        padding: 0px 5px; }
      .easilys .grid-table .table-body .span, .easilys .grid-table .table-body .span5, .easilys .grid-table .table-body .span10, .easilys .grid-table .table-body .span15, .easilys .grid-table .table-body .span20, .easilys .grid-table .table-body .span25, .easilys .grid-table .table-body .span30, .easilys .grid-table .table-body .span35, .easilys .grid-table .table-body .span40, .easilys .grid-table .table-body .span45, .easilys .grid-table .table-body .span50,
      .easilys .grid-table .table-body .span55, .easilys .grid-table .table-body .span60, .easilys .grid-table .table-body .span65, .easilys .grid-table .table-body .span70, .easilys .grid-table .table-body .span75, .easilys .grid-table .table-body .span80, .easilys .grid-table .table-body .span85, .easilys .grid-table .table-body .span90, .easilys .grid-table .table-body .span95, .easilys .grid-table .table-body .span100 {
        margin: 0;
        padding: 0; }
      .easilys .grid-table .table-body a.table-link {
        padding: 5px 0px;
        display: inline-block; }
      .easilys .grid-table .table-body span {
        padding: 5px;
        display: inline-block; }
      .easilys .grid-table .table-body a.button-icon,
      .easilys .grid-table .table-body a.full-width-button-icon {
        text-align: center; }
        .easilys .grid-table .table-body a.button-icon span,
        .easilys .grid-table .table-body a.full-width-button-icon span {
          display: inline-block; }
      .easilys .grid-table .table-body a.table-row-link:hover,
      .easilys .grid-table .table-body a.table-row-link:focus {
        background-color: #F0F0F0;
        color: inherit; }
      .easilys .grid-table .table-body a.table-row-link:hover .table-row,
      .easilys .grid-table .table-body a.table-row-link:focus .table-row {
        background-color: inherit; }
  .easilys .table-header.no-ellipsis .ellipsis,
  .easilys .table-body.no-ellipsis .ellipsis {
    white-space: inherit;
    word-wrap: inherit; }
  .easilys .tabhead,
  .easilys .taitems .tabhead {
    background-color: var(--application-main-color);
    color: #FFFFFF;
    padding: 3px;
    font-size: 16px; }
    .easilys .tabhead th,
    .easilys .taitems .tabhead th {
      background-color: var(--application-main-color); }
    .easilys .tabhead h3,
    .easilys .taitems .tabhead h3 {
      color: inherit; }
    .easilys .tabhead a.bt-icon,
    .easilys .taitems .tabhead a.bt-icon {
      margin: 5px 0px 0px 10px;
      line-height: 20px; }
    .easilys .tabhead a.btquiet,
    .easilys .tabhead a:hover.btquiet,
    .easilys .taitems .tabhead a.btquiet,
    .easilys .taitems .tabhead a:hover.btquiet {
      background: none;
      color: #FFFFFF; }
  .easilys .taitems .list-sub-header th {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
    color: var(--application-main-color); }
  .easilys .list-sub-header {
    padding: 5px; }
  .easilys .unit-table {
    background: none;
    border-collapse: collapse;
    width: 100%;
    border: 0; }
    .easilys .unit-table th {
      border: none;
      text-align: left; }
    .easilys .unit-table input.input-thin {
      width: 50px; }
  .easilys .recipegroup-newprice {
    border-top: solid 1px #d4d4d4; }
    .easilys .recipegroup-newprice .newprice-label {
      padding: 5px 5px 0 9px;
      font-weight: bold;
      font-size: 11px;
      line-height: 8px;
      color: #666666; }
    .easilys .recipegroup-newprice td {
      padding: 2px 4px; }
      .easilys .recipegroup-newprice td input.input-thin {
        border: solid 1px #666666;
        border-top: solid 1px #4d4d4d; }
    .easilys .recipegroup-newprice td.tdlight {
      height: 22px;
      padding: 0px 9px;
      font-style: italic;
      font-weight: normal;
      font-size: 10px;
      background-color: inherit;
      border: none;
      color: #666666; }
      .easilys .recipegroup-newprice td.tdlight input.input-thin {
        height: 16px;
        border: solid 1px #d4d4d4; }
  .easilys .amount-table {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 10px; }
  .easilys .legend-narrow {
    color: black;
    background-color: inherit;
    font-size: 10px;
    font-weight: bold;
    border-color: white;
    border-top: none; }
  .easilys .mealselector {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0; }
    .easilys .mealselector .selectcell {
      height: 100%;
      width: 100%;
      float: left;
      margin: 0 1px;
      text-decoration: none;
      text-align: center;
      line-height: 28px;
      font-size: 12px;
      text-transform: uppercase;
      background-color: #FFFFFF;
      color: #CCCCCC; }
      .easilys .mealselector .selectcell .normal-icon {
        margin-top: 100%; }
    .easilys .mealselector .selectcell.selected {
      background-color: var(--application-main-color);
      color: #FFFFFF; }
    .easilys .mealselector .selectcell.unselected {
      color: #CCCCCC;
      background-color: #FFFFFF; }
  .easilys .table .format {
    padding: 8px 10px; }

/****************************
 * Lists and items
 ****************************/
.easilys .list {
  overflow: hidden; }
  .easilys .list .list-item, .easilys .list .list-item-link {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px;
    background-color: #FFFFFF; }
    .easilys .list .list-item .list-item-label, .easilys .list .list-item-link .list-item-label {
      line-height: 21px; }
    .easilys .list .list-item .checkbox-item, .easilys .list .list-item-link .checkbox-item {
      position: absolute;
      top: 50%;
      padding-left: 5px; }
    .easilys .list .list-item input[type="checkbox"] + label:before,
    .easilys .list .list-item input[type="radio"] + label:before,
    .easilys .list .list-item input[type="checkbox"] + label:after,
    .easilys .list .list-item input[type="radio"] + label:after, .easilys .list .list-item-link input[type="checkbox"] + label:before,
    .easilys .list .list-item-link input[type="radio"] + label:before,
    .easilys .list .list-item-link input[type="checkbox"] + label:after,
    .easilys .list .list-item-link input[type="radio"] + label:after {
      top: 0px; }
  .easilys .list .list-item:hover,
  .easilys .list .list-item:active,
  .easilys .list .list-item:focus,
  .easilys .list .list-item-link:hover,
  .easilys .list .list-item-link:active,
  .easilys .list .list-item-link:focus,
  .easilys .list .active {
    background-color: #F0F0F0;
    color: #333333; }
    .easilys .list .list-item:hover .art,
    .easilys .list .list-item:active .art,
    .easilys .list .list-item:focus .art,
    .easilys .list .list-item-link:hover .art,
    .easilys .list .list-item-link:active .art,
    .easilys .list .list-item-link:focus .art,
    .easilys .list .active .art {
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 8%)); }
    .easilys .list .list-item:hover .artsup, .easilys .list .list-item:hover .arttype,
    .easilys .list .list-item:active .artsup,
    .easilys .list .list-item:active .arttype,
    .easilys .list .list-item:focus .artsup,
    .easilys .list .list-item:focus .arttype,
    .easilys .list .list-item-link:hover .artsup,
    .easilys .list .list-item-link:hover .arttype,
    .easilys .list .list-item-link:active .artsup,
    .easilys .list .list-item-link:active .arttype,
    .easilys .list .list-item-link:focus .artsup,
    .easilys .list .list-item-link:focus .arttype,
    .easilys .list .active .artsup,
    .easilys .list .active .arttype {
      color: #333333; }
  .easilys .list .list-item-link:hover,
  .easilys .list .list-item-link:active,
  .easilys .list .list-item-link:focus,
  .easilys .list .active {
    cursor: pointer; }
  .easilys .list .list-item-container .list-item-header {
    position: relative;
    padding: 10px 10px 10px 50px; }
    .easilys .list .list-item-container .list-item-header .icon {
      line-height: 35px;
      padding: 10px; }
  .easilys .list .list-item-container .list-item-header.active {
    background-color: var(--application-main-background-color);
    border-color: var(--application-main-color);
    border-top: solid 1px var(--application-main-color);
    margin-top: -1px; }
    .easilys .list .list-item-container .list-item-header.active .icon {
      color: var(--application-main-color); }
    .easilys .list .list-item-container .list-item-header.active + .table-row.row-option {
      display: block; }
  .easilys .list .list-item-container .list-item-header:hover.active {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
  .easilys .list .list-item-container .row-option .grid {
    padding-left: 10px;
    padding-top: 10px; }
    .easilys .list .list-item-container .row-option .grid .span33 {
      padding-right: 10px; }
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner,
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more {
        position: relative;
        overflow: hidden;
        display: block;
        color: #666666; }
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner {
        height: 200px;
        background-color: #FFFFFF;
        -webkit-transition: all 0.3s ease;
        /* Saf3.2+, Chrome */
        -moz-transition: all 0.3s ease;
        /* FF4+ */
        -ms-transition: all 0.3s ease;
        /* IE10 */
        -o-transition: all 0.3s ease;
        /* Opera 10.5+ */
        transition: all 0.3s ease;
        /* W3C*/ }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .top-content {
          text-align: left; }
          .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .top-content img {
            width: auto;
            min-width: 60px;
            max-width: 100%;
            height: auto;
            max-height: 100%;
            display: block;
            margin: auto;
            opacity: 0.6;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .bottom-content {
          position: absolute;
          left: 0px;
          bottom: 0px;
          right: 0px;
          padding: 4px;
          text-align: left;
          background-color: rgba(255, 255, 255, 0.95);
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/ }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .price {
          font-size: 14px;
          margin-top: -2px; }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .qty-patch {
          position: absolute;
          top: auto;
          bottom: 0px;
          right: 0px;
          padding: 2px 5px;
          color: #FFFFFF;
          background-color: var(--application-main-color); }
          .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .qty-patch .fe-cart-2 {
            padding: 0px; }
          .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner .qty-patch .small-text {
            padding: 5px; }
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more:hover,
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover {
        transform: scale(1.05);
        background-color: var(--application-main-background-color);
        color: #000000; }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more:hover img,
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover img {
          opacity: 1;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more:hover .bottom-content,
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover .bottom-content {
          background-color: var(--application-main-background-color);
          color: #000000; }
      .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more {
        height: auto;
        background-color: #F0F0F0; }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more .icon {
          font-size: 28px;
          line-height: 192px;
          display: block; }
        .easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner-more .button-label {
          display: none; }
  .easilys .list .list-item-container:hover .table-row {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
  .easilys .list .list-item-container:hover .list-item-header {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
    .easilys .list .list-item-container:hover .list-item-header .icon {
      color: var(--application-main-color); }
  .easilys .list .list-item.is-checked {
    background-color: #efffeb;
    color: #1a7107; }
    .easilys .list .list-item.is-checked .art, .easilys .list .list-item.is-checked .price, .easilys .list .list-item.is-checked .orange-object, .easilys .list .list-item.is-checked .artsup, .easilys .list .list-item.is-checked .arttype {
      color: #666666; }
  .easilys .list .list-item:hover.is-checked {
    background-color: #dbffd2; }
  @media (min-width: 1800px) {
    .easilys .list .span33 {
      width: 25%; } }
  @media (min-width: 1280px) {
    .easilys .list .span33 {
      width: 33.33333%; } }
  @media (max-width: 1279px) {
    .easilys .list .span33 {
      width: 33.33333%; } }
  @media (max-width: 1023px) {
    .easilys .list .span33 {
      width: 100%; } }
  @media (max-width: 767px) {
    .easilys .list .span33 {
      width: 100%; } }

.easilys .list-item-container.line-item-style .row-option {
  padding: 0px;
  margin: 0px; }
  .easilys .list-item-container.line-item-style .row-option .grid {
    padding: 0px; }
    .easilys .list-item-container.line-item-style .row-option .grid .span33 {
      padding: 0px;
      margin: 0px;
      width: 100%; }
      .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner {
        height: 62px;
        border-top: none;
        border-right: none;
        border-left: none; }
        .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner img {
          width: auto;
          min-width: 60px;
          max-width: 100%;
          height: auto;
          max-height: 100%;
          display: block;
          float: left; }
        .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .icon {
          display: none; }
        .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .top-content {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
        .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .bottom-content {
          left: 78px; }
      .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner:hover {
        transform: scale(1); }
      .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner-more .icon {
        display: none; }
      .easilys .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner-more .button-label {
        display: block; }

/************************************************************************************************
 * filters
 ************************************************************************************************/
.easilys .filter {
  /* Ribbon elements */ }
  .easilys .filter .input-search {
    width: 100%; }
  .easilys .filter .accordion a:hover, .easilys .filter .accordion a:focus, .easilys .filter .accordion a.accactive {
    background-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 5%));
    color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) - 5%)); }
  .easilys .filter .accordion .accheader .cont {
    /*padding:7px 16px 7px 30px;*/
    padding: 7px 16px 7px 5px;
    font-style: bold;
    /*.smaller-icon.fe-arrow-right,*/ }
    .easilys .filter .accordion .accheader .cont .badge {
      /*position: absolute;
          top: 7px;
          right: 5px;*/
      float: left;
      padding: 2px 3px;
      margin-right: 5px;
      margin-top: -1px;
      background-color: #000000; }
    .easilys .filter .accordion .accheader .cont .item-label {
      width: 80%;
      padding-left: 3px; }
    .easilys .filter .accordion .accheader .cont .small-icon {
      float: left;
      padding: 1px;
      font-size: 16px; }
    .easilys .filter .accordion .accheader .cont .small-icon + span.title {
      margin-left: 5px; }
    .easilys .filter .accordion .accheader .cont .small-icon.fe- + span.title {
      margin-left: 0px; }
    .easilys .filter .accordion .accheader .cont .smaller-icon.fe-arrow-down,
    .easilys .filter .accordion .accheader .cont .smaller-icon.fe-arrow-top {
      position: absolute;
      top: 10px;
      right: 5px; }
  .easilys .filter .accordion .accinput {
    display: block;
    margin: 7px 5px -2px 0px;
    float: left; }
    .easilys .filter .accordion .accinput input {
      margin-top: -10px;
      margin-left: -3px; }
  .easilys .filter .accordion .accitem .input-container {
    background-color: white; }
    .easilys .filter .accordion .accitem .input-container .fe-search {
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
      padding: 8px 7px 6px 7px; }
    .easilys .filter .accordion .accitem .input-container *::-webkit-input-placeholder {
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
    .easilys .filter .accordion .accitem .input-container *:-moz-placeholder {
      /* FF 4-18 */
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
    .easilys .filter .accordion .accitem .input-container *::-moz-placeholder {
      /* FF 19+ */
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
    .easilys .filter .accordion .accitem .input-container *:-ms-input-placeholder {
      /* IE 10+ */
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
  .easilys .filter .accordion .accitem .input-search {
    border-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
  .easilys .filter .accordion .accitem input[type=text].input-search + a.zpabs {
    padding: 0px; }
    .easilys .filter .accordion .accitem input[type=text].input-search + a.zpabs .small-icon {
      padding: 10px; }
    .easilys .filter .accordion .accitem input[type=text].input-search + a.zpabs .zborl {
      border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
  .easilys .filter .accordion .accitem label {
    color: #666666;
    display: block; }
  .easilys .filter .accordion a.btloadmore {
    color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
    background-color: #FFFFFF;
    padding: 9px 0px; }
  .easilys .filter .accordion a:hover.btloadmore {
    color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 30%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
  .easilys .filter .accordion .filter-item {
    display: block;
    overflow: hidden;
    text-decoration: none; }
    .easilys .filter .accordion .filter-item a {
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
      background-color: inherit;
      display: block; }
    .easilys .filter .accordion .filter-item a:hover {
      color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 30%));
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
    .easilys .filter .accordion .filter-item .tinylabel {
      font-size: 11px;
      text-align: center;
      padding: 8px 5px; }
  .easilys .filter .accordion .filter-item:focus label,
  .easilys .filter .accordion .filter-item:hover label,
  .easilys .filter .accordion .filter-item:focus,
  .easilys .filter .accordion .filter-item:hover {
    background-color: #F0F0F0;
    color: #000000; }
  .easilys .filter .accordion label {
    display: block;
    margin: 0;
    padding-top: 5px; }
  .easilys .filter .accordion #onlyModernBrowser:checked,
  .easilys .filter .accordion label {
    padding: 8px 5px 8px 26px; }
  .easilys .filter .accordion #onlyModernBrowser:checked,
  .easilys .filter .accordion input[type="checkbox"] + label:before,
  .easilys .filter .accordion input[type="radio"] + label:before,
  .easilys .filter .accordion input[type="checkbox"] + label:after,
  .easilys .filter .accordion input[type="radio"] + label:after {
    left: 5px; }
  .easilys .filter h4 {
    color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) + 15%)); }

.easilys .filter.narrow .accordion .calendar .accitem a {
  padding: 8px 4px;
  display: block; }

.easilys .configurable-filter a.button-icon {
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px; }
  .easilys .configurable-filter a.button-icon i.normal-icon {
    padding: 8px 7px 7px 7px; }

.easilys .configurable-filter .accitem .input-container input.input-search {
  padding-right: 30px; }

.easilys .configurable-filter .accitem .input-container a.full-width-button-icon {
  margin-right: 26px;
  border: solid 1px; }

.easilys .configurable-filter .accitem .input-container a.zbor {
  border-style: solid;
  border-width: 1px;
  border-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }

.easilys .accordion.configurable-filter .deletable-item a.bt-icon:hover {
  background: none; }

.easilys .accordion.configurable-filter .deletable-item label {
  padding: 7px 5px 7px 0px; }

.easilys .navigation_drawer_button {
  text-decoration: none; }

.easilys .navigation_drawer_button:hover {
  text-decoration: none;
  background: #CCCCCC;
  color: inherit; }

.easilys .navigation_drawer_background {
  z-index: 66;
  background: #000000;
  opacity: 0.5;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys .spinner-loading {
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear; }

.easilys .navigation_drawer_animated {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; }

.easilys .filter-tag {
  border: solid 1px;
  border-radius: 0;
  background: #FFFFFF;
  padding: 4px 6px;
  float: left;
  margin: 1px 2px 1px 0;
  color: #006bb6; }
  .easilys .filter-tag .tag-delete-button a {
    color: #006bb6; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS@mixin txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS@mixin txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Verdana,%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=2px&bgColorHeader=d9d9d9&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=fff&fcHeader=666&iconColorHeader=333&bgColorContent=ffffff&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=75&borderColorContent=ccc&fcContent=666&iconColorContent=222222&bgColorDefault=d0d0d0&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=50&borderColorDefault=bbb&fcDefault=666&iconColorDefault=3f3f3f&bgColorHover=eeeeee&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=50&borderColorHover=bbb&fcHover=3f3f3f&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=50&borderColorActive=aaaaaa&fcActive=3f3f3f&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=ccc&fcHighlight=363636&iconColorHighlight=ffffff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #CCCCCC;
  background: #FFFFFF url("../images/ui-bg_highlight-hard_75_ffffff_1x100.png") 50% top repeat-x;
  color: #666666; }

.ui-widget-content a {
  color: #666666; }

.ui-widget-header {
  border: 1px solid #FFFFFF;
  background: #d9d9d9 url("../images/ui-bg_highlight-soft_50_d9d9d9_1x100.png") 50% 50% repeat-x;
  color: #666666;
  font-weight: bold; }

.ui-widget-header a {
  color: #666666; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #bababa;
  background: #CCCCCC url("../images/ui-bg_highlight-soft_50_d0d0d0_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #666666; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #666666;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #bababa;
  background: #F0F0F0 url("../images/ui-bg_highlight-soft_50_eeeeee_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #3f3f3f; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #3f3f3f;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  /*background: $white url("../images/ui-bg_flat_50_ffffff_40x100.png") 50% 50% repeat-x;*/
  background: #73d0fb;
  font-weight: normal;
  color: #FFF; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #3f3f3f;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #CCCCCC;
  background: #FFFFFF url("../images/ui-bg_glass_55_ffffff_1x400.png") 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("../images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../images/ui-icons_222222_256x240.png"); }

.ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  /* If this line is enabled, controls of the datepicker are hidden until they are hovered by the mouse cursor */
  /* If this line is disabled, controls remain visible */
  /* background-image: url("../images/ui-icons_333_256x240.png"); */ }

.ui-state-default .ui-icon {
  background-image: url("../images/ui-icons_3f3f3f_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_454545_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -khtml-border-top-left-radius: 2px;
  border-top-left-radius: 2px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  -khtml-border-top-right-radius: 2px;
  border-top-right-radius: 2px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -khtml-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -khtml-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

/*! jQuery UI - v1.9.1 - 2012-11-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.slider@mixin css
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }*/
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  z-index: 240 !important; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  /*z-index: 2;*/
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  outline: none;
  background: #36A6DB;
  border: 1px solid #2494C9; }

.ui-slider .ui-slider-range {
  position: absolute;
  /*z-index: 1;*/
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/**
 * Default styles for the dygraphs charting library.
 */
.easilys {
  /* styles for a solid line in the legend */
  /* styles for a dashed line in the legend, e.g. when strokePattern is set */
  /* This class is shared by all annotations, including those with icons */
  /* This class only applies to annotations without icons */
  /* Old class name: .dygraphDefaultAnnotation */
  /* For y-axis label */
  /* For y2-axis label */ }
  .easilys .dygraph-legend {
    position: absolute;
    font-size: 14px;
    z-index: 10;
    width: 250px;
    /* labelsDivWidth */
    /*
    dygraphs determines these based on the presence of chart labels.
    It might make more sense to create a wrapper div around the chart proper.
    top: 0px;
    right: 2px;
    */
    background: white;
    line-height: normal;
    text-align: left;
    overflow: hidden; }
  .easilys .dygraph-legend-line {
    display: inline-block;
    position: relative;
    bottom: .5ex;
    padding-left: 1em;
    height: 1px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    /* border-bottom-color is set based on the series color */ }
  .easilys .dygraph-legend-dash {
    display: inline-block;
    position: relative;
    bottom: .5ex;
    height: 1px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    /* border-bottom-color is set based on the series color */
    /* margin-right is set based on the stroke pattern */
    /* padding-left is set based on the stroke pattern */ }
  .easilys .dygraph-roller {
    position: absolute;
    z-index: 10; }
  .easilys .dygraph-annotation {
    position: absolute;
    z-index: 10;
    overflow: hidden; }
  .easilys .dygraph-default-annotation {
    border: 1px solid black;
    background-color: white;
    text-align: center; }
  .easilys .dygraph-axis-label {
    /* position: absolute; */
    /* font-size: 14px; */
    z-index: 10;
    line-height: normal;
    overflow: hidden;
    color: black;
    /* replaces old axisLabelColor option */ }
  .easilys .dygraph-title {
    font-weight: bold;
    z-index: 10;
    text-align: center;
    /* font-size: based on titleHeight option */ }
  .easilys .dygraph-xlabel {
    text-align: center;
    /* font-size: based on xLabelHeight option */ }
  .easilys .dygraph-label-rotate-left {
    text-align: center;
    /* See http://caniuse.com/#feat=transforms2d */
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg); }
  .easilys .dygraph-label-rotate-right {
    text-align: center;
    /* See http://caniuse.com/#feat=transforms2d */
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); }

/**************************************************************************************************
 * Panel CSS -> Create an Rich interface easily with rock solid scroll!
 * For IE6 and IE7, It uses https://github@mixin com/dgrelaud/box-sizing-polyfill to
 * enable the CSS3 property "box-sizing" -> mandatory to enable padding of a fixed size (ex. panw100) panel
 *
 * Learn with "layoutExample1.html" and "layoutExample2.html"
****************************************************************************************************/
.easilys {
  /* Name: Layout Panel
  * Utility: DIV
  * Note: A panel can contains others panel. Each panel is positionned relatived to the parent panel.
  *       The overflow is set to visible in order to allow the drop down list and select box to appears correctly
  * Works with: panr--, panl--, ...
  */
  /* WARNING: there is a IE7-hack in ie.scss to enable the property box-sizing:border-box on panel*/
  /* Modifier which enable the scroll X and Y on a panel
  * Can be applied on a panel
  */
  /* Name: Elasctic Left or Right in Percentage@mixin  A Modifier which can be used to have FLEXIBLE WIDTH panels (width in percentage)
  * Utility: DIV class=panel
  * Note: Can be added with the class panel in order to set the width of a panel.
  * Useless without: panel
  */
  /* Name: Fixed Left or Right in Pixels@mixin  A Modifier which can be used to have FIXED WIDTH panels (width in pixels)
  * Utility: DIV class=panel
  * Note: Can be added with the class panel in order to set the width of a panel.
  * Useless without: panel
  * Warning: Incompatible with flexible left and right (panr--e or panl--e) in the same panel  (You cannot mix panl--e and panl--- in the same panel)
  */
  /* Specific FIXED WIDTH panels  */
  /* Name: Elasctic Top or Bottom in Percentage. A Modifier which can be used to have FLEXIBLE HEIGHT panels.
  * Utility: DIV class=panel
  * Note: Can be added with the class panel in order to set the height of a panel.
  * Useless without: panel
  */
  /* Name: Fixed Top or Bottom in Pixels@mixin  A Modifier which can be used to have FIXED HEIGHT panels (height in pixels)
  * Utility: DIV class=panel
  * Note: Can be added with the class panel in order to set the height of a panel.
  * Useless without: panel
  * Warning: Incompatible with flexible top and left (pant--e or panb--e) in the same panel (You cannot mix pant--e and panb--- in the same panel)
  */
  /*
  * When you want to have a 200-pixel wide (panw200) panel on the right. You must reset the left parameter otherwise
  * the panel will stick to the left
  */ }
  .easilys .panel {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .panscroll {
    overflow: auto; }
  .easilys .panscrollx {
    overflow-x: auto; }
  .easilys .panscrolly {
    overflow-y: auto; }
  .easilys .pannoscrollx {
    overflow-x: hidden; }
  .easilys .pannoscrolly {
    overflow-y: hidden; }
  .easilys .panr20e {
    right: 20%; }
  .easilys .panr25e {
    right: 25%; }
  .easilys .panr34e {
    right: 34%; }
  .easilys .panr44e {
    right: 44%; }
  .easilys .panr50e {
    right: 50%; }
  .easilys .panr56e {
    right: 56%; }
  .easilys .panr66e {
    right: 66%; }
  .easilys .panr75e {
    right: 75%; }
  .easilys .panr80e {
    right: 80%; }
  .easilys .panl20e {
    left: 20%; }
  .easilys .panl25e {
    left: 25%; }
  .easilys .panl34e {
    left: 34%; }
  .easilys .panl44e {
    left: 44%; }
  .easilys .panl50e {
    left: 50%; }
  .easilys .panl56e {
    left: 56%; }
  .easilys .panl66e {
    left: 66%; }
  .easilys .panl75e {
    left: 75%; }
  .easilys .panl80e {
    left: 80%; }
  .easilys .panl100e {
    left: 100%; }
  .easilys .panr100 {
    right: 100px; }
  .easilys .panr200 {
    right: 200px; }
  .easilys .panr250 {
    right: 250px; }
  .easilys .panr300 {
    right: 300px; }
  .easilys .panr350 {
    right: 350px; }
  .easilys .panr400 {
    right: 400px; }
  .easilys .panr450 {
    right: 450px; }
  .easilys .panr500 {
    right: 500px; }
  .easilys .panr550 {
    right: 550px; }
  .easilys .panr600 {
    right: 600px; }
  .easilys .panl100 {
    left: 100px; }
  .easilys .panl200 {
    left: 200px; }
  .easilys .panl250 {
    left: 250px; }
  .easilys .panl300 {
    left: 300px; }
  .easilys .panl350 {
    left: 350px; }
  .easilys .panl400 {
    left: 400px; }
  .easilys .panl450 {
    left: 450px; }
  .easilys .panl500 {
    left: 500px; }
  .easilys .panl550 {
    left: 550px; }
  .easilys .panl600 {
    left: 600px; }
  .easilys .panl800 {
    left: 800px; }
  .easilys .panw100 {
    width: 100px; }
  .easilys .panw200 {
    width: 200px; }
  .easilys .panw250 {
    width: 250px; }
  .easilys .panw300 {
    width: 300px; }
  .easilys .panw350 {
    width: 350px; }
  .easilys .panw400 {
    width: 400px; }
  .easilys .panw450 {
    width: 450px; }
  .easilys .panw500 {
    width: 500px; }
  .easilys .panw550 {
    width: 550px; }
  .easilys .panw600 {
    width: 600px; }
  .easilys .panw290 {
    width: 290px; }
  .easilys .panw100e {
    width: 100%; }
  .easilys .panw50e {
    width: 50%; }
  .easilys .pant25e {
    top: 25%; }
  .easilys .pant34e {
    top: 34%; }
  .easilys .pant50e {
    top: 50%; }
  .easilys .pant66e {
    top: 66%; }
  .easilys .pant75e {
    top: 75%; }
  .easilys .panb25e {
    bottom: 25%; }
  .easilys .panb34e {
    bottom: 34%; }
  .easilys .panb50e {
    bottom: 50%; }
  .easilys .panb66e {
    bottom: 66%; }
  .easilys .panb75e {
    bottom: 75%; }
  .easilys .pant5 {
    top: 5px; }
  .easilys .pant10 {
    top: 10px; }
  .easilys .pant20 {
    top: 20px; }
  .easilys .pant25 {
    top: 25px; }
  .easilys .pant30 {
    top: 30px; }
  .easilys .pant32 {
    top: 32px; }
  .easilys .pant35 {
    top: 35px; }
  .easilys .pant40 {
    top: 40px; }
  .easilys .pant42 {
    top: 42px; }
  .easilys .pant45 {
    top: 45px; }
  .easilys .pant50 {
    top: 50px; }
  .easilys .pant55 {
    top: 55px; }
  .easilys .pant60 {
    top: 60px; }
  .easilys .pant65 {
    top: 65px; }
  .easilys .pant70 {
    top: 70px; }
  .easilys .pant75 {
    top: 75px; }
  .easilys .pant80 {
    top: 80px; }
  .easilys .pant85 {
    top: 85px; }
  .easilys .pant90 {
    top: 90px; }
  .easilys .pant95 {
    top: 95px; }
  .easilys .pant100 {
    top: 100px; }
  .easilys .pant115 {
    top: 115px; }
  .easilys .pant120 {
    top: 120px; }
  .easilys .pant125 {
    top: 125px; }
  .easilys .pant160 {
    top: 160px; }
  .easilys .pant180 {
    top: 180px; }
  .easilys .pant200 {
    top: 200px; }
  .easilys .pant235 {
    top: 235px; }
  .easilys .pant260 {
    top: 260px; }
  .easilys .pant280 {
    top: 280px; }
  .easilys .panb5 {
    bottom: 5px; }
  .easilys .panb10 {
    bottom: 10px; }
  .easilys .panb20 {
    bottom: 20px; }
  .easilys .panb30 {
    bottom: 30px; }
  .easilys .panb35 {
    bottom: 35px; }
  .easilys .panb40 {
    bottom: 40px; }
  .easilys .panb50 {
    bottom: 50px; }
  .easilys .panb65 {
    bottom: 65px; }
  .easilys .panb75 {
    bottom: 75px; }
  .easilys .panb80 {
    bottom: 80px; }
  .easilys .panb100 {
    bottom: 100px; }
  .easilys .panb105 {
    bottom: 105px; }
  .easilys .panb125 {
    bottom: 125px; }
  .easilys .panb140 {
    bottom: 140px; }
  .easilys .panh10 {
    height: 10px; }
  .easilys .panh20 {
    height: 20px; }
  .easilys .panh30 {
    height: 30px; }
  .easilys .panh35 {
    height: 35px; }
  .easilys .panh40 {
    height: 40px; }
  .easilys .panh45 {
    height: 45px; }
  .easilys .panh50 {
    height: 50px; }
  .easilys .panh55 {
    height: 55px; }
  .easilys .panh60 {
    height: 60px; }
  .easilys .panh75 {
    height: 75px; }
  .easilys .panh80 {
    height: 80px; }
  .easilys .panh100 {
    height: 100px; }
  .easilys .panh115 {
    height: 115px; }
  .easilys .panh120 {
    height: 120px; }
  .easilys .panh125 {
    height: 125px; }
  .easilys .panh150 {
    height: 150px; }
  .easilys .panh160 {
    height: 160px; }
  .easilys .panh200 {
    height: 200px; }
  .easilys .panright {
    left: auto; }
  .easilys .panleft {
    right: auto; }
  .easilys .panbottom {
    top: auto; }
  .easilys .pantop {
    bottom: auto; }
  .easilys .collapsible-left-panel .inner-left-panel {
    z-index: 68;
    background-color: var(--application-main-background-color); }
  .easilys .collapsible-left-panel .inner-right-panel {
    z-index: 67;
    background-color: #FFFFFF; }
    .easilys .collapsible-left-panel .inner-right-panel .ribbon {
      padding-right: 40px;
      background: inherit; }
  .easilys .collapsible-left-panel a.btquiet {
    border: solid 1px #999999; }
    .easilys .collapsible-left-panel a.btquiet .fe-spinner {
      padding: 7px 7px 6px 7px; }
  .easilys .collapsible-left-panel a:hover.btquiet {
    color: #666666;
    border-color: #666666; }
  .easilys .collapsible-left-panel a:active.btquiet {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #000000; }
  .easilys .collapsible-bottom-panel {
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/
    height: 255px;
    left: 5px;
    right: 5px;
    bottom: -300px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px 0px 20px #666666; }
    .easilys .collapsible-bottom-panel i.normal-icon {
      padding: 8px; }
    .easilys .collapsible-bottom-panel .bottom-collapsible-panel-header {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      position: absolute;
      left: 0px;
      right: 0px;
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 35%));
      border: solid 1px var(--application-main-color);
      background-color: var(--application-main-color);
      padding: 15px;
      font-size: 14px; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-header a.bt-icon {
        position: absolute;
        top: 0;
        right: 0px;
        color: #000000; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-header i.small-icon.fe-arrow-down {
        padding: 15px;
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 35%)); }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-header .art {
        color: #FFFFFF;
        font-size: 16px; }
    .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body {
      position: absolute;
      top: 44px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      padding: 5px;
      border-left: 1px solid var(--application-main-color);
      border-right: 1px solid var(--application-main-color);
      background-color: #FFFFFF; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1,
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2,
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 33.33333%; }
        .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 .panw33-title,
        .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 .panw33-title,
        .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 .panw33-title {
          position: absolute;
          top: 0px;
          right: 0px;
          bottom: 0px;
          left: 0px;
          height: 29px;
          border-bottom: 1px solid var(--application-main-color); }
          .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 .panw33-title h4,
          .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 .panw33-title h4,
          .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 .panw33-title h4 {
            color: var(--application-main-color);
            font-weight: bold;
            margin-bottom: 0px;
            float: left;
            padding: 7px 5px; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2,
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
        border-left: 1px solid var(--application-main-color); }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 {
        left: 0px; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 {
        left: 33.33333%; }
      .easilys .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
        left: 66.66666%; }
  .easilys .collapsible-bottom-panel.opened {
    height: 255px;
    bottom: -5px; }
  .easilys .collapsible-bottom-panel.closed {
    height: 0px;
    bottom: -300px; }
  .easilys .filter-panel,
  .easilys .main-panel,
  .easilys .info-panel {
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }
  .easilys .box-container {
    position: absolute;
    top: 50%;
    bottom: 0;
    padding: 0 3px;
    text-align: center; }
    .easilys .box-container .box-content {
      transform: translateY(-50%);
      background: inherit; }
  .easilys .box-container.left-box {
    left: 0px; }
  .easilys .box-container.right-box {
    right: 0px;
    padding: 0 5px; }
    .easilys .box-container.right-box .box-content {
      float: right;
      text-align: right; }
  .easilys .panel-header,
  .easilys .panel-body {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .panel-header {
    background-color: var(--application-main-color);
    color: #FFFFFF; }
    .easilys .panel-header .title {
      margin: 0px;
      padding: 12px;
      line-height: 16px;
      text-transform: uppercase; }
  .easilys .filter-panel-header,
  .easilys .filter-panel-body,
  .easilys .info-panel-header,
  .easilys .info-panel-body {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .filter-panel-header,
  .easilys .info-panel-header {
    background-color: var(--application-main-color);
    color: #FFFFFF; }
    .easilys .filter-panel-header .title,
    .easilys .info-panel-header .title {
      margin: 0px;
      padding: 12px; }

/**************************************************************************************************
 * Flexible Column CSS -> Create column of text/image/inputs in a layout or another column
 * TODO change the name of column to colgrid : column is misunderstood
 *
 * What is the difference between a layout and a column?
 *  - a column is not resizable by the javascript code
 *  - a column is not positionned in a absolute manner. It uses floats@mixin  
 *  - If the content of a column is too big, it will push the column which is below (it's not the case for a layout, a scroll will appear for a layout) 
 *  - a column is used to structured the content of a layout@mixin  
 *  - You can add padding on each colX (BUT NO MARGINS!) thanks to the css3 property 'box-sizing'
 *  - YOU CANNOT HAVE A LAYOUT DIV INSIDE A COLUMN
 *
 * How to use it?
 *  - Use it like a traditional css grid: 
 *  <div class="column"> //you must create a column, and insert colX DIV inside. 
 *    <div class="col30 zpadl0">
 *      I am a 30%-width column. 
 *    </div>
 *    <div class="col40">
 *      I am a 40%-width column
 *    </div>
 *    <div class="col30 zpadr0">
 *      I am a 30%-width column. NOTE: the sum of all column = 100 %
 *    </div>
 *    <div class="clear">
 *      I clear the float in order to avoid problem hereafter
 *    </div>
 *  </div>
 *
 * Learn with "columnExample1.html"
****************************************************************************************************/
.easilys {
  /* WARNING: there is a IE7-hack in ie.scss to enable the property box-sizing:border-box on column*/
  /* Add 'cocenter' with the 'column' class in order to create a page where the content is 960px-width 
    and horizontally centered in the screen */ }
  .easilys .column {
    margin: 0;
    padding: 15px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .col, .easilys .col5, .easilys .col10, .easilys .col15, .easilys .col20, .easilys .col25, .easilys .col30, .easilys .col35, .easilys .col40, .easilys .col45, .easilys .col50, .easilys .col55, .easilys .col60, .easilys .col65, .easilys .col70, .easilys .col75, .easilys .col80, .easilys .col85, .easilys .col90, .easilys .col95, .easilys .col100 {
    float: left;
    margin: 0;
    padding: 15px 15px 15px 15px;
    /* IF YOU CHANGE THIS, IT WILL CHANGE A LOT OF THINGS (forms, recipes, ...) */
    /* If you want to remove padding, use general purpose class namely zpadr0, zpadl0, ..@mixin */
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .col10 {
    width: 10%; }
  .easilys .col20 {
    width: 20%; }
  .easilys .col30 {
    width: 30%; }
  .easilys .col40 {
    width: 40%; }
  .easilys .col50 {
    width: 50%; }
  .easilys .col60 {
    width: 60%; }
  .easilys .col70 {
    width: 70%; }
  .easilys .col80 {
    width: 80%; }
  .easilys .col90 {
    width: 90%; }
  .easilys .col100 {
    width: 100%;
    /*padding-left:0; padding-right:0;*/ }
  .easilys .col5 {
    width: 5%; }
  .easilys .col15 {
    width: 15%; }
  .easilys .col25 {
    width: 25%; }
  .easilys .col35 {
    width: 35%; }
  .easilys .col45 {
    width: 45%; }
  .easilys .col55 {
    width: 55%; }
  .easilys .col65 {
    width: 65%; }
  .easilys .col75 {
    width: 75%; }
  .easilys .col85 {
    width: 85%; }
  .easilys .col95 {
    width: 95%; }
  .easilys .cocenter {
    width: 980px;
    margin: 0 auto; }

/**************************************************************************************************
 * Flexible grid CSS -> Create grid of text/image/inputs in a panel or another grid
 *
 * What is the difference between a panel and a grid?
 *  - a grid is not resizable by the javascript code
 *  - a grid is not positionned in a absolute manner. It uses floats@mixin  
 *  - If the content of a grid is too big, it will push the grid which is below (it's not the case for a panel, a scroll will appear for a panel) 
 *  - a grid is used to structured the content of a panel@mixin  
 *  - You can add padding on each spanX (BUT NO MARGINS!) thanks to the css3 property 'box-sizing'
 *  - YOU CANNOT HAVE A PANEL DIV INSIDE A grid
 *
 * How to use it?
 *  - Use it like a traditional css grid: 
 *  <div class="grid"> //you must create a grid, and insert spanX DIV inside. 
 *    <div class="span30">
 *      I am a 30%-width grid. 
 *    </div>
 *    <div class="span40">
 *      I am a 40%-width grid
 *    </div>
 *    <div class="span30 last">
 *      I am a 30%-width grid. NOTE: the sum of all grid = 100 %
 *    </div>
 *    <div class="clear">
 *      I clear the float in order to avoid problem hereafter
 *    </div>
 *  </div>
 *
 * Learn with "gridExample1.html"
****************************************************************************************************/
.easilys {
  /* WARNING: there is a IE7-hack in ie.scss to enable the property box-sizing:border-box on grid*/ }
  .easilys .grid {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .span, .easilys .span5, .easilys .span10, .easilys .span15, .easilys .span20, .easilys .span25, .easilys .span30, .easilys .span33, .easilys .span35, .easilys .span40, .easilys .span45, .easilys .span50, .easilys .span55, .easilys .span60, .easilys .span65, .easilys .span70, .easilys .span75, .easilys .span80, .easilys .span85, .easilys .span90, .easilys .span95, .easilys .span100 {
    float: left;
    margin: 0 0 10px 0;
    padding: 0 20px 0 0;
    /* IF YOU CHANGE THIS, IT WILL CHANGE A LOT OF THINGS (forms, recipes, ...) */
    /* If you want to remove padding, use general purpose class namely zpadr0, zpadl0, ..@mixin */
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .grid .last {
    padding-right: 0; }
  .easilys .span10 {
    width: 10%; }
  .easilys .span20 {
    width: 20%; }
  .easilys .span30 {
    width: 30%; }
  .easilys .span33 {
    width: 33.3333%; }
  .easilys .span40 {
    width: 40%; }
  .easilys .span50 {
    width: 50%; }
  .easilys .span60 {
    width: 60%; }
  .easilys .span70 {
    width: 70%; }
  .easilys .span80 {
    width: 80%; }
  .easilys .span90 {
    width: 90%; }
  .easilys .span100 {
    width: 100%; }
  .easilys .span5 {
    width: 5%; }
  .easilys .span15 {
    width: 15%; }
  .easilys .span25 {
    width: 25%; }
  .easilys .span35 {
    width: 35%; }
  .easilys .span45 {
    width: 45%; }
  .easilys .span55 {
    width: 55%; }
  .easilys .span65 {
    width: 65%; }
  .easilys .span75 {
    width: 75%; }
  .easilys .span85 {
    width: 85%; }
  .easilys .span95 {
    width: 95%; }
  .easilys .grid.center {
    width: 980px;
    margin: 0 auto; }

.easilys {
  /* TODO, put this class in a general CSS. It is used by the Javascript Framework in order to hide the error div of a form. */
  /**************************************************************************************************
  * General inputs
  ****************************************************************************************************/
  /**/
  /****/
  /* Reset of the default border existing on buttons */
  /* A hack is used in order to custom form elements in Safari 4+, Internet Explorer 9+, Opera 9+ */
  /* A specific hack is used for Firefox */
  /*
    height + border + padding = 28px = height of buttons thanks to the box-sizing
    Line-height must be equal to height otherwise the height of the input will not be consistent in Chrome/Firefox and IE (apparently, it is not the case anymore)
  */
  /* Select box style */
  /* http://www.thecssninja.com/css/custom-inputs-using-css */
  /* Special input for search inputs  Usage : add the class icsearch */
  /*input.icsearch{
    width:100%;
    background-image: url("../images/search.png");
    background-position: -7px -8px;
    background-repeat: no-repeat;
    padding-left:25px;
    padding-right:-25px;
  }*/
  /*
    By default, an input equals 100% of its container (the larger of a column if you use column to design the form
    If, in some cases, you want to specify a width, you should use these classes:
  */
  /**************************************************************************************************
  * Customization of checkbox and radiobox with pure CSS
  ****************************************************************************************************/
  /* The checkbo/radio must be placed on the left of a label*/
  /* Style the label which is just after the input */
  /*input[type="checkbox"]+label:hover,
  input[type="radio"]+label:hover{
    color: $darkGrey;
  }*/
  /*-------------------------------------------------------------------------------------------------
    The following rules will be interpreted only by modern browsers which know the selector ":checked"
    The hack "#onlyModernBrowser:checked" is used to prevent old browser from analyzing theses rules
    (Compatible with IE9+, FF3.6+, chrome4+, safari4+, opera9+)
    IE8 will see default checkbox/radio
    Source inspiration:
    - http://www.thecssninja.com/css/custom-inputs-using-css
    - http://www.screenfeed.fr/blog/personnalisation-checkbox-boutons-radio-sans-image-0570
  ------------------------------------------------------------------------------------------------*/
  /* In reality, the size will be $checkboxAndRadioSize + 2 px because there is a border of 1 px */
  /* Hide the default checkbox and the default radio */
  /* Add some left padding to the label in order to show the new customized checkbox/radio */
  /* Create the new customized checkbox/radio with pure css */
  /* Make the radio circular with border-radius (the only difference with the checkbox) */
  /* Create the content of the checkbox/radio */
  /* Make the content of radio circular and a litlle bit smaller than the checkbox */
  /* Show the content of the checkbox/radio when the latter is CHECKED */
  /* Hover and focus style on the checkbox/radio */
  /* Special version when the checkbox/radio is disabled*/
  /* IE11 Hack for input radio and checkbox label */
  /* Create the content of the checkbox/radio */
  /* Give some space to the "x" inside the input */
  /**************************************************************************************************
  * Special Form style
  ****************************************************************************************************/
  /* specific css in a modal box */
  /* reduce the height of input and select in table */ }
  .easilys .empty {
    display: none; }
  @media only screen {
    .easilys input[type="button"], .easilys input[type="submit"], .easilys input[type="reset"], .easilys input[type="file"]::-webkit-file-upload-button, .easilys button:not(.d-button) {
      border: 0px !important;
      cursor: pointer; } }
  .easilys input[type="submit"]::-moz-focus-inner {
    padding: 7px 10px; }
  .easilys input[type=text], .easilys input[type=number], .easilys input[type=email], .easilys input[type=password], .easilys textarea {
    color: #666666;
    border: 1px solid #999999;
    /*border-top: 1px solid $grey;*/
    padding: 3px 3px 3px 6px;
    font-size: 12px;
    margin: 0;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys input[type="file"], .easilys input[type=text], .easilys input[type=number], .easilys input[type=email], .easilys input[type=password] {
    height: 30px;
    line-height: 20px; }
  .easilys select:focus, .easilys input[type="file"]:focus, .easilys input[type=text]:focus, .easilys input[type=number]:focus, .easilys input[type=email]:focus, .easilys input[type=password]:focus, .easilys textarea:focus {
    border: 1px solid #000000;
    outline: none;
    /**/
    color: #333333;
    /*to remove default browser focus*/
    border-width: 2px; }
  .easilys input[readonly] {
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); }
  .easilys select {
    height: 30px;
    line-height: 20px;
    background-color: white;
    color: #666666;
    border: 1px solid #b0b0b0;
    margin: 0;
    padding: 3px 3px 3px 6px;
    font-size: 12px;
    vertical-align: top;
    /* tips to align inputs and select box */
    word-wrap: normal;
    /* overload of the property defined in the body */ }
  .easilys input.icsearch {
    width: 100%;
    background: url("../images/easilys_title_icons.png") no-repeat -7px -212px;
    background-color: white;
    padding-left: 25px;
    padding-right: -25px; }
  .easilys .input-xxmini, .easilys .select-xxmini {
    width: 10px; }
  .easilys .input-xmini, .easilys .select-xmini {
    width: 30px; }
  .easilys .input-mini, .easilys .select-mini {
    width: 60px; }
  .easilys .input-small, .easilys .select-small {
    width: 90px; }
  .easilys .input-normal, .easilys .select-normal {
    width: 120px; }
  .easilys .input-medium, .easilys .select-medium {
    width: 150px; }
  .easilys .input-large, .easilys .select-large {
    width: 210px; }
  .easilys .input-xlarge, .easilys .select-xlarge {
    width: 270px; }
  .easilys .input-xxlarge, .easilys .select-xxlarge {
    width: 530px; }
  .easilys .input-full, .easilys .select-full {
    width: 100%; }
  .easilys input[type="checkbox"],
  .easilys input[type="radio"] {
    float: left; }
  .easilys input[type="checkbox"] + label,
  .easilys input[type="radio"] + label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: normal;
    margin-right: 20px;
    /*to separate adjacent checkboxes*/
    margin-top: 8px;
    /*the check box is higher than the label text, so we must add some top margin otherwise the checkbox may be cut. */ }
  .easilys input[type="checkbox"]:checked,
  .easilys input[type="checkbox"]:not(:checked),
  .easilys input[type="radio"]:checked,
  .easilys input[type="radio"]:not(:checked) {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute; }
  .easilys input[type="checkbox"] + label,
  .easilys input[type="radio"] + label {
    padding-left: 22px;
    display: inline-block;
    position: relative;
    /* it give the possibility to place the checkboxes correctly with top, left */ }
  .easilys input[type="checkbox"] + label:before,
  .easilys input[type="radio"] + label:before {
    content: '';
    /*mandatory otherwise the box does not exits*/
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 14px;
    height: 14px;
    background-color: #FFFFFF;
    border: 1px solid #b0b0b0; }
  .easilys input[type="radio"] + label:before {
    -webkit-border-radius: 7px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 7px;
    /* FF1-3.6 */
    border-radius: 7px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }
  .easilys input[type="checkbox"] + label:after,
  .easilys input[type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    background-color: #000000;
    opacity: 0; }
  .easilys #onlyModernBrowser:checked,
  .easilys input[type="radio"] + label:after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px;
    /* FF1-3.6 */
    border-radius: 3px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }
  .easilys #onlyModernBrowser:checked,
  .easilys input[type="checkbox"]:checked + label:after,
  .easilys input[type="radio"]:checked + label:after {
    opacity: 1; }
  .easilys #onlyModernBrowser:checked,
  .easilys input[type="checkbox"]:hover + label:before,
  .easilys input[type="checkbox"]:focus + label:before,
  .easilys input[type="radio"]:hover + label:before,
  .easilys input[type="radio"]:focus + label:before {
    border-color: #000000;
    border-style: inset;
    border-width: 2px;
    height: 12px;
    width: 12px;
    outline: none; }
  .easilys #onlyModernBrowser:checked,
  .easilys input[type="text"]:disabled,
  .easilys input[type="number"]:disabled,
  .easilys input[type="checkbox"]:disabled,
  .easilys input[type="radio"]:disabled {
    cursor: default; }
  .easilys #onlyModernBrowser:checked,
  .easilys input[type="text"]:disabled,
  .easilys input[type="number"]:disabled,
  .easilys textarea:disabled,
  .easilys input[type="checkbox"]:disabled + label,
  .easilys input[type="radio"]:disabled + label,
  .easilys input[type="checkbox"]:disabled + label:before,
  .easilys input[type="radio"]:disabled + label:before {
    cursor: default;
    border-color: #999999;
    color: #a6a6a6;
    background-color: inherit; }
  .easilys input[type="checkbox"]:disabled:hover + label:before,
  .easilys input[type="radio"]:disabled:focus + label:before,
  .easilys input[type="checkbox"]:disabled:hover + label:before,
  .easilys input[type="radio"]:disabled:focus + label:before {
    cursor: default;
    width: 14px;
    height: 14px;
    border: 1px solid #999999;
    outline: none; }
  .easilys input[type="checkbox"]:disabled + label:after,
  .easilys input[type="radio"]:disabled + label:after {
    background-color: #a6a6a6; }
  .easilys select:disabled {
    cursor: default;
    border-color: #999999;
    color: #a6a6a6; }
  .easilys .checkbox-item {
    padding-left: 20px; }
    .easilys .checkbox-item #onlyModernBrowser:checked,
    .easilys .checkbox-item input[type="checkbox"] + label,
    .easilys .checkbox-item input[type="radio"] + label {
      padding: 0px;
      margin: 0px; }
    .easilys .checkbox-item #onlyModernBrowser:checked,
    .easilys .checkbox-item input[type="checkbox"] + label:before,
    .easilys .checkbox-item input[type="radio"] + label:before,
    .easilys .checkbox-item input[type="checkbox"] + label:after,
    .easilys .checkbox-item input[type="radio"] + label:after {
      left: -20px; }
  .easilys .input-search {
    padding-right: 20px !important; }
  .easilys .clear-field {
    right: 0;
    position: absolute;
    opacity: 0.8;
    margin-right: 10px;
    cursor: pointer;
    color: #2b3b4f !important;
    visibility: hidden;
    margin-top: 10px; }
  .easilys .popover .clear-field {
    margin-right: 14px; }
  .easilys .clear-field.one-icon-margin {
    margin-right: 50px; }
  .easilys .tablet-display .clear-field {
    font-size: 20px;
    margin-top: 15px; }
  .easilys .ribbon .clear-field, .easilys .tablet-display .mobile-style .clear-field {
    margin-top: 12px; }
  .easilys .clear-field:hover {
    opacity: 1; }
  .easilys .input-search.live-admin-search ~ .clear-field {
    position: relative;
    margin: 0px 0px 0px -20px; }
  .easilys .form-no-style .form {
    border: none;
    background: none;
    -webkit-border-radius: 0;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0;
    /* FF1-3.6 */
    border-radius: 0;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 0px; }
    .easilys .form-no-style .form textarea {
      width: 100%; }
    .easilys .form-no-style .form input[type="text"] {
      width: 100%; }
  .easilys .form {
    border: 1px solid #CCCCCC;
    background: #F0F0F0;
    -webkit-border-radius: 2px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 2px;
    /* FF1-3.6 */
    border-radius: 2px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding: 20px;
    /* Label style in a form */
    /* Remove the top-margin on the first label */
    /* Error class */
    /* Help message. Usage: <p class:"help"> </p>; */
    /*special class which group the buttons in a div container*/
    /*
      Specific grid style when used in a form
      All inputs which are in a grid have always a width of 100% -> The width of the grid span will set the width of the input (col50, col30, ...)
    */
    /*TODO remove when the column class will not be used. Here for backward compatibility */
    /* the input specific sizes can overwrite the width of 100% in a grid*/
    /* Required fields */ }
    .easilys .form label {
      font-weight: bold;
      display: block;
      margin-bottom: 4px;
      color: #666666;
      margin-top: 10px; }
    .easilys .form label.art {
      color: var(--application-main-color); }
    .easilys .form label:first-child {
      margin-top: 0; }
    .easilys .form label > .icon-label-info {
      margin-left: 3px;
      cursor: pointer;
      font-size: 12px; }
    .easilys .form div.error {
      margin-top: 4px;
      color: #C00000;
      display: block;
      /*force display if the error class is added on a div which is not displayed (it can happen with IJS framework) */ }
    .easilys .form label.error, .easilys .form span.error {
      color: #C00000; }
    .easilys .form input.error, .easilys .form textarea.error, .easilys .form select.error {
      background: #ffdada;
      border-color: #C00000;
      color: #C00000; }
    .easilys .form .help {
      color: #666666;
      font-style: italic;
      margin-top: 2px; }
    .easilys .form .form_btn {
      border-top: 1px solid #cccccc;
      margin-top: 10px;
      padding-top: 20px;
      clear: both;
      text-align: right; }
    .easilys .form .grid input[type=text], .easilys .form .grid input[type=email], .easilys .form .grid input[type=password], .easilys .form .grid textarea, .easilys .form .grid select {
      width: 100%; }
    .easilys .form .column input[type=text], .easilys .form .column input[type=email], .easilys .form .column input[type=password], .easilys .form .column textarea {
      width: 100%; }
    .easilys .form .grid input[type=text].input-mini {
      width: 60px; }
    .easilys .form .grid input[type=text].input-small {
      width: 90px; }
    .easilys .form .grid input[type=text].input-medium {
      width: 150px; }
    .easilys .form .grid input[type=text].input-large {
      width: 210px; }
    .easilys .form .grid input[type=text].input-xlarge {
      width: 270px; }
    .easilys .form .grid input[type=text].input-xxlarge {
      width: 530px; }
    .easilys .form .grid input[type=number].input-mini {
      width: 60px; }
    .easilys .form .grid input[type=number].input-small {
      width: 90px; }
    .easilys .form .grid input[type=number].input-medium {
      width: 150px; }
    .easilys .form .grid input[type=number].input-large {
      width: 210px; }
    .easilys .form .grid input[type=number].input-xlarge {
      width: 270px; }
    .easilys .form .grid input[type=number].input-xxlarge {
      width: 530px; }
    .easilys .form .grid input[type=email].input-mini {
      width: 60px; }
    .easilys .form .grid input[type=email].input-small {
      width: 90px; }
    .easilys .form .grid input[type=email].input-medium {
      width: 150px; }
    .easilys .form .grid input[type=email].input-large {
      width: 210px; }
    .easilys .form .grid input[type=email].input-xlarge {
      width: 270px; }
    .easilys .form .grid input[type=email].input-xxlarge {
      width: 530px; }
    .easilys .form label.required:after {
      content: " *"; }
    .easilys .form .tag {
      position: relative;
      background-color: #FFF;
      display: inline-block;
      padding: 5px 8px 5px 5px;
      margin: 0 5px 5px 0;
      border-radius: 3px; }
    .easilys .form .tag-add {
      line-height: 25px; }
  .easilys .form_inline label {
    display: inline-block; }
  .easilys .form_inline input + label {
    font-weight: normal; }
  .easilys .modalbox .form {
    border: none; }
  .easilys .modalbox .box > .content .form .container h2.disabled,
  .easilys .modalbox .box > .content .form .container input.disabled,
  .easilys .modalbox .box > .content .form .container label.disabled,
  .easilys .modalbox .box > .content .form .container a.disabled,
  .easilys .modalbox .box > .content .form .container .btnormal:hover.disabled,
  .easilys .modalbox .box > .content .form .container .btnormal:focus.disabled {
    cursor: default;
    border-color: #999999;
    color: #a6a6a6; }
  .easilys .modalbox .box > .content .form .container.disabled h2,
  .easilys .modalbox .box > .content .form .container.disabled input,
  .easilys .modalbox .box > .content .form .container.disabled label,
  .easilys .modalbox .box > .content .form .container.disabled a {
    cursor: default;
    border-color: #999999;
    color: #a6a6a6; }
  .easilys .modalbox .box > .content .form .container.disabled .btnormal:hover,
  .easilys .modalbox .box > .content .form .container.disabled .btnormal:focus {
    background-color: #D8D8D8; }
  .easilys input.input-thin, .easilys select.select-thin {
    /*width:70px;*/
    height: 18px;
    line-height: 15px;
    padding: 0px;
    /*text-align:right;*/ }
  .easilys input.input-thin {
    padding: 0 2px; }

/**************************************************************
 * Alert system. Source from Twitter boostrap.
 *************************************************************/
.easilys {
  /* alert classes can be use in a tao/tae list.
    It will modificate the background-color of tao/tae classes */
  /*************************************************************
  * Notification
  *************************************************************/
  /* Design used for the notification tool */
  /************************************************************
  * Message box for specific option
  ************************************************************/
  /*************************************************************
  * Badges and Labels
  *************************************************************/
  /* .label-error,
      .badge-error {
        background-color: #D81A1A;
      }*/
  /* Budget color alert */ }
  .easilys .alert {
    /*padding: 8px 35px 8px 14px;*/
    padding: 8px 15px;
    border: 1px solid #F89406;
    margin-bottom: 5px;
    -webkit-border-radius: 4px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 4px;
    /* FF1-3.6 */
    border-radius: 4px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    /*p {
      margin-bottom: 0px;
    }*/ }
  .easilys .alert-danger {
    background-color: #f1dcdc;
    border-color: #efd5d4;
    color: #B94A48; }
  .easilys .alert-warning {
    background-color: #fee9cc;
    border-color: #fee5c2;
    color: #F89406; }
  .easilys .alert-info {
    background-color: #c7e0ec;
    border-color: #b4d5e6;
    color: #3A87AD; }
  .easilys .alert-success {
    background-color: #dfeedf;
    border-color: #cee6ce;
    color: #468847; }
  .easilys .tae.alert-danger {
    background-color: #eacac9; }
    .easilys .tae.alert-danger .tao {
      background-color: #e3b7b7; }
    .easilys .tae.alert-danger .tae {
      background-color: #eacac9; }
  .easilys .tae.alert-warning {
    background-color: #fddfb3; }
    .easilys .tae.alert-warning .tao {
      background-color: #fdd49a; }
    .easilys .tae.alert-warning .tae {
      background-color: #fddfb3; }
  .easilys .tae.alert-info {
    background-color: #b4d5e6; }
    .easilys .tae.alert-info .tao {
      background-color: #a1cbdf; }
    .easilys .tae.alert-info .tae {
      background-color: #b4d5e6; }
  .easilys .tae.alert-success {
    background-color: #cee6ce; }
    .easilys .tae.alert-success .tao {
      background-color: #9bcc9c; }
    .easilys .tae.alert-success .tae {
      background-color: #acd4ad; }
  .easilys .tao.alert-danger .tao {
    background-color: #eacac9; }
  .easilys .tao.alert-danger .tae {
    background-color: #f1dcdc; }
  .easilys .tao.alert-warning .tao {
    background-color: #fee9cc; }
  .easilys .tao.alert-warning .tae {
    background-color: #fef4e5; }
  .easilys .tao.alert-info .tao {
    background-color: #c7e0ec; }
  .easilys .tao.alert-info .tae {
    background-color: #daeaf3; }
  .easilys .tao.alert-success .tao {
    background-color: #dfeedf; }
  .easilys .tao.alert-success .tae {
    background-color: #eff7f0; }
  .easilys #overlaym {
    position: fixed;
    margin: 0;
    padding: 0;
    background: none;
    z-index: 400;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%; }
  .easilys #overlaym .error, .easilys #overlaym .log, .easilys #overlaym .warning {
    display: inline-block;
    font-weight: bold;
    border: none;
    padding: 6px 12px;
    width: 250px;
    font-size: 13px;
    margin: 0;
    border-radius: 3px; }
  .easilys #overlaym .log {
    color: #FFFFFF;
    background-color: #4f9950;
    border: 1px solid #234524; }
  .easilys #overlaym .error {
    color: #FFFFFF;
    background-color: #c05c5a;
    border: 1px solid #702c2b; }
  .easilys #overlaym .warning {
    color: #FFFFFF;
    background-color: #fa9f1e;
    border: 1px solid #945904; }
  .easilys .optbox {
    background-color: #FFEBCC;
    display: inline-block;
    padding: 5px 20px;
    margin: -1px 0 1px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .easilys .label,
  .easilys .badge,
  .easilys .patch,
  .easilys .format {
    color: #FFFFFF;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #999999; }
  .easilys .label,
  .easilys .badge,
  .easilys .patch {
    float: right; }
  .easilys .label, .easilys .format {
    padding: 3px 4px 2px 4px;
    -webkit-border-radius: 3px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px;
    /* FF1-3.6 */
    border-radius: 3px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 10px; }
  .easilys .format {
    margin: 8px 5px 8px 0px; }
  .easilys .qz_Inventory_Report_By_Sites .format {
    width: 25px;
    display: inline-block;
    text-align: center; }
  .easilys .badge {
    padding: 1px 9px 1px 9px;
    -webkit-border-radius: 4px;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 4px;
    /* FF1-3.6 */
    border-radius: 4px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }
  .easilys .green-patch {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-right: 10px solid #1AE411;
    border-top: 10px solid transparent; }
  .easilys .corner-badge-top-left,
  .easilys .corner-badge-top-right {
    position: absolute;
    float: left;
    border-top: 10px solid #666666;
    top: 0; }
  .easilys .corner-badge-top-left {
    border-right: 10px solid rgba(0, 0, 0, 0);
    left: 0; }
  .easilys .corner-badge-top-right {
    border-left: 10px solid rgba(0, 0, 0, 0);
    right: 0; }
  .easilys .corner-badge-content {
    position: absolute;
    color: white;
    font-size: 8px;
    padding-top: 1px;
    top: 0; }
  .easilys .label-danger, .easilys .badge-danger,
  .easilys .label-error, .easilys .badge-error {
    background-color: #B94A48; }
  .easilys .badge-light-important {
    background-color: #fbb450; }
  .easilys .label-important, .easilys .badge-important {
    background-color: #F89406; }
  .easilys .label-success, .easilys .badge-success {
    background-color: #468847; }
  .easilys .label-info, .easilys .badge-info, .easilys .badge-primary {
    background-color: #3A87AD; }
  .easilys .label-archive, .easilys .badge-archive,
  .easilys .label-inverse, .easilys .badge-inverse {
    background-color: #333333; }
  .easilys .label-light-grey, .easilys .badge-light-grey {
    background-color: #CCCCCC; }
  .easilys .label-purple, .easilys .badge-purple {
    background-color: #9c258f; }
  .easilys a:hover.format {
    color: #FFFFFF; }
  .easilys .format-pdf {
    background-color: #dd5e5e; }
  .easilys .format-doc {
    background-color: #27caff; }
  .easilys .format-docx {
    background-color: #27caff; }
  .easilys .format-xls {
    background-color: #5dcc85; }
  .easilys .format-xlsx {
    background-color: #5dcc85; }
  .easilys .format-odt {
    background-color: #666666; }
  .easilys .format-ods {
    background-color: #666666; }
  .easilys a:hover.format-pdf {
    background-color: #d43434; }
  .easilys a:hover.format-doc {
    background-color: #00b7f3; }
  .easilys a:hover.format-docx {
    background-color: #00b7f3; }
  .easilys a:hover.format-xls {
    background-color: #3bbb69; }
  .easilys a:hover.format-xlsx {
    background-color: #3bbb69; }
  .easilys a:hover.format-odt {
    background-color: #4d4d4d; }
  .easilys a:hover.format-ods {
    background-color: #4d4d4d; }
  .easilys .ok-color {
    color: #00CC18; }
  .easilys .ok-bg-color {
    background-color: #ADFFAD; }
  .easilys .ko-color {
    color: #FF4545; }
  .easilys .ko-bg-color {
    background-color: #FFADAD; }
  .easilys #overlaym .message-box {
    color: inherit;
    background-color: inherit;
    position: relative;
    text-align: left; }
    .easilys #overlaym .message-box .fe-check,
    .easilys #overlaym .message-box .fe-warning {
      position: absolute;
      top: 50%;
      right: auto;
      bottom: 0px;
      left: 0px;
      width: 35px;
      height: 100%;
      margin-top: -15px;
      font-size: 25px; }
  .easilys .grid-table .table-body .table-row.alert-danger,
  .easilys .grid-table .table-body a.table-row.alert-danger {
    /*background-color: lighten($dangerColor, 40%);
        border-color: lighten($dangerColor, 20%);*/
    /*color: $dangerColor;*/ }
    .easilys .grid-table .table-body .table-row.alert-danger .narrow-list-header,
    .easilys .grid-table .table-body a.table-row.alert-danger .narrow-list-header {
      background-color: #e3b7b7;
      color: #B94A48; }
    .easilys .grid-table .table-body .table-row.alert-danger .narrow-list-content,
    .easilys .grid-table .table-body a.table-row.alert-danger .narrow-list-content {
      border-color: #B94A48;
      color: #B94A48; }
  .easilys .grid-table .table-body .table-row:hover.alert-danger,
  .easilys .grid-table .table-body a:hover.table-row.alert-danger {
    background-color: #e3b7b7;
    border-color: #c76e6d;
    color: #953b39; }
    .easilys .grid-table .table-body .table-row:hover.alert-danger .narrow-list-header,
    .easilys .grid-table .table-body a:hover.table-row.alert-danger .narrow-list-header {
      background-color: #c76e6d;
      color: #FFFFFF; }

.easilys #qz_Plugin_BarcodeCameraScanner {
  min-height: 640px; }
  .easilys #qz_Plugin_BarcodeCameraScanner fieldset {
    border: none; }
  .easilys #qz_Plugin_BarcodeCameraScanner #interactive.viewport {
    position: relative; }
  .easilys #qz_Plugin_BarcodeCameraScanner #interactive.viewport > canvas, .easilys #qz_Plugin_BarcodeCameraScanner #interactive.viewport > video {
    max-width: 100%;
    width: 100%; }
  .easilys #qz_Plugin_BarcodeCameraScanner canvas.drawing, .easilys #qz_Plugin_BarcodeCameraScanner canvas.drawingBuffer {
    display: none;
    position: absolute;
    left: 0;
    top: 0; }
  .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Device_Selection {
    width: calc(100% - 150px);
    display: inline-block; }
  .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls {
    width: 150px;
    margin: 0;
    float: right; }
    .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a {
      float: right;
      padding: 4px;
      font-size: 30px; }
    .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a.unavailable {
      color: #CCCCCC; }
    .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a.fe-less {
      margin-right: 3px; }
    .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a.fe-sun {
      margin-right: 7px; }
      .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a.fe-sun:focus {
        color: #999999; }
      .easilys #qz_Plugin_BarcodeCameraScanner #qz_Plugin_BarcodeCameraScanner_Controls a.fe-sun.flash_activated {
        color: #f15f22; }

/*************
 * Accordion
 ************/
.easilys .accordion {
  margin-bottom: 5px; }
  .easilys .accordion a {
    text-decoration: none;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 5%)); }
  .easilys .accordion a.btloadmore {
    color: inherit;
    height: auto;
    line-height: inherit;
    padding: 5px 0px; }
  .easilys .accordion a:hover .accheader, .easilys .accordion a:focus .accheader, .easilys .accordion a.accactive .accheader {
    background-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
    color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) - 15%)); }
    .easilys .accordion a:hover .accheader .fe-arrow-right, .easilys .accordion a:focus .accheader .fe-arrow-right, .easilys .accordion a.accactive .accheader .fe-arrow-right {
      visibility: visible; }
  .easilys .accordion .accheader {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 5%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
    position: relative;
    height: 16px;
    padding-left: 5px;
    font-size: 14px;
    padding: 7px; }
    .easilys .accordion .accheader a:hover, .easilys .accordion .accheader a:focus, .easilys .accordion .accheader a.accactive {
      background-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
      color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) - 15%)); }
    .easilys .accordion .accheader .badge {
      right: 5px;
      top: 8px; }
    .easilys .accordion .accheader .cont {
      position: absolute;
      bottom: 0;
      top: 0;
      right: 0;
      left: 0;
      padding: 5px; }
  .easilys .accordion .accitem {
    background-color: #FFFFFF; }
    .easilys .accordion .accitem h3 {
      font-size: 12px; }
    .easilys .accordion .accitem a {
      outline: none;
      text-decoration: none;
      display: inline-block; }
    .easilys .accordion .accitem .form {
      background: white; }

.easilys .modalbox-rule .accordion {
  border: solid 1px hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%)); }
  .easilys .modalbox-rule .accordion .input-search {
    border-top: none;
    border-left: none;
    border-right: none; }

.easilys .accordion-multi-level {
  width: 100%;
  float: left; }
  .easilys .accordion-multi-level .header {
    background: var(--application-main-color);
    height: 40px; }
    .easilys .accordion-multi-level .header .content {
      padding: 8px 0px;
      text-align: center;
      border-right: 1px solid hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) + 10%)); }
      .easilys .accordion-multi-level .header .content .label {
        background: inherit;
        border-radius: inherit;
        float: inherit;
        padding: 0px;
        font-size: 12px;
        text-align: center; }
      .easilys .accordion-multi-level .header .content .tinylabel {
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%)); }
  .easilys .accordion-multi-level .body .row {
    background-color: #FFFFFF; }
    .easilys .accordion-multi-level .body .row .level-1 .content {
      position: relative;
      cursor: pointer; }
      .easilys .accordion-multi-level .body .row .level-1 .content .bt-main {
        width: 100%;
        height: 35px;
        padding-bottom: 1px;
        border-bottom: 1px dotted #CCCCCC;
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .normal-icon {
          padding: 7px 5px; }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .label, .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .info {
          display: inline-block;
          width: 100%;
          font-size: 10px; }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .info {
          padding: 5px 0px 0px 0px;
          font-weight: bold;
          font-style: italic; }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .label {
          color: #999999;
          padding: 5px 0px 0px 0px;
          float: left;
          border-radius: inherit;
          background-color: inherit; }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .label, .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .icon {
          color: var(--application-main-color); }
        .easilys .accordion-multi-level .body .row .level-1 .content .bt-main .info {
          color: #666666; }
    .easilys .accordion-multi-level .body .row .level-1 .content:hover .bt-main {
      background-color: #FFFFFF; }
      .easilys .accordion-multi-level .body .row .level-1 .content:hover .bt-main .label {
        color: #666666; }
      .easilys .accordion-multi-level .body .row .level-1 .content:hover .bt-main .icon, .easilys .accordion-multi-level .body .row .level-1 .content:hover .bt-main .info {
        color: #000000; }
      .easilys .accordion-multi-level .body .row .level-1 .content:hover .bt-main .node {
        opacity: 0.3;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .accordion-multi-level .body .row .level-2 .content .bt-main {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
    .easilys .accordion-multi-level .body .row .level-3 .content .bt-main {
      background-color: var(--application-main-background-color); }
    .easilys .accordion-multi-level .body .row .level-4 .content .bt-main {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 5%)); }

.easilys .week-day:first-child .body {
  border: none;
  border-right: 1px dotted #FFFFFF;
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }

.easilys .week-day:last-child .header .content {
  border: none; }

.easilys .week-day:last-child .body {
  border: none; }

.easilys .node {
  width: 12px;
  float: left; }
  .easilys .node .node-lign {
    height: 19px;
    width: 5px;
    float: left;
    margin-top: -1px; }
  .easilys .node .v-lign {
    border-right: 1px solid #000000; }
  .easilys .node .h-lign {
    border-bottom: 1px solid #000000; }

.easilys {
  /* switch button */
  /****** Style Star Rating Widget *****/
  /* CSS magic to highlight stars on hover */
  /* on span */
  /* on input */ }
  .easilys .btnoisy, .easilys .btnoisy:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #ff5b10; }
    .easilys .btnoisy.disabled, .easilys .btnoisy:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btnoisy:hover, .easilys .btnoisy:focus {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #E64800; }
    .easilys .btnoisy:hover.disabled, .easilys .btnoisy:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btnoisy:active {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #ff5b10; }
    .easilys .btnoisy:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btloud, .easilys .btloud:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #07a8f2; }
    .easilys .btloud.disabled, .easilys .btloud:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btloud:hover, .easilys .btloud:focus {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #008AC9; }
    .easilys .btloud:hover.disabled, .easilys .btloud:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btloud:active {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #07a8f2; }
    .easilys .btloud:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btnormal, .easilys .btnormal:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: #D8D8D8; }
    .easilys .btnormal.disabled, .easilys .btnormal:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btnormal:hover, .easilys .btnormal:focus {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
    background-color: #C7C1C1; }
    .easilys .btnormal:hover.disabled, .easilys .btnormal:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btnormal:active {
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: #D8D8D8; }
    .easilys .btnormal:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btquiet {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: inherit; }
    .easilys .btquiet.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
    .easilys .btquiet.disabled {
      background: none; }
  .easilys .btquiet:hover, .easilys .btquiet:focus {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
    background-color: #E2E2E2; }
    .easilys .btquiet:hover.disabled, .easilys .btquiet:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
    .easilys .btquiet:hover.disabled, .easilys .btquiet:focus.disabled {
      background: none; }
  .easilys .btquiet:active {
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: inherit; }
    .easilys .btquiet:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btorder, .easilys .btorder:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #279801; }
    .easilys .btorder.disabled, .easilys .btorder:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btorder:hover, .easilys .btorder:focus {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #237C05; }
    .easilys .btorder:hover.disabled, .easilys .btorder:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btabort, .easilys .btabort:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #B94A48; }
    .easilys .btabort.disabled, .easilys .btabort:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btabort:hover, .easilys .btabort:focus {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #97060f; }
    .easilys .btabort:hover.disabled, .easilys .btabort:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btabort:active {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #B94A48; }
    .easilys .btabort:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btmaincolor, .easilys .btmaincolor:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: var(--application-main-color); }
    .easilys .btmaincolor.disabled, .easilys .btmaincolor:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btmaincolor:hover, .easilys .btmaincolor:focus {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 5%)); }
    .easilys .btmaincolor:hover.disabled, .easilys .btmaincolor:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btmaincolor:active {
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: var(--application-main-color); }
    .easilys .btmaincolor:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btselect, .easilys .bselect:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: #D8D8D8; }
    .easilys .btselect.disabled, .easilys .bselect:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btselect:hover, .easilys .bselect:focus {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
    background-color: #C7C1C1; }
    .easilys .btselect:hover.disabled, .easilys .bselect:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btselect:active {
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    background-color: #D8D8D8; }
    .easilys .btselect:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .btheader, .easilys .btheader:visited {
    display: inline-block;
    padding: 0px 10px;
    line-height: 30px;
    outline: none;
    overflow: visible;
    border-top: solid 1px #F0F0F0;
    background-color: #D8D7D6;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    color: #666666; }
    .easilys .btheader .btheadertitle, .easilys .btheader:visited .btheadertitle {
      margin: 6px 0px 0px -40px;
      padding-left: 50px;
      width: 85%;
      float: left; }
    .easilys .btheader .small-icon, .easilys .btheader:visited .small-icon {
      font-size: 9px;
      padding: 9px;
      float: right; }
  .easilys .btheader:visited {
    background-color: #D8D7D6; }
  .easilys .btheader:hover, .easilys .btheader:focus {
    background-color: #BFBEBC;
    color: #333333; }
  .easilys .btmore {
    display: inline-block;
    font-size: 26px;
    padding: 10px;
    outline: none;
    overflow: visible; }
  .easilys .btloadmore {
    width: 100%;
    line-height: 20px;
    text-align: center;
    color: #666666;
    background-color: #e0e0e0;
    text-decoration: none;
    display: block;
    background-position: initial initial;
    background-repeat: initial initial; }
  .easilys a.btloadmore:hover {
    color: #000000;
    background-color: #CCCCCC; }
  .easilys .btloadmore a {
    color: inherit;
    height: auto;
    padding: 5px 0px; }
  .easilys .btloadmore a:hover {
    color: #000000;
    background-color: #CCCCCC; }
  .easilys .tabbuton {
    padding: 2px;
    border-radius: 10px;
    background-color: #e0e0e0;
    font-weight: bold;
    margin-right: -15px; }
  .easilys .button-choice .btloud + .btloud {
    margin-left: -3px;
    border-left: solid 1px #0697d9; }
  .easilys .button-choice .btloud + .btloud.disabled {
    margin-left: -3px;
    border-left: solid 1px #8c8c8c; }
  .easilys .firststep-smallsize,
  .easilys .firststep-bigsize {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    background: initial;
    font-weight: normal;
    text-decoration: none;
    color: var(--application-main-color);
    /*.bigger-icon {
      color: var(--application-main-color);
      line-height:120px;
      font-size:120px;
    }
    .big-text {
      font-size: 24px;
      font-size: 24px;
      color: var(--application-main-color);
    }
    .bigger-text {
      color: var(--application-main-color);
      font-size:48px;
      line-height:48px;
    }
    h1 {
      color: var(--application-main-color);
    }
    h1, [class^="span"], [class*=" span"] {
      margin: 0;
    }*/ }
  .easilys .firststep-smallsize .bigger-icon {
    line-height: 120px;
    font-size: 120px; }
  .easilys .firststep-smallsize .big-text {
    font-size: 24px;
    line-height: 24px; }
  .easilys .firststep-smallsize .bigger-text {
    font-size: 48px;
    line-height: 48px; }
  .easilys .firststep-bigsize .bigger-icon {
    line-height: 200px;
    font-size: 200px; }
  .easilys .firststep-bigsize h1 {
    font-size: 36px;
    line-height: 36px; }
  .easilys .panel-close-button {
    background-color: var(--application-main-background-color); }
    .easilys .panel-close-button a.btnormal,
    .easilys .panel-close-button a.btquiet {
      color: #666666;
      padding: 0px 1px;
      font-size: 20px; }
    .easilys .panel-close-button a.btquiet {
      line-height: 20px; }
    .easilys .panel-close-button a.btnormal {
      line-height: 24px; }
    .easilys .panel-close-button a:hover.btnormal,
    .easilys .panel-close-button a:hover.btquiet {
      color: #333333; }
  .easilys a.navigation_drawer_button {
    float: left;
    padding-right: 10px; }
    .easilys a.navigation_drawer_button img.navigation_drawer_animated {
      position: absolute;
      top: 6px;
      left: -10px;
      height: 26px; }
    .easilys a.navigation_drawer_button h1 {
      margin: 8px 0px 8px 22px; }
  .easilys .fe-smiley-0 {
    color: #000000; }
  .easilys .fe-smiley-1 {
    color: #da481a; }
  .easilys .fe-smiley-2 {
    color: #eb7955; }
  .easilys .fe-smiley-3 {
    color: #fdc570; }
  .easilys .fe-smiley-4 {
    color: #fbda2e; }
  .easilys .fe-smiley-5 {
    color: #89c858; }
  .easilys .condition-selector {
    padding-top: 15px; }
    .easilys .condition-selector .fe-smiley-0,
    .easilys .condition-selector .fe-smiley-1,
    .easilys .condition-selector .fe-smiley-2,
    .easilys .condition-selector .fe-smiley-3,
    .easilys .condition-selector .fe-smiley-4,
    .easilys .condition-selector .fe-smiley-5,
    .easilys .condition-selector .fe-smiley-0,
    .easilys .condition-selector .fe-smiley-1,
    .easilys .condition-selector .fe-smiley-2,
    .easilys .condition-selector .fe-smiley-3,
    .easilys .condition-selector .fe-smiley-4,
    .easilys .condition-selector .fe-smiley-5 {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      font-size: 28px;
      padding: 0px; }
    .easilys .condition-selector a.fe-smiley-0:hover,
    .easilys .condition-selector a.fe-smiley-1:hover,
    .easilys .condition-selector a.fe-smiley-2:hover,
    .easilys .condition-selector a.fe-smiley-3:hover,
    .easilys .condition-selector a.fe-smiley-4:hover,
    .easilys .condition-selector a.fe-smiley-5:hover {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      font-size: 28px;
      padding: 0px; }
    .easilys .condition-selector .fe-smiley-0 {
      color: #000000; }
    .easilys .condition-selector .fe-smiley-1 {
      color: #da481a; }
    .easilys .condition-selector .fe-smiley-2 {
      color: #eb7955; }
    .easilys .condition-selector .fe-smiley-3 {
      color: #fdc570; }
    .easilys .condition-selector .fe-smiley-4 {
      color: #fbda2e; }
    .easilys .condition-selector .fe-smiley-5 {
      color: #89c858; }
    .easilys .condition-selector .not-selected {
      opacity: 0.4;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      font-size: 18px;
      padding: 5px; }
  .easilys .bt-switch-panel {
    background: #FFFFFF;
    color: var(--application-main-color); }
    .easilys .bt-switch-panel .switch {
      position: relative;
      display: inline-block;
      width: 54px;
      height: 30px; }
      .easilys .bt-switch-panel .switch input {
        display: none; }
      .easilys .bt-switch-panel .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 5px 0px;
        background-color: #F0F0F0;
        border: solid 1px #CCCCCC;
        -webkit-transition: .3s;
        transition: .3s; }
      .easilys .bt-switch-panel .switch input:checked + .slider {
        background-color: var(--application-main-color);
        border-color: var(--application-main-color); }
      .easilys .bt-switch-panel .switch input:focus + .slider {
        box-shadow: 0 0 1px var(--application-main-color); }
      .easilys .bt-switch-panel .switch input:checked + .slider:before {
        content: "I";
        text-align: center;
        color: var(--application-main-color);
        border-color: var(--application-main-color);
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px); }
      .easilys .bt-switch-panel .switch .slider:before {
        position: absolute;
        content: "O";
        text-align: center;
        height: 12px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: #FFFFFF;
        color: #CCCCCC;
        border: solid 1px #CCCCCC;
        -webkit-transition: .3s;
        transition: .3s; }
      .easilys .bt-switch-panel .switch .selector {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 5px 0px;
        text-align: center;
        background-color: var(--application-main-color);
        border: solid 1px var(--application-main-color);
        -webkit-transition: .3s;
        transition: .3s; }
      .easilys .bt-switch-panel .switch input:checked + .selector {
        background-color: var(--application-main-color); }
      .easilys .bt-switch-panel .switch input:focus + .selector {
        box-shadow: 0 0 1px var(--application-main-color); }
      .easilys .bt-switch-panel .switch input:checked + .selector:before {
        content: ">";
        color: var(--application-main-color);
        border-color: var(--application-main-color);
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px); }
      .easilys .bt-switch-panel .switch .selector:before {
        position: absolute;
        content: "<";
        height: 14px;
        line-height: 14px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: #FFFFFF;
        color: var(--application-main-color);
        border-color: var(--application-main-color);
        -webkit-transition: .3s;
        transition: .3s; }
  .easilys .rating {
    border: none;
    float: left;
    font-size: 15px; }
    .easilys .rating > input,
    .easilys .rating span {
      display: none; }
    .easilys .rating > label:before {
      margin: 5px;
      font-size: 1.25em;
      font-family: "easilys-icons";
      display: inline-block;
      content: "\e644"; }
    .easilys .rating > label {
      color: #CCCCCC;
      float: right; }
    .easilys .rating input[type="radio"] + label {
      padding: 13px 14px 13px 15px;
      margin: 0px 0px 0px 0px;
      line-height: 16px; }
    .easilys .rating input[type="radio"] + label:before {
      content: "\e644"; }
    .easilys .rating span + label {
      padding: 5px 5px;
      margin: 0px 0px 0px 0px;
      line-height: 16px; }
    .easilys .rating input[type="radio"] + label:before {
      border: none;
      background: none; }
    .easilys .rating span + label:before {
      margin: 0px; }
    .easilys .rating input[type="radio"]:hover + label:before,
    .easilys .rating input[type="radio"] + label:after {
      background: none; }
  .easilys .rating > span ~ label:hover {
    color: #CCCCCC; }
  .easilys .rating > span ~ label:hover ~ span.checked ~ label {
    color: #fbda2e; }
  .easilys .rating > span.checked ~ label {
    color: #fbda2e; }
  .easilys .rating > span.checked ~ label:hover ~ label {
    color: #fbda2e; }
  .easilys .rating > input ~ label:hover {
    color: #fdec92; }
  .easilys .rating > input ~ label:hover ~ label {
    color: #fdec92; }
  .easilys .rating > input:checked ~ label {
    color: #fbda2e; }
  .easilys .rating > input:checked ~ label:hover {
    color: #fdec92; }
  .easilys .rating > input:checked ~ label:hover ~ label {
    color: #fdec92; }
  .easilys a.bt-shadow {
    padding: 10px 8px;
    color: #FFFFFF; }
    .easilys a.bt-shadow .normal-icon {
      text-shadow: #000000 0px 0px 1px; }
  .easilys a:hover.bt-shadow {
    color: #fce360; }
  .easilys .input-tick .container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Hide the browser's default checkbox */
    /* hide the checkmark when checked */
    /* Show the checkmark when checked */ }
    .easilys .input-tick .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .easilys .input-tick .container input:checked ~ .checkmark:before {
      display: none; }
    .easilys .input-tick .container input:checked ~ .checkmark:after {
      display: block; }
    .easilys .input-tick .container .checkmark {
      position: absolute;
      left: 7px;
      top: 3px;
      height: 30px;
      width: 30px;
      /* background-color: #eee; */
      font-family: "easilys-icons" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .easilys .input-tick .container .checkmark:before {
        color: #cccccc;
        content: "\e639";
        position: absolute;
        display: block; }
      .easilys .input-tick .container .checkmark:after {
        color: #37b11b;
        content: "\e639";
        position: absolute;
        display: none; }
    .easilys .input-tick .container:hover .checkmark:before {
      color: #bababa; }
    .easilys .input-tick .container:hover .checkmark:after {
      color: #4c7928; }
  .easilys .background-application-main-color {
    background-color: var(--application-main-color) !important; }

/************************************************************************************************
 ****************************************** RIBBON **********************************************
 ************************************************************************************************/
.easilys .ribbon {
  z-index: 10;
  background: var(--application-main-color);
  color: #FFFFFF;
  position: relative;
  /* Ribbon elements */ }
  .easilys .ribbon .input-search {
    width: 100%; }
  .easilys .ribbon .big-input-search {
    width: 100%;
    /*height: 40px;*/
    /*padding-left: 40px;*/
    height: 35px;
    padding-left: 35px; }
  .easilys .ribbon .fe-search {
    /*padding:12px;*/
    padding: 9px 10px 8px 10px;
    color: #666666; }
  .easilys .ribbon .fe-barcode {
    position: absolute;
    color: gray;
    font-size: 30px;
    margin-left: 4px;
    margin-top: 4px;
    color: #666666;
    border: thin #666666 solid;
    padding: 0px 4px;
    text-decoration: none !important; }

.easilys .leftcorner {
  width: 0;
  height: 0;
  line-height: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid black;
  top: 100%;
  left: 0;
  position: absolute; }

.easilys .rightcorner {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
  top: 100%;
  right: 0; }

/**************************************************************/
/*                          Pop over                          */
/**************************************************************/
.easilys .popover {
  display: none;
  position: absolute;
  right: -9999px;
  top: -9999px;
  background: #FFFFFF;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 8px;
  width: 270px;
  z-index: 220;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }
  .easilys .popover hr {
    margin: 6px 0; }
  .easilys .popover select {
    width: 100%; }
  .easilys .popover textarea {
    height: 72px; }
  .easilys .popover input[type="file"] {
    width: 240px; }
  .easilys .popover input[type="text"],
  .easilys .popover .popover input[type="email"],
  .easilys .popover .popover input[type="password"] {
    /*margin:4px 0 6px;*/
    width: 100%; }
  .easilys .popover textarea {
    margin: 4px 0;
    width: 100%; }
  .easilys .popover div.content {
    overflow-y: auto;
    overflow-x: hidden; }
  .easilys .popover .header {
    height: 26px;
    position: relative;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 6px;
    text-align: center; }
    .easilys .popover .header .header_title {
      float: left;
      color: #999999;
      display: block;
      font-weight: bold;
      line-height: 21px;
      overflow: hidden;
      padding: 0 24px;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 220px; }
    .easilys .popover .header .btq {
      float: right;
      position: absolute;
      top: 0px;
      right: 0px; }

.easilys .popover_list .popover-list-header,
.easilys .popover_list .disabled {
  background-color: #F0F0F0;
  padding: 8px;
  font-style: italic; }

.easilys .popover_list li > a {
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 6px 10px;
  position: relative;
  text-decoration: none; }
  .easilys .popover_list li > a .quiet {
    display: block;
    color: #999999;
    font-style: italic;
    font-size: 11px; }

.easilys .popover_list li > a:hover,
.easilys .popover_list li > a:focus,
.easilys .popover_list li > a:active {
  background-color: #fafafa;
  color: #000000; }
  .easilys .popover_list li > a:hover .fe-site-1,
  .easilys .popover_list li > a:hover .fe-site-2,
  .easilys .popover_list li > a:hover .fe-site-3,
  .easilys .popover_list li > a:hover .fe-site-4,
  .easilys .popover_list li > a:hover .fe-site-6,
  .easilys .popover_list li > a:focus .fe-site-1,
  .easilys .popover_list li > a:focus .fe-site-2,
  .easilys .popover_list li > a:focus .fe-site-3,
  .easilys .popover_list li > a:focus .fe-site-4,
  .easilys .popover_list li > a:focus .fe-site-6,
  .easilys .popover_list li > a:active .fe-site-1,
  .easilys .popover_list li > a:active .fe-site-2,
  .easilys .popover_list li > a:active .fe-site-3,
  .easilys .popover_list li > a:active .fe-site-4,
  .easilys .popover_list li > a:active .fe-site-6 {
    color: #000000; }
  .easilys .popover_list li > a:hover .orange-object,
  .easilys .popover_list li > a:focus .orange-object,
  .easilys .popover_list li > a:active .orange-object {
    color: #d17f03; }
  .easilys .popover_list li > a:hover .red-object,
  .easilys .popover_list li > a:focus .red-object,
  .easilys .popover_list li > a:active .red-object {
    color: #953112; }

.easilys .popover_list a.btquiet:hover,
.easilys .popover_list a.btquiet:focus,
.easilys .popover_list a.btquiet:active {
  background-color: #F0F0F0;
  color: #000000; }

.easilys .popover_list li a.disabled,
.easilys .popover_list li > a.disabled {
  background-color: #F0F0F0;
  color: #666666;
  cursor: default; }

.easilys .popover_list li a.disabled:hover,
.easilys .popover_list li a.disabled:focus,
.easilys .popover_list li > a.disabled:hover,
.easilys .popover_list li > a.disabled:focus {
  /*background: none;*/ }
  .easilys .popover_list li a.disabled:hover .quiet,
  .easilys .popover_list li a.disabled:focus .quiet,
  .easilys .popover_list li > a.disabled:hover .quiet,
  .easilys .popover_list li > a.disabled:focus .quiet {
    color: #999999; }

.easilys .popover_list .list .list-item .normal-icon,
.easilys .popover_list .list .list-item-link .normal-icon {
  float: left; }

.easilys .popover_list.tree .btnormal {
  width: 100%; }

.easilys .popover_list.tree li {
  position: relative; }

.easilys .popover_list.tree li.first {
  font-weight: bold; }

.easilys .popover_list.tree li.first > a {
  padding-right: 0px;
  padding-left: 40px; }

.easilys .popover_list .nutrition-color {
  height: 20px;
  margin-bottom: 5px; }

.easilys .popover_list .sticker-inner {
  background-color: #F2F2F2; }

.easilys .popover_list .tag-color {
  height: 20px;
  width: 41px;
  margin: 3px; }

.easilys .popover_list .format {
  margin-top: -2px; }

.easilys .popover_list .no-sort-icon .fe-sortable {
  display: none; }

.easilys .popover_list .filter .accordion {
  border-bottom: solid 1px #F0F0F0; }

.easilys .popover_list .icon {
  float: left;
  padding: 5px 5px 0px 0px; }

.easilys .popover_list .title {
  padding: 5px 5px 0px 0px; }

.easilys .modalbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: none;
  -webkit-transition: opacity 100ms ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: opacity 100ms ease-out;
  /* FF4+ */
  -ms-transition: opacity 100ms ease-out;
  /* IE10 */
  -o-transition: opacity 100ms ease-out;
  /* Opera 10.5+ */
  transition: opacity 100ms ease-out;
  /* W3C*/ }
  .easilys .modalbox .box {
    position: absolute;
    background: #FFFFFF;
    padding: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    /*@mixin transition (left $lowTransitionSpeed ease-out ~"," top $lowTransitionSpeed ease-out);*/ }
    .easilys .modalbox .box > .header {
      height: 30px;
      position: relative;
      border-bottom: 1px solid #cccccc;
      text-align: center; }
      .easilys .modalbox .box > .header > h1 {
        margin: 0;
        color: #666666;
        display: block;
        font-weight: bold;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        padding: 0 20px;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .easilys .modalbox .box > .header .btq {
        padding: 2px;
        position: absolute;
        top: 5px;
        right: 0px; }
    .easilys .modalbox .box > .content {
      position: absolute;
      overflow: auto;
      top: 31px;
      bottom: 0;
      right: 0;
      left: 0;
      background: #F0F0F0; }
    .easilys .modalbox .box > .footer {
      padding: 10px;
      height: 30px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 1px solid #cccccc;
      text-align: right; }
  .easilys .modalbox .reimg {
    margin: 10px 0px 0px 0px;
    max-width: 150px;
    width: auto;
    min-width: 40px;
    height: 110px; }

.easilys .modalbox .back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

@supports not (-ms-ime-align: auto) {
  .easilys .modalbox .box {
    overflow: hidden; } }

/********
 * Tabs
 ********/
.easilys .tab_widget {
  height: auto;
  width: auto;
  border-left: 5px solid var(--application-main-color);
  border-right: 5px solid var(--application-main-color);
  background: var(--application-main-color);
  overflow: hidden;
  position: relative;
  /*overflow-y:auto;*/ }
  .easilys .tab_widget ul.tabs {
    width: 100%;
    height: auto; }
    .easilys .tab_widget ul.tabs li {
      height: auto;
      width: 24.65%;
      margin-right: 2px;
      border: none;
      text-align: center;
      border-radius: 0px; }
      .easilys .tab_widget ul.tabs li a {
        padding: 6px 0px;
        background-color: var(--application-main-background-color);
        color: var(--application-main-color);
        border-bottom: solid 2px var(--application-main-color); }
      .easilys .tab_widget ul.tabs li a:hover {
        padding: 6px 0px;
        background-color: #FFFFFF;
        color: var(--application-main-color);
        border-bottom: solid 2px var(--application-main-color); }
    .easilys .tab_widget ul.tabs li.active a {
      border-bottom: solid 2px #FFFFFF;
      background-color: #FFFFFF; }
    .easilys .tab_widget ul.tabs li:last-child {
      margin: 0px; }

.easilys .tab_container {
  border: 1px solid #CCCCCC;
  /*border-top:none;*/
  padding-bottom: 10px;
  clear: both;
  overflow: auto;
  float: left;
  width: 100%;
  background: #FFFFFF;
  /*@include border-radius(3px 3px 0 0);*/
  position: absolute;
  /*relative to .tab_widget */
  bottom: 10px;
  left: 0;
  right: 0;
  top: 25px;
  /*the height of the tabs links*/ }

.easilys .tab_content {
  padding: 5px; }

.easilys ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 25px;
  /*--Set height of tabs--*/ }

.easilys ul.tabs li {
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  height: 25px;
  /*--Subtract 1px from the height of the unordered list--*/
  line-height: 25px;
  /*--Vertically aligns the text within the tab--*/
  overflow: hidden;
  margin-bottom: -1px;
  /*--Pull the list item down 1px--*/
  /*  position: relative; remove this to fix a bug in IE7*/
  background-color: #CCCCCC;
  -webkit-border-radius: 3px 3px 0 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 3px 3px 0 0;
  /* FF1-3.6 */
  border-radius: 3px 3px 0 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC; }

.easilys ul.tabs li a {
  text-decoration: none;
  outline: none;
  color: #333333;
  display: block;
  font-size: 11px;
  padding: 0 20px;
  /*border-top: 1px solid $homeColor;*/
  /*border: 1px solid $white;*/
  /*--Gives the bevel look with a 1px white border inside the list item--*/ }

.easilys ul.tabs li a:hover {
  background-color: #F0F0F0; }

.easilys html ul.tabs li.active, .easilys html ul.tabs li.active a:hover {
  /*--Makes sure that the active tab does not listen to the hover properties--*/
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  /*  border-top: 1px solid $homeColor;
    border-bottom: 1px solid $white;
    border-left: 1px solid $homeColor;
    border-right: 1px solid $homeColor;*/
  /*--Makes the active tab look like it's connected with its content--*/ }

/****************************************/
/*************** TIMELINE ***************/
/****************************************/
.easilys {
  /*  .corner-top-left {
      z-index: 2;
      width: 0;
      height: 0;
      line-height: 0;
      border-left: 4px solid rgba(0, 0, 0, 0);
      border-bottom: 4px solid #FF8852;
      margin-top: -4px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      position: absolute;
    }

    .corner-bottom-left {
      width: 0;
      height: 0;
      line-height: 0;
      border-left: 4px solid rgba(0, 0, 0, 0);
      border-top: 4px solid #FF8852;
      margin-top: 50px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      position: absolute;
    }*/ }
  .easilys .timeline-box {
    position: relative;
    overflow: hidden;
    height: 50px;
    background-color: #f2eeea; }
  .easilys .timeline {
    text-align: center;
    /*background-color:#CCBBAA;*/
    background-color: #CCBBAA;
    height: 28px;
    position: absolute; }
    .easilys .timeline .timeline-day {
      position: absolute;
      width: 7px;
      box-sizing: border-box;
      height: 5px;
      top: 22px; }
    .easilys .timeline .timeline-month-label {
      position: absolute;
      bottom: 0px;
      left: -1px;
      text-align: left;
      width: 200px;
      color: #666666;
      border-left: solid 1px #666666;
      padding: 5px 5px 10px 5px; }
    .easilys .timeline .week-first-day {
      border-left: solid 1px #666666; }
    .easilys .timeline .timeline-event {
      position: absolute;
      left: 1px;
      width: 4px;
      height: 16px; }
    .easilys .timeline .event-begin {
      bottom: -19px;
      background-color: var(--application-main-color); }
    .easilys .timeline .event-end {
      bottom: -40px;
      background-color: #666666; }
  .easilys .timeline-current-day {
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 80px;
    background-color: #ffc4a9;
    border: solid 1px #ffa176;
    opacity: 0.5;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys #graph-header {
  height: 100%; }
  .easilys #graph-header .graph-legend {
    height: 14px;
    position: relative; }
    .easilys #graph-header .graph-legend .date-start {
      float: left;
      height: 100%; }
    .easilys #graph-header .graph-legend .date-end {
      float: right;
      height: 100%; }
    .easilys #graph-header .graph-legend .date-start:before,
    .easilys #graph-header .graph-legend .date-end:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .easilys #graph-header .graph-legend .graph-legend-popup {
      text-align: center;
      position: absolute;
      width: 100%;
      height: 100%; }
    .easilys #graph-header .graph-legend .graph-legend-popup:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .easilys #graph-header .graph-ruler {
    height: 29px;
    white-space: nowrap;
    width: 100%;
    position: relative; }
    .easilys #graph-header .graph-ruler .graph-grad-wrapper {
      height: 100%;
      display: inline-block;
      position: relative; }
      .easilys #graph-header .graph-ruler .graph-grad-wrapper .graph-grad {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-left: 1px solid #aaa;
        height: 7px;
        position: absolute;
        bottom: 0; }
      .easilys #graph-header .graph-ruler .graph-grad-wrapper .graph-overlay {
        display: none;
        position: absolute;
        height: 9999px;
        width: 100%;
        background: rgba(7, 168, 242, 0.08);
        z-index: 100;
        pointer-events: none; }
    .easilys #graph-header .graph-ruler .graph-grad-wrapper:first-child .graph-grad {
      border-left: 2px solid #000;
      height: 10px; }
    .easilys #graph-header .graph-ruler .graph-grad-wrapper:last-child .graph-grad {
      border-right: 2px solid #000;
      height: 9px; }
    .easilys #graph-header .graph-ruler .graph-grad-wrapper:hover {
      background-color: rgba(7, 168, 242, 0.08); }
      .easilys #graph-header .graph-ruler .graph-grad-wrapper:hover .graph-overlay {
        display: block; }

.easilys .graph-row {
  height: 32px; }
  .easilys .graph-row .graph-row-content {
    height: 100%;
    width: 100%;
    position: relative; }
  .easilys .graph-row .graph-element {
    background: #cdeefe;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #feffff;
    cursor: pointer; }
  .easilys .graph-row .graph-element:hover {
    background: #9bdefc; }

/*************
 * Calendar
 ************/
.easilys .calendar {
  /* If .calendar is used in a accordion item, we need to modified the padding of the <a> */
  /* Corners */ }
  .easilys .calendar .accitem a {
    display: block;
    padding: 8px;
    color: inherit; }
  .easilys .calendar .actual-month {
    position: absolute;
    left: 20px;
    top: 0px;
    right: 20px;
    bottom: 0px;
    text-align: center; }
    .easilys .calendar .actual-month h5 {
      margin-top: 8px; }
  .easilys .calendar .orange-background-object a:hover {
    background-color: #fdcf89;
    color: #ea8f03; }
  .easilys .calendar .blue-background-object a:hover {
    background-color: #bdcfe8;
    color: #4b7cc2; }
  .easilys .calendar colday {
    font-size: 10px; }
  .easilys .calendar .cornertl {
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top-width: 5px;
    border-top-style: solid;
    float: left; }
  .easilys .calendar .cornertr {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-top-width: 5px;
    border-top-style: solid;
    float: right; }
  .easilys .calendar .cornerbl {
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom-width: 5px;
    border-bottom-style: solid;
    float: left;
    margin-top: -5px; }
  .easilys .calendar .cornerbr {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-bottom-width: 5px;
    border-bottom-style: solid;
    float: right;
    margin-top: -5px; }

/************************************************************/
/*********************** Extra panels ***********************/
/************************************************************/
.easilys {
  /*.production-droppable-column.hovered {
    .production-droppable-message {
      h1 {
        @include opacity(1);
      }
    }
  }*/ }
  .easilys .livetool-panel {
    position: absolute;
    right: 45px;
    height: 35px;
    width: 260px;
    bottom: 0px;
    z-index: 69; }
    .easilys .livetool-panel .livetool-container {
      background: white;
      box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.3); }
      .easilys .livetool-panel .livetool-container .livetool-header {
        padding: 5px 35px 5px 5px;
        height: 30px;
        text-align: left;
        border-bottom: solid 1px lightgrey;
        background-color: var(--application-main-color);
        color: var(--application-main-background-color); }
        .easilys .livetool-panel .livetool-container .livetool-header .livetool-title {
          display: inline-block;
          position: absolute;
          padding: 10px 0px 0px 5px; }
        .easilys .livetool-panel .livetool-container .livetool-header .price {
          font-size: 18px;
          font-size: 16px;
          margin-top: -8px; }
      .easilys .livetool-panel .livetool-container .livetool-header-button {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 2px;
        height: 22px;
        width: 22px;
        /*padding: 4px 2px;*/
        font-size: 22px;
        line-height: 26px;
        text-decoration: none;
        text-align: center;
        color: #FFFFFF; }
      .easilys .livetool-panel .livetool-container .livetool-header-button:hover {
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
    .easilys .livetool-panel .livetool-container .no-content {
      background-color: #CCCCCC;
      color: #999999; }
      .easilys .livetool-panel .livetool-container .no-content .price {
        color: #999999; }
  .easilys .production-droppable-message {
    position: absolute;
    top: 40%;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
    font-weight: bold;
    color: var(--application-main-color); }
    .easilys .production-droppable-message h1 {
      display: block;
      font-weight: bold;
      opacity: 0.85;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .production-droppable-column .production-droppable-overlay {
    background: var(--application-main-background-color);
    background-image: url(../images/texture1.png);
    opacity: 0.85;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    border: 2px solid hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%));
    margin-right: 1px;
    padding-top: 100%;
    /*.production-droppable-message {
      margin-top: -50%;
    }*/ }
    .easilys .production-droppable-column .production-droppable-overlay .bigger-icon.fe-handwritten-arrow {
      font-size: 42px;
      margin-left: -20px; }
    .easilys .production-droppable-column .production-droppable-overlay .bigger-icon.fe-go {
      font-size: 32px;
      -webkit-transform: rotate(90deg);
      /* Safari and Chrome */
      -moz-transform: rotate(90deg);
      /* Firefox */
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -o-transform: rotate(90deg);
      /* Opera */
      transform: rotate(90deg); }
  .easilys .production-droppable-column {
    color: var(--application-main-color); }
    .easilys .production-droppable-column .bigger-icon.fe-go {
      font-size: 32px;
      -webkit-transform: rotate(90deg);
      /* Safari and Chrome */
      -moz-transform: rotate(90deg);
      /* Firefox */
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -o-transform: rotate(90deg);
      /* Opera */
      transform: rotate(90deg); }
    .easilys .production-droppable-column .production-droppable-hover-message {
      display: none;
      position: absolute;
      text-align: center;
      width: 100%;
      top: 40px; }
  .easilys .production-droppable-column.hovered .production-droppable-hover-message {
    display: block; }
  .easilys .production-droppable-column.hovered .production-droppable-overlay {
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    background-image: none;
    border: 2px solid var(--application-main-color); }
    .easilys .production-droppable-column.hovered .production-droppable-overlay .production-droppable-message h1 {
      border: none; }
  .easilys .livetool-with-grad-and-drop .renewal-plan-screen .table-week .week-day .day-body {
    border: none; }
  .easilys .livetool-with-grad-and-drop .production-droppable-column .production-droppable-overlay {
    margin-right: 0px; }
    .easilys .livetool-with-grad-and-drop .production-droppable-column .production-droppable-overlay .production-droppable-message {
      top: 0px; }
    .easilys .livetool-with-grad-and-drop .production-droppable-column .production-droppable-overlay .production-droppable-hover-message {
      display: none;
      margin-top: 0px;
      top: 0px; }
  .easilys .livetool-with-grad-and-drop .production-droppable-column.hovered .production-droppable-overlay .production-droppable-message {
    display: none; }
  .easilys .livetool-with-grad-and-drop .production-droppable-column.hovered .production-droppable-hover-message {
    display: block; }
  .easilys .livetool-with-grad-and-drop.panel-header .production-droppable-column.hovered .production-droppable-hover-message h3 {
    display: inline-block; }
  .easilys .livetool-with-grad-and-drop.panel-header .production-droppable-column.hovered .production-droppable-hover-message .bigger-icon.fe-go {
    padding: 10px;
    font-size: 16px; }
  .easilys .print-panel {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 190; }
    .easilys .print-panel .panel-container-background {
      background: #000000;
      opacity: 0.3;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .print-panel .print-container {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 100%;
      background: #FFFFFF;
      width: 34%;
      -webkit-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      -moz-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      -webkit-transition: left 250ms ease;
      /* Saf3.2+, Chrome */
      -moz-transition: left 250ms ease;
      /* FF4+ */
      -ms-transition: left 250ms ease;
      /* IE10 */
      -o-transition: left 250ms ease;
      /* Opera 10.5+ */
      transition: left 250ms ease;
      /* W3C*/ }
    .easilys .print-panel .print-container.opened {
      left: 66%; }
    .easilys .print-panel .print-container.closed {
      left: 100%; }
  .easilys .link-report-back {
    position: absolute;
    top: -4px;
    left: -7px;
    width: 33px;
    overflow: hidden; }
  .easilys .link-report-back:hover {
    background: #F0F0F0; }
  .easilys .link-report-container {
    display: block;
    float: left;
    width: 100%; }
  .easilys .link-report-container:hover {
    background: #F0F0F0;
    color: #000000;
    cursor: pointer; }
  .easilys .link-download-report {
    text-decoration: none;
    padding: 10px;
    margin: 0;
    color: inherit;
    display: block; }
  .easilys .link-download-report:hover {
    background: #F0F0F0;
    color: #000000; }
  .easilys .link-report-format-container {
    background: #FFFFFF;
    margin-right: -100%;
    /* JS updated */
    margin-top: 0px;
    -webkit-transition: margin-right 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: margin-right 0.5s ease;
    /* FF4+ */
    -ms-transition: margin-right 0.5s ease;
    /* IE10 */
    -o-transition: margin-right 0.5s ease;
    /* Opera 10.5+ */
    transition: margin-right 0.5s ease;
    /* W3C*/
    -webkit-box-shadow: -9px 0px 10px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: -9px 0px 10px 1px rgba(255, 255, 255, 0.5);
    box-shadow: -9px 0px 10px 1px rgba(255, 255, 255, 0.5); }
  .easilys .link-report-container:hover .link-report-format-container {
    margin-right: 0%;
    background: #F0F0F0;
    -webkit-box-shadow: -9px 0px 10px 1px rgba(240, 240, 240, 0.5);
    -moz-box-shadow: -9px 0px 10px 1px rgba(240, 240, 240, 0.5);
    box-shadow: -9px 0px 10px 1px rgba(240, 240, 240, 0.5); }
  .easilys .link-report-format {
    float: none;
    text-decoration: none; }
  .easilys .link-report-format-content {
    padding: 11px 0px; }
    .easilys .link-report-format-content .format {
      padding: 5px; }
    .easilys .link-report-format-content a:hover {
      color: white; }
  .easilys .print-container-add-action,
  .easilys .print-container-form-report {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #FFFFFF; }
  .easilys .print-container-form-report {
    -webkit-transition: top 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: top 0.5s ease;
    /* FF4+ */
    -ms-transition: top 0.5s ease;
    /* IE10 */
    -o-transition: top 0.5s ease;
    /* Opera 10.5+ */
    transition: top 0.5s ease;
    /* W3C*/ }
  .easilys .print-container-form-report > .content {
    top: 30px; }
  .easilys .print-container-form-report div.form {
    background: inherit;
    border: none; }
  .easilys .lazy-option-panel {
    overflow: hidden;
    height: 40px;
    width: 100%; }
    .easilys .lazy-option-panel .lazy-option-panel-inner {
      overflow: hidden;
      padding-top: 5px;
      margin-top: 40px;
      height: 40px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #FFEBCC;
      border: 1px solid #ffd799; }
  .easilys .animate-option-panel {
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding: 5px; }
  .easilys .plugin-right-panel-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 100; }
    .easilys .plugin-right-panel-container .plugin-right-panel {
      -webkit-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      -moz-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      z-index: 10;
      left: 100%; }
      .easilys .plugin-right-panel-container .plugin-right-panel .form {
        padding: 10px 10px 0px 10px;
        border: none;
        background: none; }
      .easilys .plugin-right-panel-container .plugin-right-panel .filter .accordion .filter-item.zbor {
        border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
      .easilys .plugin-right-panel-container .plugin-right-panel .filter .accordion .filter-item .tinylabel {
        padding: 9px 5px 8px 5px; }
  .easilys .right-detail-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 100; }
    .easilys .right-detail-container .right-detail-panel {
      -webkit-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      -moz-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
      z-index: 10; }
  .easilys #qz_Detail_Container_Panel {
    left: 100%;
    width: 60%; }

.easilys {
  /*!
  * Pikaday
  * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
  */
  /*
  clear child float (pika-lendar), using the famous micro clearfix hack
  http://nicolasgallagher.com/micro-clearfix-hack/
  */ }
  .easilys .pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-bottom-color: #bababa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .easilys .pika-single:before,
  .easilys .pika-single:after {
    content: " ";
    display: table; }
  .easilys .pika-single:after {
    clear: both; }
  .easilys .pika-single {
    *zoom: 1; }
  .easilys .pika-single.is-hidden {
    display: none; }
  .easilys .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }
  .easilys .pika-lendar {
    float: left;
    width: 240px;
    margin: 8px; }
  .easilys .pika-title {
    position: relative;
    text-align: center; }
  .easilys .pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #FFFFFF; }
  .easilys .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }
  .easilys .pika-prev,
  .easilys .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0; }
  .easilys .pika-prev:hover,
  .easilys .pika-next:hover {
    opacity: 1; }
  .easilys .pika-prev,
  .easilys .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0; }
  .easilys .pika-next,
  .easilys .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0; }
  .easilys .pika-prev.is-disabled,
  .easilys .pika-next.is-disabled {
    cursor: default;
    opacity: .2; }
  .easilys .pika-select {
    display: inline-block;
    *display: inline; }
  .easilys .pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0; }
  .easilys .pika-table th,
  .easilys .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  .easilys .pika-table th {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  .easilys .pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5; }
  .easilys .is-today .pika-button {
    color: #33aaff;
    font-weight: bold; }
  .easilys .is-selected .pika-button {
    color: #FFFFFF;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px; }
  .easilys .is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999999;
    opacity: .3; }
  .easilys .pika-button:hover {
    color: #FFFFFF !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

/**************************************************************************************************
 * LESS mixins -> sort of functions with parameters
****************************************************************************************************/
/* to erase the border-radius done somewhere */
/* to erase the box-shadow done somewhere */
/* to erase the linear-gradient-vertical done somewhere */
/* to erase the linear-gradient-horizontal done somewhere */
/* graph of all transition: http://www.alsacreations.com/tuto/lire/876-transitions-css3-transition-timing-function.html */
/* Deactivate selection on a element */
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version : the color of the text can take two value white or black
  Compute the text color according to the background color
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/*
  Monochrome Version (Medium version) : the color of the text can take two value white grey or black grey
  Compute the text color according to the background color 
  $param backgroundColor ex: $white
  $return color:#XXX;
*/
/* General animation which can be used anywhere */
/**************************************************************************************************
 * SCREEN TITLE BAR
 * Panel for title screen and buttons for global action
****************************************************************************************************/
.easilys .title-bar {
  overflow: hidden;
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%));
  --threshold: 50;
  --switch: calc((var(--application-main-background-color-l) - var(--threshold)) * -100);
  color: hsl(var(--application-main-background-color-hs), var(--switch)); }
  .easilys .title-bar .btnormal, .easilys .title-bar .btnormal:visited {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
    .easilys .title-bar .btnormal.disabled, .easilys .title-bar .btnormal:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar .btnormal:hover, .easilys .title-bar .btnormal:focus {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .title-bar .btnormal:hover.disabled, .easilys .title-bar .btnormal:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar .btnormal:active {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
    .easilys .title-bar .btnormal:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar .btselect, .easilys .title-bar .btselect:visited {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
    .easilys .title-bar .btselect.disabled, .easilys .title-bar .btselect:visited.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar .bts elect:hover, .easilys .title-bar .btselect:focus {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .title-bar .bts elect:hover.disabled, .easilys .title-bar .btselect:focus.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar .btselect:active {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
    .easilys .title-bar .btselect:active.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar a.btnoisy.disabled {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    background-color: var(--application-main-background-color); }
    .easilys .title-bar a.btnoisy.disabled.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar a.btloud.disabled {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    background-color: var(--application-main-background-color); }
    .easilys .title-bar a.btloud.disabled.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar a.btnormal.disabled {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    background-color: var(--application-main-background-color); }
    .easilys .title-bar a.btnormal.disabled.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar a.btquiet.disabled {
    text-decoration: none;
    font-weight: normal;
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 12%));
    background-color: inherit; }
    .easilys .title-bar a.btquiet.disabled.disabled {
      opacity: 65;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      cursor: default;
      background-image: none;
      color: #a1a1a1;
      background-color: #d4d4d4; }
  .easilys .title-bar a.bt-icon {
    color: #FFFFFF; }
  .easilys .title-bar a.bt-icon:focus,
  .easilys .title-bar a.bt-icon:hover {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 50%)); }
  .easilys .title-bar .bt-nav-drawer {
    line-height: 1px;
    margin: 5px;
    float: left; }
  .easilys .title-bar h1 {
    line-height: 30px;
    padding-left: 5px; }
  .easilys .title-bar .fe-search + .input-search {
    padding-left: 30px; }
  .easilys .title-bar .bt-select {
    float: left; }
    .easilys .title-bar .bt-select a {
      font-size: 12px;
      padding: 0px 35px 0px 10px; }
      .easilys .title-bar .bt-select a .smaller-icon {
        padding: 10px; }
  .easilys .title-bar .btselect {
    padding: 0px 40px 0px 10px; }
  .easilys .title-bar .btnormal.button-display-fix {
    padding: 0;
    line-height: 1;
    height: 30px; }
    .easilys .title-bar .btnormal.button-display-fix .normal-icon {
      padding: 6px; }

.easilys .breadcrumb {
  border: 1px solid #FFFFFF; }
  .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content {
    padding: 7px 0px;
    height: 80px;
    width: 25%;
    display: block;
    float: left;
    background-color: #FFFFFF; }
    .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content hr {
      margin: 0px;
      height: 0px;
      border-width: 3px;
      border-style: solid;
      background: inherit; }
    .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content .breadcrumb-title {
      margin-top: 3px;
      margin-bottom: 3px;
      font-weight: bold;
      font-size: 17px; }
  .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content.active {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
    .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content.active hr {
      border-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
  .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content.inactive {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .breadcrumb a.breadcrumb-container .breadcrumb-content.inactive hr {
      border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
  .easilys .breadcrumb a:hover.breadcrumb-container .breadcrumb-content {
    background-color: var(--application-main-background-color); }
  .easilys .breadcrumb a:hover.breadcrumb-container .breadcrumb-content.active {
    height: 80px;
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/ }
  .easilys .breadcrumb a:hover.breadcrumb-container .breadcrumb-content.inactive {
    height: 80px;
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/ }

.easilys .breadcrumb-popover .breadcrumb.active {
  background-color: var(--application-main-background-color);
  border: dotted 1px hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
  .easilys .breadcrumb-popover .breadcrumb.active .zborr {
    border-right-style: dotted;
    border-right-color: inherit; }
  .easilys .breadcrumb-popover .breadcrumb.active .white-background-object {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: var(--application-main-background-color); }
  .easilys .breadcrumb-popover .breadcrumb.active a:hover.white-background-object {
    background-color: #FFFFFF; }

.easilys .breadcrumb-popover .breadcrumb.active,
.easilys .breadcrumb-popover .breadcrumb.active .active {
  color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }

.easilys .breadcrumb-popover .breadcrumb.active:hover {
  color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
  border-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }

.easilys .breadcrumb-popover .breadcrumb.inactive {
  border: dotted 1px #999999; }

.easilys .breadcrumb-popover .breadcrumb.inactive:hover {
  background-color: #F0F0F0; }

.easilys .breadcrumb-popover .breadcrumb.inactive,
.easilys .breadcrumb-popover .breadcrumb.inactive .inactive {
  color: #999999; }

.easilys .breadcrumb-popover .span25.breadcrumb:last-child {
  width: 24%; }

.easilys .splitter-handler {
  background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
  color: #FFFFFF;
  cursor: ns-resize;
  height: 24px;
  font-size: 18px;
  line-height: 22px;
  text-align: center; }

.easilys .splitter-handler:hover {
  background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%)); }

.easilys #qz_Right_Panel_Container #qz_Right_Panel .title-bar .grid.zpad5 {
  padding: 0px !important; }
  .easilys #qz_Right_Panel_Container #qz_Right_Panel .title-bar .grid.zpad5 a.btnormal {
    margin: 0px !important;
    padding: 0 6px !important;
    line-height: 40px !important;
    background-color: #222e3e;
    color: white;
    border: none; }
    .easilys #qz_Right_Panel_Container #qz_Right_Panel .title-bar .grid.zpad5 a.btnormal .small-icon {
      font-size: 21px !important; }
  .easilys #qz_Right_Panel_Container #qz_Right_Panel .title-bar .grid.zpad5 h2 {
    padding: 0px !important;
    line-height: 40px !important; }
  .easilys #qz_Right_Panel_Container #qz_Right_Panel .title-bar .grid.zpad5 .hide-on-tablet {
    display: none !important; }

.easilys .help-button-display {
  line-height: 5px;
  font-size: 21px;
  font-weight: bold;
  padding: 8px 5px;
  border-radius: 40px;
  color: #FFAB00;
  border: solid 3px #FFAB00;
  margin: 6px;
  height: 5px;
  background-color: #FFF;
  display: block; }

/****************************
 * Comments & Forums
 ****************************/
.easilys .message-box {
  color: initial;
  background-color: #FFFFFF;
  position: relative;
  border-bottom: solid 1px #CCCCCC; }
  .easilys .message-box .message-box-content {
    background-color: #FFFFFF;
    margin: 10px 10px 10px 60px;
    padding: 10px 20px 10px 10px; }
    .easilys .message-box .message-box-content img {
      max-width: 32px;
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 5px;
      margin: 0px 5px 10px 10px;
      background-color: #FFFFFF; }

.easilys .message-box:last-child {
  border: none; }

.easilys .info-card {
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  padding: 5px;
  -webkit-box-sizing: border-box;
  /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
  -moz-box-sizing: border-box;
  /* Firefox 2-11 */
  box-sizing: border-box;
  /* All and IE8+ */ }
  .easilys .info-card .info-card-header {
    color: var(--application-main-color);
    border-bottom: solid 1px var(--application-main-color);
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
    .easilys .info-card .info-card-header .normal-icon {
      float: left;
      padding: 0px;
      margin-right: 5px; }
    .easilys .info-card .info-card-header .normal-icon.fe-contract {
      font-size: 28px; }
    .easilys .info-card .info-card-header .normal-icon + h2 {
      float: left;
      margin-bottom: 0px; }
    .easilys .info-card .info-card-header a {
      float: right;
      margin-left: 5px; }
  .easilys .info-card .image-container .fe-local {
    position: absolute;
    left: 10px;
    width: 20px;
    padding-top: 5px;
    color: #fff;
    text-shadow: 0 0 1px #000; }
  .easilys .info-card .image-container img.reimg {
    color: #fff;
    border-radius: 5px;
    margin: 0;
    width: 75%;
    height: auto;
    max-width: 150px;
    max-height: 150px; }
  .easilys .info-card .recipe-tabs ul.tabs {
    width: 100%; }
  .easilys .info-card .recipe-tabs ul.tabs li {
    margin: 0 1.12% 0 0;
    /*width: 24.15%;*/
    width: 32.55%;
    border: none;
    text-align: center; }
  .easilys .info-card .recipe-tabs ul.tabs li:last-child {
    margin: 0px; }
  .easilys .info-card .taitems td {
    padding: 9px; }
  .easilys .info-card .taitems td.tabutton {
    padding: 4px 9px; }
  .easilys .info-card .taitems td:first-child {
    width: 40%; }
  .easilys .info-card .tag {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    color: #000000; }
    .easilys .info-card .tag .smaller-icon {
      color: #000000; }
  .easilys .info-card .inside-sheet {
    padding: 10px 10px 50px 10px;
    border: 1px solid #CCCCCC;
    background: #F0F0F0; }

.easilys .new-info-card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 5px;
  overflow: hidden;
  background: var(--application-main-color); }
  .easilys .new-info-card .new-info-card-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
    padding: 5px 150px 5px 5px;
    color: #FFFFFF; }
    .easilys .new-info-card .new-info-card-header h1 {
      margin: 5px; }
    .easilys .new-info-card .new-info-card-header .new-info-card-actions {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px; }
      .easilys .new-info-card .new-info-card-header .new-info-card-actions a {
        margin-left: 5px; }
  .easilys .new-info-card .image-container .fe-local {
    position: absolute;
    left: 10px;
    width: 20px;
    padding-top: 5px;
    color: #fff;
    text-shadow: 0 0 1px #000; }
  .easilys .new-info-card .image-container img.reimg {
    color: #fff;
    border-radius: 5px;
    margin: 0;
    width: 75%;
    height: auto;
    max-width: 150px;
    max-height: 150px; }
  .easilys .new-info-card .new-info-card-tabs {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    height: 40px;
    padding: 0 5px; }
    .easilys .new-info-card .new-info-card-tabs ul {
      height: 100%; }
      .easilys .new-info-card .new-info-card-tabs ul li {
        height: 100%;
        display: inline-block;
        text-align: center; }
        .easilys .new-info-card .new-info-card-tabs ul li a {
          display: block;
          line-height: 40px;
          text-decoration: none;
          background: #FFFFFF; }
      .easilys .new-info-card .new-info-card-tabs ul li a:hover,
      .easilys .new-info-card .new-info-card-tabs ul li.active a {
        height: 100%; }
  .easilys .new-info-card .new-info-card-body {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    margin: 0 5px 5px;
    overflow: auto;
    background: #FFFFFF; }

.easilys .new-info-card.disabled {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1); }

.easilys .widget {
  position: relative;
  float: left;
  padding: 10px;
  width: 100%;
  box-sizing: border-box; }
  .easilys .widget i.normal-icon {
    font-size: 16px;
    padding: 12px;
    line-height: 16px; }
  .easilys .widget .widget-header {
    display: block;
    position: relative;
    text-decoration: none;
    background-color: var(--application-main-color);
    color: #FFFFFF; }
    .easilys .widget .widget-header h3 {
      margin: 0px; }
    .easilys .widget .widget-header i.fe-arrow-down,
    .easilys .widget .widget-header i.fe-arrow-top {
      cursor: pointer; }
    .easilys .widget .widget-header i.fe-arrow-down:hover,
    .easilys .widget .widget-header i.fe-arrow-down:focus,
    .easilys .widget .widget-header i.fe-arrow-top:hover,
    .easilys .widget .widget-header i.fe-arrow-top:focus {
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
  .easilys .widget .widget-content {
    width: 100%;
    padding: 5px;
    background-color: #FFFFFF;
    box-sizing: border-box; }
    .easilys .widget .widget-content .table table tr.zborb:last-child {
      border: none; }
    .easilys .widget .widget-content .info-card .taitems td:first-child {
      width: auto; }
    .easilys .widget .widget-content .admin-panel {
      display: inline-block;
      width: 100%;
      padding: 5px;
      margin-bottom: 10px;
      box-sizing: border-box; }
    .easilys .widget .widget-content .alert {
      width: 100%;
      padding: 8px;
      display: inline-block;
      box-sizing: border-box; }
      .easilys .widget .widget-content .alert .small-icon,
      .easilys .widget .widget-content .alert .normal-icon,
      .easilys .widget .widget-content .alert .big-icon {
        float: left; }
      .easilys .widget .widget-content .alert h3 {
        float: left;
        margin-left: 10px;
        box-sizing: border-box; }
      .easilys .widget .widget-content .alert .bt-quiet {
        padding: 5px;
        color: inherit; }
      .easilys .widget .widget-content .alert a.bt-quiet .normal-icon {
        float: left; }
      .easilys .widget .widget-content .alert a.bt-quiet + a.bt-quiet {
        float: right; }
    .easilys .widget .widget-content .taitems td {
      padding: 0px 4px; }

.easilys .widget.full {
  width: 100%;
  margin-right: 0px; }
  .easilys .widget.full .widget-content {
    overflow-x: auto;
    /*max-height: 300px;*/ }

.easilys .widget.half {
  width: 50%; }
  .easilys .widget.half .widget-content {
    overflow-x: auto;
    max-height: 220px; }
  .easilys .widget.half .widget-content a.link {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer; }

.easilys .widget.half.last {
  float: right;
  margin-right: 0px; }

.easilys .widget.third {
  width: 33.33333%; }

.easilys .widget.quarter {
  width: 25%; }

.easilys .widget.link .widget-header {
  cursor: pointer;
  background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }

.easilys .widget.link:focus .widget-header,
.easilys .widget.link:hover .widget-header,
.easilys .widget.link.active .widget-header {
  background-color: var(--application-main-color); }

.easilys .qz_Widget_Section_Container {
  border: solid 1px var(--application-main-color); }
  .easilys .qz_Widget_Section_Container .bt-quiet {
    color: #FFFFFF; }
  .easilys .qz_Widget_Section_Container .bt-quiet:hover,
  .easilys .qz_Widget_Section_Container .bt-quiet:focus {
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
  .easilys .qz_Widget_Section_Container.hocolor1 {
    border: solid 1px #884497; }
    .easilys .qz_Widget_Section_Container.hocolor1 .widget-header {
      background-color: #884497;
      color: #FFFFFF; }
      .easilys .qz_Widget_Section_Container.hocolor1 .widget-header .bt-quiet {
        color: #FFFFFF; }
  .easilys .qz_Widget_Section_Container.hocolor2 {
    border: solid 1px #7CC2E3; }
    .easilys .qz_Widget_Section_Container.hocolor2 .widget-header {
      background-color: #7CC2E3;
      color: #FFFFFF; }
      .easilys .qz_Widget_Section_Container.hocolor2 .widget-header .bt-quiet {
        color: #FFFFFF; }
  .easilys .qz_Widget_Section_Container.hocolor3 {
    border: solid 1px #A5C500; }
    .easilys .qz_Widget_Section_Container.hocolor3 .widget-header {
      background-color: #A5C500;
      color: #FFFFFF; }
      .easilys .qz_Widget_Section_Container.hocolor3 .widget-header .bt-quiet {
        color: #FFFFFF; }
  .easilys .qz_Widget_Section_Container.hocolor4 {
    border: solid 1px #EF821B; }
    .easilys .qz_Widget_Section_Container.hocolor4 .widget-header {
      background-color: #EF821B;
      color: #FFFFFF; }
      .easilys .qz_Widget_Section_Container.hocolor4 .widget-header .bt-quiet {
        color: #FFFFFF; }
  .easilys .qz_Widget_Section_Container.alert-widget {
    border: solid 1px #B94A48; }
    .easilys .qz_Widget_Section_Container.alert-widget .widget-header {
      background-color: #B94A48;
      color: #FFFFFF; }
      .easilys .qz_Widget_Section_Container.alert-widget .widget-header .bt-quiet {
        color: #FFFFFF; }

@media screen and (max-width: 959px) {
  .easilys .widget.half {
    width: 100%; }
  .easilys .widget.quarter {
    width: 50%; } }

.easilys {
  /* navigation bar on tablet-display */ }
  .easilys .main-menu {
    z-index: 12;
    color: #656D8F;
    height: auto !important;
    width: 70px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/
    box-shadow: none; }
    .easilys .main-menu .navigation-menu {
      z-index: 8;
      background-color: #F2F2F2;
      position: absolute;
      top: 65px;
      right: 0;
      bottom: 57px;
      left: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s ease-out;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease-out;
      /* FF4+ */
      -ms-transition: all 0.3s ease-out;
      /* IE10 */
      -o-transition: all 0.3s ease-out;
      /* Opera 10.5+ */
      transition: all 0.3s ease-out;
      /* W3C*/ }
    .easilys .main-menu .navigation-menu::-webkit-scrollbar {
      width: 0px; }
    .easilys .main-menu .navigation__user-collapse .module-block .card .card-header {
      height: auto;
      line-height: 1.5;
      font-weight: 600; }
      .easilys .main-menu .navigation__user-collapse .module-block .card .card-header img.card-header__icon {
        padding: 4px 13px;
        height: auto;
        width: 45px; }
      .easilys .main-menu .navigation__user-collapse .module-block .card .card-header .avatar-block {
        width: 70px;
        padding: .2rem 0.85rem; }
      .easilys .main-menu .navigation__user-collapse .module-block .card .card-header .avatar {
        border-radius: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--easilys-300);
        color: white;
        font-weight: 700;
        font-size: 13px;
        width: 40px;
        height: 40px; }
      .easilys .main-menu .navigation__user-collapse .module-block .card .card-header .ellipsis {
        display: flex;
        flex-direction: column; }
        .easilys .main-menu .navigation__user-collapse .module-block .card .card-header .ellipsis .card-header__title {
          padding-left: 0px; }
    .easilys .main-menu .module-block {
      -webkit-transition: all 0.3s ease-out;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease-out;
      /* FF4+ */
      -ms-transition: all 0.3s ease-out;
      /* IE10 */
      -o-transition: all 0.3s ease-out;
      /* Opera 10.5+ */
      transition: all 0.3s ease-out;
      /* W3C*/
      overflow: hidden;
      cursor: pointer; }
      .easilys .main-menu .module-block .card {
        box-shadow: none; }
        .easilys .main-menu .module-block .card .card-header {
          background-color: #F2F2F2;
          box-shadow: none;
          height: 45px;
          align-items: center; }
          .easilys .main-menu .module-block .card .card-header .card-header__icon {
            color: #757D9F;
            position: initial;
            padding: 0 1.5rem;
            font-size: 22px; }
          .easilys .main-menu .module-block .card .card-header .card-header__title {
            color: #656D8F;
            -webkit-transition: all 0.3s ease-out;
            /* Saf3.2+, Chrome */
            -moz-transition: all 0.3s ease-out;
            /* FF4+ */
            -ms-transition: all 0.3s ease-out;
            /* IE10 */
            -o-transition: all 0.3s ease-out;
            /* Opera 10.5+ */
            transition: all 0.3s ease-out;
            /* W3C*/
            padding: 0;
            font-family: "Montserrat Medium", serif;
            font-weight: 900;
            font-size: 13px; }
          .easilys .main-menu .module-block .card .card-header .nav-arrow {
            opacity: 0;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            color: #656D8F;
            transition: all 0.2s ease-in-out; }
        .easilys .main-menu .module-block .card .card-header.selected .card-header__icon,
        .easilys .main-menu .module-block .card .card-header.selected .card-header__title {
          color: var(--application-main-color); }
        .easilys .main-menu .module-block .card .card-header.open .nav-arrow {
          -webkit-transform: rotate(90deg);
          /* Safari and Chrome */
          -moz-transform: rotate(90deg);
          /* Firefox */
          -ms-transform: rotate(90deg);
          /* IE 9 */
          -o-transform: rotate(90deg);
          /* Opera */
          transform: rotate(90deg); }
        .easilys .main-menu .module-block .card .card-header:hover {
          background-color: white; }
        .easilys .main-menu .module-block .card .card-content {
          padding: 0px; }
    .easilys .main-menu .user-block {
      cursor: initial; }
      .easilys .main-menu .user-block .card .card-header {
        height: 60px; }
        .easilys .main-menu .user-block .card .card-header .card-header__title {
          display: block;
          font-family: "Montserrat Bold", serif;
          padding: 15px 5px 2px 70px; }
        .easilys .main-menu .user-block .card .card-header .card-header__title + .card-header__title {
          display: block;
          font-family: "Montserrat Medium", serif;
          padding: 2px 5px 15px 70px; }
    .easilys .main-menu .nav-menu-header .card .card-header {
      height: 65px;
      background-color: var(--application-main-color);
      align-items: center; }
      .easilys .main-menu .nav-menu-header .card .card-header .card-header__icon {
        align-content: center;
        padding: 0rem 1.1rem;
        color: #FFFFFF;
        font-size: 36px; }
      .easilys .main-menu .nav-menu-header .card .card-header .card-header__title {
        color: #FFFFFF;
        font-family: "Montserrat Medium", serif;
        font-size: 1.5rem; }
      .easilys .main-menu .nav-menu-header .card .card-header .card-header__right-button {
        box-shadow: none;
        color: #FFFFFF; }
    .easilys .main-menu .nav-menu-header .card .card-header:hover {
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
    .easilys .main-menu .nav-menu-footer {
      align-items: center;
      position: absolute;
      overflow: hidden;
      width: 100%;
      cursor: pointer;
      bottom: 0; }
      .easilys .main-menu .nav-menu-footer .card .card-header {
        height: 57px; }
        .easilys .main-menu .nav-menu-footer .card .card-header .card-header__title {
          padding-left: 70px;
          color: var(--application-main-color); }
    .easilys .main-menu .collapse .collapse-trigger {
      display: inline; }
    .easilys .main-menu .collapse .collapse-content {
      display: block; }
    .easilys .main-menu .main-menu__button-content {
      width: auto;
      /* for ellipsis */
      transition: all .1s ease-in-out;
      cursor: pointer;
      display: flex;
      padding: 0.85rem 0.7rem;
      background-color: #E5E5E5;
      color: #505971;
      font-family: "Montserrat Medium", serif;
      font-size: 13px;
      text-decoration: none; }
      .easilys .main-menu .main-menu__button-content:hover, .easilys .main-menu .main-menu__button-content:focus, .easilys .main-menu .main-menu__button-content:active {
        background-color: #FFFFFF;
        opacity: 1;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .main-menu .main-menu__button-content:hover .bigger-icon, .easilys .main-menu .main-menu__button-content:focus .bigger-icon, .easilys .main-menu .main-menu__button-content:active .bigger-icon {
          transition: all .2s ease-in-out; }
    .easilys .main-menu .main-menu__button-content.selected {
      color: var(--application-main-color); }
  .easilys :not(.tablet-display) .main-menu .card-header + .collapse-content {
    opacity: 0;
    max-height: 0; }
  .easilys :not(.tablet-display) .main-menu:hover {
    width: 280px;
    transition-delay: var(--navigation-menu-transition-delay);
    transition-property: width;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.1); }
    .easilys :not(.tablet-display) .main-menu:hover .navigation-menu {
      width: 280px;
      transition-delay: var(--navigation-menu-transition-delay);
      transition-property: width;
      overflow: auto;
      overflow-x: hidden; }
      .easilys :not(.tablet-display) .main-menu:hover .navigation-menu .module-block {
        width: 280px; }
        .easilys :not(.tablet-display) .main-menu:hover .navigation-menu .module-block .card .card-header .card-header__title {
          opacity: 1;
          transition-delay: var(--navigation-menu-transition-delay);
          transition-property: opacity; }
        .easilys :not(.tablet-display) .main-menu:hover .navigation-menu .module-block .card .card-header.open + .collapse-content {
          opacity: 1;
          max-height: 10000px;
          transition-delay: var(--navigation-menu-transition-delay);
          transition-duration: 0s;
          transition-property: max-height, opacity; }
      .easilys :not(.tablet-display) .main-menu:hover .navigation-menu .beta-tag {
        font-size: 10.8px;
        font-weight: normal; }
    .easilys :not(.tablet-display) .main-menu:hover .card .nav-arrow {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .main-menu.show-main-menu {
    width: 280px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.1); }
    .easilys .main-menu.show-main-menu .navigation-menu {
      width: 280px;
      overflow: auto !important;
      overflow-x: hidden !important; }
      .easilys .main-menu.show-main-menu .navigation-menu .module-block {
        width: 280px; }
        .easilys .main-menu.show-main-menu .navigation-menu .module-block .card .card-header .card-header__title,
        .easilys .main-menu.show-main-menu .navigation-menu .module-block .card .card-header .card-header__right-button {
          opacity: 1; }
      .easilys .main-menu.show-main-menu .navigation-menu .module-block:hover {
        color: #FFFFFF; }
  .easilys .main-menu.hide-main-menu {
    width: 70px;
    box-shadow: none; }
    .easilys .main-menu.hide-main-menu .navigation-menu {
      width: 70px; }
      .easilys .main-menu.hide-main-menu .navigation-menu .module-block {
        -webkit-transition: all 0.3s ease-out;
        /* Saf3.2+, Chrome */
        -moz-transition: all 0.3s ease-out;
        /* FF4+ */
        -ms-transition: all 0.3s ease-out;
        /* IE10 */
        -o-transition: all 0.3s ease-out;
        /* Opera 10.5+ */
        transition: all 0.3s ease-out;
        /* W3C*/ }
        .easilys .main-menu.hide-main-menu .navigation-menu .module-block .card .card-header .card-header__title,
        .easilys .main-menu.hide-main-menu .navigation-menu .module-block .card .card-header .card-header__right-button {
          opacity: 0; }
        .easilys .main-menu.hide-main-menu .navigation-menu .module-block .card .card-content {
          display: none;
          padding: 0; }
  .easilys .tablet-display .main-menu + .wireframe .top-panel {
    padding-left: 0px;
    left: 0px; }
  .easilys .tablet-display .main-menu ~ .top-panel .nav-panel .nav-panel-content .navbar-right .site-name {
    padding-right: 0px;
    padding-left: 10px; }
  .easilys .tablet-display .main-menu ~ .top-panel .nav-panel .nav-panel-content .navbar-right .nvbar li.nvbari a {
    padding: 0px 12px; }
  .easilys .tablet-display .main-menu ~ .top-panel .nav-panel .nvbar .btnav i.bigger-icon {
    font-size: 16px; }
  .easilys .tablet-display .main-menu.show-main-menu .module-block .card .nav-arrow {
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .main-menu + div,
  .easilys .main-menu + .panel {
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/
    z-index: 2;
    top: 0px;
    overflow: hidden;
    background-color: #FFFFFF;
    left: 70px; }
    .easilys .main-menu + div > .title-bar,
    .easilys .main-menu + .panel > .title-bar {
      border: none; }
      .easilys .main-menu + div > .title-bar a, .easilys .main-menu + div > .title-bar .btnoisy, .easilys .main-menu + div > .title-bar .btquiet, .easilys .main-menu + div > .title-bar .btloud, .easilys .main-menu + div > .title-bar .btnormal,
      .easilys .main-menu + .panel > .title-bar a,
      .easilys .main-menu + .panel > .title-bar .btnoisy,
      .easilys .main-menu + .panel > .title-bar .btquiet,
      .easilys .main-menu + .panel > .title-bar .btloud,
      .easilys .main-menu + .panel > .title-bar .btnormal {
        border: none; }
      .easilys .main-menu + div > .title-bar .btnormal,
      .easilys .main-menu + .panel > .title-bar .btnormal {
        background-color: var(--application-main-color);
        color: #FFFFFF; }
      .easilys .main-menu + div > .title-bar h1,
      .easilys .main-menu + .panel > .title-bar h1 {
        line-height: 30px;
        font-size: 16px;
        text-transform: uppercase; }
      .easilys .main-menu + div > .title-bar a.bt-icon,
      .easilys .main-menu + .panel > .title-bar a.bt-icon {
        color: var(--application-main-color); }
    .easilys .main-menu + div + .menu-button,
    .easilys .main-menu + .panel + .menu-button {
      -webkit-transition: left 0.3s ease;
      /* Saf3.2+, Chrome */
      -moz-transition: left 0.3s ease;
      /* FF4+ */
      -ms-transition: left 0.3s ease;
      /* IE10 */
      -o-transition: left 0.3s ease;
      /* Opera 10.5+ */
      transition: left 0.3s ease;
      /* W3C*/
      -webkit-transition: background 0.3s ease;
      /* Saf3.2+, Chrome */
      -moz-transition: background 0.3s ease;
      /* FF4+ */
      -ms-transition: background 0.3s ease;
      /* IE10 */
      -o-transition: background 0.3s ease;
      /* Opera 10.5+ */
      transition: background 0.3s ease;
      /* W3C*/
      position: absolute;
      z-index: 10;
      top: 0px;
      left: 0px;
      height: 40px;
      width: 43px;
      color: #FFFFFF;
      background-color: var(--application-main-color);
      border-right: solid 1px hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
      border-left: dashed 1px hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
      .easilys .main-menu + div + .menu-button .fe-bars,
      .easilys .main-menu + .panel + .menu-button .fe-bars {
        font-size: 20px;
        padding: 12px; }
    .easilys .main-menu + div + .menu-button:hover,
    .easilys .main-menu + .panel + .menu-button:hover {
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
  .easilys .main-menu ~ .top-panel {
    margin-left: 0;
    background-color: var(--application-main-color);
    z-index: 2;
    bottom: auto;
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10 */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    /* W3C*/ }
    .easilys .main-menu ~ .top-panel .nav-panel {
      height: 40px; }
      .easilys .main-menu ~ .top-panel .nav-panel .nav-panel-content .navigation-menu {
        padding-left: 70px;
        background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
        color: #FFFFFF;
        width: 100%; }
        .easilys .main-menu ~ .top-panel .nav-panel .nav-panel-content .navigation-menu .module-label {
          color: #FFFFFF;
          margin: 0;
          padding-left: 15px;
          font-size: 16px;
          line-height: 40px;
          text-transform: uppercase;
          font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-weight: 600; }
  .easilys .is-style-v2 .main-menu ~ .panel .title-bar h1 {
    font-size: 18px;
    font-weight: bold; }
  .easilys .is-style-v2 .main-menu ~ .supplier-order-screen .title-bar h3 {
    font-size: 18px;
    font-weight: bold; }
  .easilys .is-style-v2 .main-menu ~ .wireframe .top-panel .title-panel .title {
    font-size: 18px;
    font-weight: bold; }
  .easilys .is-style-v2 .main-menu ~ #qz_HomeScreen_Template .title-bar h1,
  .easilys .is-style-v2 .main-menu ~ #qz_Purchase_Index_Template .title-bar h1,
  .easilys .is-style-v2 .main-menu ~ #qz_NutritionGuidelines_Index_Template #qz_NutritionGuidelines_Guideline_Template .title-bar h1 {
    font-size: 18px;
    font-weight: bold; }

#qz_Navigations_Template.navigation-disabled .main-menu-content,
#qz_Navigations_Template.navigation-disabled .nav-menu-footer {
  pointer-events: none; }

#qz_Navigations_Template.navigation-disabled h1,
#qz_Navigations_Template.navigation-disabled a,
#qz_Navigations_Template.navigation-disabled span {
  pointer-events: none;
  opacity: 0.5; }

.easilys .card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  color: var(--application-main-color);
  max-width: 100%;
  position: relative; }

.easilys .card-header {
  background-color: none;
  align-items: stretch;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex; }

.easilys .card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 100;
  font-family: Helvetica, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  padding: 0.75rem; }
  .easilys .card-header-title.is-centered {
    justify-content: center; }

.easilys .card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem; }

.easilys .card-image {
  display: block;
  position: relative; }

.easilys .card-content {
  background-color: none;
  padding: 1.5rem; }

.easilys .card-footer {
  background-color: none;
  border-top: 1px solid #dbdbdb;
  align-items: stretch;
  display: flex; }

.easilys .card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem; }
  .easilys .card-footer-item:not(:last-child) {
    border-right: 1px solid #dbdbdb; }

.easilys .card .media:not(:last-child) {
  margin-bottom: 0.75rem; }

.easilys {
  /* Sticker for supplier info in product list */ }
  .easilys a.sticker-inner {
    box-shadow: 0px 0px 1px var(--application-main-background-color);
    height: 101px;
    overflow: hidden;
    position: relative; }
    .easilys a.sticker-inner img {
      -webkit-transition: all 0.3s ease;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease;
      /* FF4+ */
      -ms-transition: all 0.3s ease;
      /* IE10 */
      -o-transition: all 0.3s ease;
      /* Opera 10.5+ */
      transition: all 0.3s ease;
      /* W3C*/
      width: 100%;
      height: 100%;
      opacity: 0.3; }
    .easilys a.sticker-inner .sticker-bg {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
    .easilys a.sticker-inner .qty-patch {
      position: absolute;
      right: 0px;
      bottom: 0px;
      color: #666;
      border-top-left-radius: 10px;
      background-color: var(--application-main-color);
      color: #FFFFFF;
      padding: 0px 5px; }
      .easilys a.sticker-inner .qty-patch .normal-icon {
        font-size: 14px; }
      .easilys a.sticker-inner .qty-patch .small-text {
        -webkit-transition: all 0.3s ease;
        /* Saf3.2+, Chrome */
        -moz-transition: all 0.3s ease;
        /* FF4+ */
        -ms-transition: all 0.3s ease;
        /* IE10 */
        -o-transition: all 0.3s ease;
        /* Opera 10.5+ */
        transition: all 0.3s ease;
        /* W3C*/ }
    .easilys a.sticker-inner .price {
      font-size: 14px;
      -webkit-transition: all 0.3s ease;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease;
      /* FF4+ */
      -ms-transition: all 0.3s ease;
      /* IE10 */
      -o-transition: all 0.3s ease;
      /* Opera 10.5+ */
      transition: all 0.3s ease;
      /* W3C*/ }
    .easilys a.sticker-inner .art-gross-profit,
    .easilys a.sticker-inner .art-gross-price {
      color: #fdc570; }
    .easilys a.sticker-inner .bg-white {
      border: solid 1px var(--application-main-background-color); }
  .easilys a.sticker-inner,
  .easilys a.sticker-inner-more {
    display: block;
    color: #666666;
    background-color: #FFFFFF;
    text-decoration: none; }
    .easilys a.sticker-inner .badge,
    .easilys a.sticker-inner-more .badge {
      padding: 1px 5px 1px 5px; }
  .easilys a.sticker-inner:hover,
  .easilys a.sticker-inner-more:hover {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    color: #333333;
    background-color: #F0F0F0; }
    .easilys a.sticker-inner:hover img,
    .easilys a.sticker-inner-more:hover img {
      top: 20px;
      left: 60%;
      right: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      opacity: 1; }
    .easilys a.sticker-inner:hover .qty-patch .small-text,
    .easilys a.sticker-inner-more:hover .qty-patch .small-text {
      font-size: 12px; }
    .easilys a.sticker-inner:hover .price,
    .easilys a.sticker-inner-more:hover .price {
      font-size: 14px; }
  .easilys a.sticker-inner-more {
    background-color: #FFFFFF;
    margin-right: 5px; }
    .easilys a.sticker-inner-more .fe-arrow-down {
      margin: 20px 0px 0px 0px; }
  .easilys a.sticker-inner-more:hover {
    background-color: #e0e0e0; }
    .easilys a.sticker-inner-more:hover .fe-arrow-down {
      margin: 20px 0px 0px 0px; }
  .easilys a.sticker-inner.narrow {
    height: 79px; }

.easilys {
  /* Mixin for built of icons */
  /* For icon alone, they can be used whith <span> or <div> */
  /* Use <i> for icon including label */
  /* Button with only icon */
  /* Disabled status */
  /* Overwrites adaption */
  /* Arrow direction default is left bottom */ }
  .easilys .fem {
    display: inline-block; }
  .easilys .smaller-icon {
    font-size: 10px;
    padding: 0px;
    line-height: 10px; }
  .easilys .small-icon {
    font-size: 12px;
    padding: 0px;
    line-height: 12px; }
  .easilys .normal-icon {
    font-size: 18px;
    padding: 5px;
    line-height: 18px; }
  .easilys .big-icon {
    font-size: 28px;
    padding: 0px;
    line-height: 28px; }
  .easilys .bigger-icon {
    font-size: 30px;
    padding: 0px;
    line-height: 30px; }
  .easilys .bt-icon {
    font-size: 20px;
    padding: 0px;
    line-height: 20px; }
  .easilys .huge-icon {
    font-size: 25px;
    padding: 0px;
    line-height: 25px;
    margin: 3px;
    background: lightgray;
    padding: 10px;
    color: #333333;
    cursor: pointer; }
  .easilys .huge-icon.fe-selected {
    border: 2px solid #333333;
    padding: 8px;
    border-radius: 1px;
    background: white; }
  .easilys i.smaller-icon {
    font-size: 8px;
    padding: 7px 5px;
    line-height: 1px; }
    .easilys i.smaller-icon span {
      font-size: 9px; }
    .easilys i.smaller-icon #onlyModernBrowser:checked, .easilys i.smaller-icon input[type="checkbox"] + label {
      margin-top: 0px; }
  .easilys i.small-icon {
    font-size: 10px;
    padding: 5px;
    line-height: 10px; }
    .easilys i.small-icon span {
      font-size: 11px; }
    .easilys i.small-icon #onlyModernBrowser:checked, .easilys i.small-icon input[type="checkbox"] + label {
      margin-top: 5px; }
  .easilys i.normal-icon {
    font-size: 12px;
    padding: 7px;
    line-height: 12px; }
    .easilys i.normal-icon span {
      font-size: 12px; }
    .easilys i.normal-icon #onlyModernBrowser:checked, .easilys i.normal-icon input[type="checkbox"] + label {
      margin-top: 6px; }
  .easilys i.big-icon {
    font-size: 13px;
    padding: 10px;
    line-height: 13px; }
    .easilys i.big-icon span {
      font-size: 14px; }
    .easilys i.big-icon #onlyModernBrowser:checked, .easilys i.big-icon input[type="checkbox"] + label {
      margin-top: 7px; }
  .easilys i.bigger-icon {
    font-size: 16px;
    padding: 12px;
    line-height: 16px; }
    .easilys i.bigger-icon span {
      font-size: 16px; }
    .easilys i.bigger-icon #onlyModernBrowser:checked, .easilys i.bigger-icon input[type="checkbox"] + label {
      margin-top: 8px; }
  .easilys .smaller-icon div, .easilys .smaller-icon p, .easilys .smaller-icon span, .easilys .smaller-icon i, .easilys .smaller-icon u, .easilys .smaller-icon h1, .easilys .smaller-icon h2, .easilys .smaller-icon h3, .easilys .smaller-icon h4, .easilys .smaller-icon h5, .easilys .smaller-icon h6,
  .easilys .small-icon div,
  .easilys .small-icon p,
  .easilys .small-icon span,
  .easilys .small-icon i,
  .easilys .small-icon u,
  .easilys .small-icon h1,
  .easilys .small-icon h2,
  .easilys .small-icon h3,
  .easilys .small-icon h4,
  .easilys .small-icon h5,
  .easilys .small-icon h6,
  .easilys .normal-icon div,
  .easilys .normal-icon p,
  .easilys .normal-icon span,
  .easilys .normal-icon i,
  .easilys .normal-icon u,
  .easilys .normal-icon h1,
  .easilys .normal-icon h2,
  .easilys .normal-icon h3,
  .easilys .normal-icon h4,
  .easilys .normal-icon h5,
  .easilys .normal-icon h6,
  .easilys .big-icon div,
  .easilys .big-icon p,
  .easilys .big-icon span,
  .easilys .big-icon i,
  .easilys .big-icon u,
  .easilys .big-icon h1,
  .easilys .big-icon h2,
  .easilys .big-icon h3,
  .easilys .big-icon h4,
  .easilys .big-icon h5,
  .easilys .big-icon h6,
  .easilys .bigger-icon div,
  .easilys .bigger-icon p,
  .easilys .bigger-icon span,
  .easilys .bigger-icon i,
  .easilys .bigger-icon u,
  .easilys .bigger-icon h1,
  .easilys .bigger-icon h2,
  .easilys .bigger-icon h3,
  .easilys .bigger-icon h4,
  .easilys .bigger-icon h5,
  .easilys .bigger-icon h6 {
    font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; }
  .easilys i.smaller-icon span,
  .easilys i.small-icon span,
  .easilys i.normal-icon span,
  .easilys i.big-icon span,
  .easilys i.bigger-icon span {
    margin-left: 5px; }
  .easilys i.smaller-icon #onlyModernBrowser:checked, .easilys i.smaller-icon input[type="checkbox"] + label,
  .easilys i.small-icon #onlyModernBrowser:checked,
  .easilys i.small-icon input[type="checkbox"] + label,
  .easilys i.normal-icon #onlyModernBrowser:checked,
  .easilys i.normal-icon input[type="checkbox"] + label,
  .easilys i.big-icon #onlyModernBrowser:checked,
  .easilys i.big-icon input[type="checkbox"] + label,
  .easilys i.bigger-icon #onlyModernBrowser:checked,
  .easilys i.bigger-icon input[type="checkbox"] + label {
    margin-right: 13px; }
  .easilys a.button-icon, .easilys a.full-width-button-icon {
    text-decoration: none; }
  .easilys a.button-icon {
    display: inline-block; }
  .easilys a.full-width-button-icon {
    display: block; }
  .easilys a.bt-icon.disabled, .easilys a:hover.bt-icon.disabled, .easilys a:focus.bt-icon.disabled,
  .easilys a.button-icon.disabled, .easilys a:hover.button-icon.disabled, .easilys a:focus.button-icon.disabled,
  .easilys a.white-object.disabled, .easilys a.white-object:hover.disabled, .easilys a.white-object:focus.disabled,
  .easilys a.lightgrey-object.disabled, .easilys a.lightgrey-object:hover.disabled, .easilys a.lightgrey-object:focus.disabled,
  .easilys a.grey-object.disabled, .easilys a.grey-object:hover.disabled, .easilys a.grey-object:focus.disabled,
  .easilys a.darkgrey-object.disabled, .easilys a.darkgrey-object:hover.disabled, .easilys a.darkgrey-object:focus.disabled,
  .easilys a.black-object.disabled, .easilys a.black-object:hover.disabled, .easilys a.black-object:focus.disabled,
  .easilys a.blue-object.disabled, .easilys a.blue-object:hover.disabled, .easilys a.blue-object:focus.disabled,
  .easilys a.green-object.disabled, .easilys a.green-object:hover.disabled, .easilys a.green-object:focus.disabled,
  .easilys a.yellow-object.disabled, .easilys a.yellow-object:hover.disabled, .easilys a.yellow-object:focus.disabled,
  .easilys a.orange-object.disabled, .easilys a.orange-object:hover.disabled, .easilys a.orange-object:focus.disabled,
  .easilys a.red-object.disabled, .easilys a.red-object:hover.disabled, .easilys a.red-object:focus.disabled,
  .easilys a.app-color-object.disabled, .easilys a.app-color-object:hover.disabled, .easilys a.app-color-object:focus.disabled {
    opacity: 65;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    cursor: default;
    background-image: none;
    background-color: none;
    color: #CCCCCC; }
  .easilys a.white-background-object.button-icon.disabled, .easilys a.white-background-object.disabled, .easilys a.white-background-object:hover.button-icon.disabled, .easilys a.white-background-object:hover.disabled, .easilys a.white-background-object:focus.button-icon.disabled, .easilys a.white-background-object:focus.disabled,
  .easilys a.lightgrey-background-object.button-icon.disabled,
  .easilys a.lightgrey-background-object.disabled, .easilys a.lightgrey-background-object:hover.button-icon.disabled, .easilys a.lightgrey-background-object:hover.disabled, .easilys a.lightgrey-background-object:focus.button-icon.disabled, .easilys a.lightgrey-background-object:focus.disabled,
  .easilys a.grey-background-object.button-icon.disabled,
  .easilys a.grey-background-object.disabled, .easilys a.grey-background-object:hover.button-icon.disabled, .easilys a.grey-background-object:hover.disabled, .easilys a.grey-background-object:focus.button-icon.disabled, .easilys a.grey-background-object:focus.disabled,
  .easilys a.darkgrey-background-object.button-icon.disabled,
  .easilys a.darkgrey-background-object.disabled, .easilys a.darkgrey-background-object:hover.button-icon.disabled, .easilys a.darkgrey-background-object:hover.disabled, .easilys a.darkgrey-background-object:focus.button-icon.disabled, .easilys a.darkgrey-background-object:focus.disabled,
  .easilys a.black-background-object.button-icon.disabled,
  .easilys a.black-background-object.disabled, .easilys a.black-background-object:hover.button-icon.disabled, .easilys a.black-background-object:hover.disabled, .easilys a.black-background-object:focus.button-icon.disabled, .easilys a.black-background-object:focus.disabled,
  .easilys a.blue-background-object.button-icon.disabled,
  .easilys a.blue-background-object.disabled, .easilys a.blue-background-object:hover.button-icon.disabled, .easilys a.blue-background-object:hover.disabled, .easilys a.blue-background-object:focus.button-icon.disabled, .easilys a.blue-background-object:focus.disabled,
  .easilys a.green-background-object.button-icon.disabled,
  .easilys a.green-background-object.disabled, .easilys a.green-background-object:hover.button-icon.disabled, .easilys a.green-background-object:hover.disabled, .easilys a.green-background-object:focus.button-icon.disabled, .easilys a.green-background-object:focus.disabled,
  .easilys a.yellow-background-object.button-icon.disabled,
  .easilys a.yellow-background-object.disabled, .easilys a.yellow-background-object:hover.button-icon.disabled, .easilys a.yellow-background-object:hover.disabled, .easilys a.yellow-background-object:focus.button-icon.disabled, .easilys a.yellow-background-object:focus.disabled,
  .easilys a.orange-background-object.button-icon.disabled,
  .easilys a.orange-background-object.disabled, .easilys a.orange-background-object:hover.button-icon.disabled, .easilys a.orange-background-object:hover.disabled, .easilys a.orange-background-object:focus.button-icon.disabled, .easilys a.orange-background-object:focus.disabled,
  .easilys a.red-background-object.button-icon.disabled,
  .easilys a.red-background-object.disabled, .easilys a.red-background-object:hover.button-icon.disabled, .easilys a.red-background-object:hover.disabled, .easilys a.red-background-object:focus.button-icon.disabled, .easilys a.red-background-object:focus.disabled,
  .easilys a.app-color-background-object.button-icon.disabled,
  .easilys a.app-color-background-object.disabled, .easilys a.app-color-background-object:hover.button-icon.disabled, .easilys a.app-color-background-object:hover.disabled, .easilys a.app-color-background-object:focus.button-icon.disabled, .easilys a.app-color-background-object:focus.disabled {
    opacity: 65;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    cursor: default;
    background-image: none;
    background-color: #e6e6e6;
    color: #CCCCCC; }
  .easilys a.icon,
  .easilys a.smaller-icon,
  .easilys a.small-icon,
  .easilys a.normal-icon,
  .easilys a.big-icon,
  .easilys a.bigger-icon,
  .easilys a.bt-icon {
    text-decoration: none; }
  .easilys a.bt-icon {
    color: #999999; }
  .easilys a.bt-icon:focus,
  .easilys a.bt-icon:hover {
    color: #666666; }
  .easilys .popover li > a[class~="btnormal"] {
    padding: 0px 5px; }
  .easilys .popover li > a[class~="btnoisy"] {
    padding: 0px 5px; }
  .easilys .popover li > a[class~="btloud"] {
    padding: 0px 5px; }
  .easilys .btquiet i.bt-icon, .easilys .btnormal i.bt-icon, .easilys .btnoisy i.bt-icon, .easilys .btloud i.bt-icon,
  .easilys a.btquiet i.bt-icon, .easilys a.btnormal i.bt-icon, .easilys a.btnoisy i.bt-icon, .easilys a.btloud i.bt-icon {
    font-size: 18px;
    line-height: 26px;
    padding: 5px; }
  .easilys .btquiet i.bt-icon + i.bt-icon, .easilys .btnormal i.bt-icon + i.bt-icon, .easilys .btnoisy i.bt-icon + i.bt-icon, .easilys .btloud i.bt-icon + i.bt-icon,
  .easilys a.btquiet i.bt-icon + i.bt-icon, .easilys a.btnormal i.bt-icon + i.bt-icon, .easilys a.btnoisy i.bt-icon + i.bt-icon, .easilys a.btloud i.bt-icon + i.bt-icon {
    float: right;
    padding: 8px 5px 8px 0px;
    font-size: 10px;
    line-height: 10px; }
  .easilys .btquiet i.icon, .easilys .btnormal i.icon, .easilys .btnoisy i.icon, .easilys .btloud i.icon,
  .easilys a.btquiet i.icon, .easilys a.btnormal i.icon, .easilys a.btnoisy i.icon, .easilys a.btloud i.icon {
    font-size: 20px;
    line-height: 1px;
    vertical-align: middle; }
  .easilys .btquiet .bt-label, .easilys .btnormal .bt-label, .easilys .btnoisy .bt-label, .easilys .btloud .bt-label,
  .easilys a.btquiet .bt-label, .easilys a.btnormal .bt-label, .easilys a.btnoisy .bt-label, .easilys a.btloud .bt-label {
    vertical-align: middle; }
  .easilys .bt-label {
    padding: 7px 15px; }
  .easilys a.btquiet {
    text-decoration: none; }
  .easilys .title-icon {
    height: 30px;
    border-bottom: solid 1px #cccccc; }
    .easilys .title-icon a, .easilys .title-icon h1, .easilys .title-icon h2, .easilys .title-icon .normal-icon, .easilys .title-icon .bigger-icon {
      float: left; }
    .easilys .title-icon h2 + a {
      margin: 5px; }
    .easilys .title-icon h2, .easilys .title-icon h5 {
      line-height: 28px; }
  .easilys .spinner-loading {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear; }
  .easilys .fe-handwritten-arrow.bottom-right {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .easilys .fe-handwritten-arrow.top-right {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .easilys .fe-handwritten-arrow.deg90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .easilys .fe-handwritten-arrow.deg-90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .easilys .fe-handwritten-arrow.top-left {
    -o-transform: scale(-1, 1) rotate(180deg);
    -ms-transform: scale(-1, 1) rotate(180deg);
    -moz-transform: scale(-1, 1) rotate(180deg);
    -webkit-transform: scale(-1, 1) rotate(180deg);
    transform: scale(-1, 1) rotate(180deg); }
  .easilys .no-rotation {
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -o-transform: rotate(0deg);
    /* Opera */
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }
  .easilys .rotation-left-90 {
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -o-transform: rotate(-90deg);
    /* Opera */
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }
  .easilys .rotation-left {
    -webkit-transform: rotate(-180deg);
    /* Safari and Chrome */
    -moz-transform: rotate(-180deg);
    /* Firefox */
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -o-transform: rotate(-180deg);
    /* Opera */
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }

.fe-site-1:before {
  content: "\e620"; }

.fe-site-2:before {
  content: "\e636"; }

.fe-site-3:before {
  content: "\e61e"; }

.fe-site-4:before {
  content: "\e621"; }

.fe-site-6:before {
  content: "\e61f"; }

.fe-virtual-site:before {
  content: "\e636"; }

.fe-module-:before {
  content: "\e64a"; }

.easilys {
  /*
  *  GREYS
  *
  *  No background (by default)
  *
  */
  /* With background
  */
  /*
  *  COLORS
  *
  *  No background (by default)
  *
  */
  /*
  *  With background
  *
  */ }
  .easilys .white-object,
  .easilys a.white-object {
    color: #FFFFFF; }
  .easilys .white-object input[type="checkbox"] + label:before,
  .easilys a.white-object input[type="checkbox"] + label:before {
    border-color: #FFFFFF; }
  .easilys .white-object input[type="checkbox"] + label:after,
  .easilys a.white-object input[type="checkbox"] + label:after {
    background-color: #FFFFFF; }
  .easilys a.white-object:focus,
  .easilys a.white-object:hover {
    background-color: none;
    color: #CCCCCC; }
  .easilys .lightgrey-object,
  .easilys a.lightgrey-object {
    color: #CCCCCC; }
  .easilys .lightgrey-object input[type="checkbox"] + label:before,
  .easilys a.lightgrey-object input[type="checkbox"] + label:before {
    border-color: #999999; }
  .easilys .lightgrey-object input[type="checkbox"] + label:after,
  .easilys a.lightgrey-object input[type="checkbox"] + label:after {
    background-color: #999999; }
  .easilys a.lightgrey-object:focus,
  .easilys a.lightgrey-object:hover {
    background-color: none;
    color: #999999; }
  .easilys .grey-object,
  .easilys a.grey-object {
    color: grey; }
  .easilys .grey-object input[type="checkbox"] + label:before,
  .easilys a.grey-object input[type="checkbox"] + label:before {
    border-color: #4d4d4d; }
  .easilys .grey-object input[type="checkbox"] + label:after,
  .easilys a.grey-object input[type="checkbox"] + label:after {
    background-color: #4d4d4d; }
  .easilys a.grey-object:focus,
  .easilys a.grey-object:hover {
    background-color: none;
    color: #4d4d4d; }
  .easilys .darkgrey-object,
  .easilys a.darkgrey-object {
    color: #333333; }
  .easilys .darkgrey-object input[type="checkbox"] + label:before,
  .easilys a.darkgrey-object input[type="checkbox"] + label:before {
    border-color: black; }
  .easilys .darkgrey-object input[type="checkbox"] + label:after,
  .easilys a.darkgrey-object input[type="checkbox"] + label:after {
    background-color: black; }
  .easilys a.darkgrey-object:focus,
  .easilys a.darkgrey-object:hover {
    background-color: none;
    color: black; }
  .easilys .black-object,
  .easilys a.black-object {
    color: #000000; }
  .easilys .black-object input[type="checkbox"] + label:before,
  .easilys a.black-object input[type="checkbox"] + label:before {
    border-color: #333333; }
  .easilys .black-object input[type="checkbox"] + label:after,
  .easilys a.black-object input[type="checkbox"] + label:after {
    background-color: #333333; }
  .easilys a.black-object:focus,
  .easilys a.black-object:hover {
    background-color: none;
    color: #333333; }
  .easilys .white-background-object,
  .easilys a.white-background-object {
    background-color: white;
    color: grey; }
  .easilys .white-background-object input[type="checkbox"] + label:before,
  .easilys a.white-background-object input[type="checkbox"] + label:before {
    border-color: grey; }
  .easilys .white-background-object input[type="checkbox"] + label:after,
  .easilys a.white-background-object input[type="checkbox"] + label:after {
    background-color: grey; }
  .easilys a.white-background-object:focus,
  .easilys a.white-background-object:hover {
    background-color: #e0e0e0;
    color: #787878; }
  .easilys .lightgrey-background-object,
  .easilys a.lightgrey-background-object {
    background-color: #CCCCCC;
    color: grey; }
  .easilys .lightgrey-background-object input[type="checkbox"] + label:before,
  .easilys a.lightgrey-background-object input[type="checkbox"] + label:before {
    border-color: #999999; }
  .easilys .lightgrey-background-object input[type="checkbox"] + label:after,
  .easilys a.lightgrey-background-object input[type="checkbox"] + label:after {
    background-color: #999999; }
  .easilys a.lightgrey-background-object:focus,
  .easilys a.lightgrey-background-object:hover {
    background-color: #b8b8b8;
    color: #000000; }
  .easilys .grey-background-object,
  .easilys a.grey-background-object {
    background-color: #b3b3b3;
    color: #4d4d4d; }
  .easilys .grey-background-object input[type="checkbox"] + label:before,
  .easilys a.grey-background-object input[type="checkbox"] + label:before {
    border-color: #4d4d4d; }
  .easilys .grey-background-object input[type="checkbox"] + label:after,
  .easilys a.grey-background-object input[type="checkbox"] + label:after {
    background-color: #4d4d4d; }
  .easilys a.grey-background-object:focus,
  .easilys a.grey-background-object:hover {
    background-color: #949494;
    color: #000000; }
  .easilys .darkgrey-background-object,
  .easilys a.darkgrey-background-object {
    background-color: #6c6c6c;
    color: #333333; }
  .easilys .darkgrey-background-object input[type="checkbox"] + label:before,
  .easilys a.darkgrey-background-object input[type="checkbox"] + label:before {
    border-color: black; }
  .easilys .darkgrey-background-object input[type="checkbox"] + label:after,
  .easilys a.darkgrey-background-object input[type="checkbox"] + label:after {
    background-color: black; }
  .easilys a.darkgrey-background-object:focus,
  .easilys a.darkgrey-background-object:hover {
    background-color: #333333;
    color: black; }
  .easilys .black-background-object,
  .easilys a.black-background-object {
    background-color: #000000;
    color: #333333; }
  .easilys .black-background-object input[type="checkbox"] + label:before,
  .easilys a.black-background-object input[type="checkbox"] + label:before {
    border-color: #333333; }
  .easilys .black-background-object input[type="checkbox"] + label:after,
  .easilys a.black-background-object input[type="checkbox"] + label:after {
    background-color: #333333; }
  .easilys a.black-background-object:focus,
  .easilys a.black-background-object:hover {
    background-color: grey;
    color: #000000; }
  .easilys .blue-object,
  .easilys a.blue-object {
    color: #5e8ac8; }
  .easilys .blue-object input[type="checkbox"] + label:before,
  .easilys a.blue-object input[type="checkbox"] + label:before {
    border-color: #5e8ac8; }
  .easilys .blue-object input[type="checkbox"] + label:after,
  .easilys a.blue-object input[type="checkbox"] + label:after {
    background-color: #5e8ac8; }
  .easilys a.blue-object:focus,
  .easilys a.blue-object:hover {
    background-color: none;
    color: #31588f; }
  .easilys .green-object,
  .easilys a.green-object {
    color: #7cc245; }
  .easilys .green-object input[type="checkbox"] + label:before,
  .easilys a.green-object input[type="checkbox"] + label:before {
    border-color: #7cc245; }
  .easilys .green-object input[type="checkbox"] + label:after,
  .easilys a.green-object input[type="checkbox"] + label:after {
    background-color: #7cc245; }
  .easilys a.green-object:focus,
  .easilys a.green-object:hover {
    background-color: none;
    color: #4c7928; }
  .easilys .yellow-object,
  .easilys a.yellow-object {
    color: #f1cb05; }
  .easilys .yellow-object input[type="checkbox"] + label:before,
  .easilys a.yellow-object input[type="checkbox"] + label:before {
    border-color: #f1cb05; }
  .easilys .yellow-object input[type="checkbox"] + label:after,
  .easilys a.yellow-object input[type="checkbox"] + label:after {
    background-color: #f1cb05; }
  .easilys a.yellow-object:focus,
  .easilys a.yellow-object:hover {
    background-color: none;
    color: #8d7703; }
  .easilys .orange-object,
  .easilys a.orange-object {
    color: #fc9c0b; }
  .easilys .orange-object input[type="checkbox"] + label:before,
  .easilys a.orange-object input[type="checkbox"] + label:before {
    border-color: #fc9c0b; }
  .easilys .orange-object input[type="checkbox"] + label:after,
  .easilys a.orange-object input[type="checkbox"] + label:after {
    background-color: #fc9c0b; }
  .easilys a.orange-object:focus,
  .easilys a.orange-object:hover {
    background-color: none;
    color: #9f6102; }
  .easilys .red-object,
  .easilys a.red-object {
    color: #c34017; }
  .easilys .red-object input[type="checkbox"] + label:before,
  .easilys a.red-object input[type="checkbox"] + label:before {
    border-color: #c34017; }
  .easilys .red-object input[type="checkbox"] + label:after,
  .easilys a.red-object input[type="checkbox"] + label:after {
    background-color: #c34017; }
  .easilys a.red-object:focus,
  .easilys a.red-object:hover {
    background-color: none;
    color: #68220c; }
  .easilys .app-color-object,
  .easilys a.app-color-object {
    color: var(--application-main-color); }
  .easilys .app-color-object input[type="checkbox"] + label:before,
  .easilys a.app-color-object input[type="checkbox"] + label:before {
    border-color: var(--application-main-color); }
  .easilys .app-color-object input[type="checkbox"] + label:after,
  .easilys a.app-color-object input[type="checkbox"] + label:after {
    background-color: var(--application-main-color); }
  .easilys a.app-color-object:focus,
  .easilys a.app-color-object:hover {
    background-color: none;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 30%)); }
  .easilys .blue-background-object,
  .easilys a.blue-background-object {
    background-color: #e3ebf5;
    color: #5e8ac8; }
  .easilys .blue-object input[type="checkbox"] + label:before,
  .easilys a.blue-object input[type="checkbox"] + label:before {
    border-color: #5e8ac8; }
  .easilys .blue-object input[type="checkbox"] + label:after,
  .easilys a.blue-object input[type="checkbox"] + label:after {
    background-color: #5e8ac8; }
  .easilys a.blue-background-object:focus,
  .easilys a.blue-background-object:hover {
    background-color: #aac1e2;
    color: #31588f; }
  .easilys .green-background-object,
  .easilys a.green-background-object {
    background-color: #dbeecc;
    color: #7cc245; }
  .easilys .green-object input[type="checkbox"] + label:before,
  .easilys a.green-object input[type="checkbox"] + label:before {
    border-color: #7cc245; }
  .easilys .green-object input[type="checkbox"] + label:after,
  .easilys a.green-object input[type="checkbox"] + label:after {
    background-color: #7cc245; }
  .easilys a.green-background-object:focus,
  .easilys a.green-background-object:hover {
    background-color: #b2db92;
    color: #4c7928; }
  .easilys .yellow-background-object,
  .easilys a.yellow-background-object {
    background-color: #fdf0ab;
    color: #f1cb05; }
  .easilys .yellow-object input[type="checkbox"] + label:before,
  .easilys a.yellow-object input[type="checkbox"] + label:before {
    border-color: #f1cb05; }
  .easilys .yellow-object input[type="checkbox"] + label:after,
  .easilys a.yellow-object input[type="checkbox"] + label:after {
    background-color: #f1cb05; }
  .easilys a.yellow-background-object:focus,
  .easilys a.yellow-background-object:hover {
    background-color: #fce360;
    color: #8d7703; }
  .easilys .orange-background-object,
  .easilys a.orange-background-object {
    background-color: #fee4bb;
    color: #fc9c0b; }
  .easilys .orange-background-object input[type="checkbox"] + label:before,
  .easilys a.orange-background-object input[type="checkbox"] + label:before {
    border-color: #fc9c0b; }
  .easilys .orange-background-object input[type="checkbox"] + label:after,
  .easilys a.orange-background-object input[type="checkbox"] + label:after {
    background-color: #fc9c0b; }
  .easilys a.orange-background-object:focus,
  .easilys a.orange-background-object:hover {
    background-color: #fdc570;
    color: #9f6102; }
  .easilys .red-background-object,
  .easilys a.red-background-object {
    background-color: #f3af99;
    color: #c34017; }
  .easilys .red-background-object input[type="checkbox"] + label:before,
  .easilys a.red-background-object input[type="checkbox"] + label:before {
    border-color: #c34017; }
  .easilys .red-background-object input[type="checkbox"] + label:after,
  .easilys a.red-background-object input[type="checkbox"] + label:after {
    background-color: #c34017; }
  .easilys a.red-background-object:focus,
  .easilys a.red-background-object:hover {
    background-color: #eb7955;
    color: #68220c; }
  .easilys .app-color-background-object,
  .easilys a.app-color-background-object {
    background-color: var(--application-main-background-color);
    color: var(--application-main-color); }
  .easilys .app-color-background-object input[type="checkbox"] + label:before,
  .easilys a.app-color-background-object input[type="checkbox"] + label:before {
    border-color: var(--application-main-color); }
  .easilys .app-color-background-object input[type="checkbox"] + label:after,
  .easilys a.app-color-background-object input[type="checkbox"] + label:after {
    background-color: var(--application-main-color); }
  .easilys a.app-color-background-object:focus,
  .easilys a.app-color-background-object:hover {
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%));
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 30%)); }
  .easilys .colorwheel {
    text-align: center;
    line-height: normal; }
  .easilys .colorwheel.hidden-input input {
    display: none; }

.easilys input[type=range].rg {
  width: 10rem;
  margin: 6.8px 0;
  background-color: transparent;
  -webkit-appearance: none; }

.easilys input[type=range].rg:focus {
  outline: none; }

.easilys input[type=range].rg::-webkit-slider-runnable-track {
  background: rgba(48, 113, 169, 0.78);
  border: 0.2px solid #010101;
  border-radius: 1.3px;
  width: 100%;
  height: 11.4px;
  cursor: pointer; }

.easilys input[type=range].rg::-webkit-slider-thumb {
  margin-top: -7px;
  width: 26px;
  height: 25px;
  background: #fbffff;
  border: 1px solid #000000;
  border-radius: 26px;
  cursor: pointer;
  -webkit-appearance: none; }

.easilys input[type=range].rg:focus::-webkit-slider-runnable-track {
  background: #367ebd; }

.easilys input[type=range].rg::-moz-range-track {
  background: rgba(48, 113, 169, 0.78);
  border: 0.2px solid #010101;
  border-radius: 1.3px;
  width: 100%;
  height: 11.4px;
  cursor: pointer; }

.easilys input[type=range].rg::-moz-range-thumb {
  width: 26px;
  height: 25px;
  background: #fbffff;
  border: 1px solid #000000;
  border-radius: 26px;
  cursor: pointer; }

.easilys input[type=range].rg::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 15.1px 0;
  color: transparent;
  width: 100%;
  height: 11.4px;
  cursor: pointer; }

.easilys input[type=range].rg::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px; }

.easilys input[type=range].rg::-ms-fill-upper {
  background: rgba(48, 113, 169, 0.78);
  border: 0.2px solid #010101;
  border-radius: 2.6px; }

.easilys input[type=range].rg::-ms-thumb {
  width: 26px;
  height: 25px;
  background: #fbffff;
  border: 1px solid #000000;
  border-radius: 26px;
  cursor: pointer;
  margin-top: 0px; }

.easilys input[type=range].rg:focus::-ms-fill-lower {
  background: rgba(48, 113, 169, 0.78); }

.easilys input[type=range].rg:focus::-ms-fill-upper {
  background: #367ebd; }

@supports (-ms-ime-align: auto) {
  .easilys input[type=range].rg {
    margin: 0; } }

.easilys span.tooltip {
  position: relative;
  display: inline-block; }
  .easilys span.tooltip .tooltiptext {
    font-size: 12px;
    visibility: hidden;
    width: 200px;
    background-color: #c7e0ec;
    color: #3A87AD;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -100px; }
  .easilys span.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #3A87AD transparent transparent transparent; }
  .easilys span.tooltip:hover .tooltiptext {
    visibility: visible; }
  .easilys span.tooltip .tooltiptextrevert {
    top: 100%;
    left: 50%;
    font-size: 12px;
    visibility: hidden;
    width: 200px;
    background-color: #c7e0ec;
    color: #3A87AD;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    margin-left: -105px;
    white-space: break-spaces; }
  .easilys span.tooltip .tooltiptextrevert::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #3A87AD transparent; }
  .easilys span.tooltip:hover .tooltiptextrevert {
    visibility: visible; }
  .easilys span.tooltip .tooltiptextright {
    font-size: 12px;
    visibility: hidden;
    width: 200px;
    background-color: #c7e0ec;
    color: #3A87AD;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 105%; }
  .easilys span.tooltip .tooltiptextright::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #3A87AD transparent transparent; }
  .easilys span.tooltip:hover .tooltiptextright {
    visibility: visible; }

.qz_Ni_IForm_TextI18n {
  display: flex;
  gap: 5px; }
  .qz_Ni_IForm_TextI18n input {
    flex: 1; }
  .qz_Ni_IForm_TextI18n .badge-i18n--dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative; }
    .qz_Ni_IForm_TextI18n .badge-i18n--dot.top {
      inset: auto auto calc(100% - 8px) calc(100% - 8px); }
    .qz_Ni_IForm_TextI18n .badge-i18n--dot.blue {
      background-color: var(--application-main-color); }
    .qz_Ni_IForm_TextI18n .badge-i18n--dot.green {
      background-color: #278740; }

.qz_Ni_IForm_TextI18n_action_button {
  height: 30px;
  width: 30px;
  min-width: 30px;
  font-size: 1.5rem;
  border-radius: 200px !important;
  background-color: var(--color-grey-50);
  text-align: center; }
  .qz_Ni_IForm_TextI18n_action_button:hover {
    background-color: var(--color-grey-100); }

.not-in-current-locale {
  font-style: italic; }

.easilys .no-access-module {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Montserrat Medium", serif; }
  .easilys .no-access-module .info-icon {
    font-size: 150px;
    line-height: 150px;
    color: var(--color-grey-100);
    margin-bottom: 15px; }
  .easilys .no-access-module .text-primary {
    color: var(--color-grey-600);
    margin-bottom: 15px;
    font-size: 45px;
    line-height: 67.5px; }
  .easilys .no-access-module .text-secondary {
    font-size: 13px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--color-grey-600);
    margin-bottom: 0px; }

.easilys #noInternetModule {
  z-index: 11; }

.easilys .no-internet-module {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Montserrat Medium", serif; }
  .easilys .no-internet-module .info-icon {
    font-size: 150px;
    line-height: 150px;
    color: var(--color-grey-100);
    margin-bottom: 15px; }
  .easilys .no-internet-module .text-primary {
    color: var(--color-grey-600);
    margin-bottom: 15px;
    font-size: 45px;
    line-height: 67.5px; }
  .easilys .no-internet-module .text-secondary {
    font-size: 13px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--color-grey-600);
    margin-bottom: 0px; }

/****/
/* purchase screens */
/****/
.easilys .purchase {
  min-width: 980px; }
  .easilys .purchase path {
    stroke: #fff; }
  .easilys .purchase .label-text {
    font-size: 12px;
    font-family: arial,helvetica,"sans-serif";
    fill: #393939; }
  .easilys .purchase .label-line {
    stroke-width: 1;
    stroke: #393939; }
  .easilys .purchase .label-circle {
    fill: #393939; }
  .easilys .purchase .art {
    color: var(--application-main-color); }
  .easilys .purchase .grid-table {
    /*.table-row {
        padding: 0px 5px;
      }*/ }
    .easilys .purchase .grid-table .table-header {
      padding: 5px 25px 5px 0px; }
      .easilys .purchase .grid-table .table-header a.sortable {
        padding-right: 0px; }
    .easilys .purchase .grid-table .table-row.tao + .table-row.tao,
    .easilys .purchase .grid-table .table-row.tae + .table-row.tae {
      padding: 0px 5px; }
    .easilys .purchase .grid-table .table-row.tao .zborr, .easilys .purchase .grid-table .table-row.tao.zbort {
      border-color: #f7f7f7; }
    .easilys .purchase .grid-table .table-row.tae .zborr, .easilys .purchase .grid-table .table-row.tae.zbort {
      border-color: #FFFFFF; }
    .easilys .purchase .grid-table .table-row.alert-danger a {
      color: #B94A48; }
    .easilys .purchase .grid-table .table-row.alert-danger a:hover {
      color: #953b39; }
    .easilys .purchase .grid-table .table-row.alert-danger .zbort, .easilys .purchase .grid-table .table-row.alert-danger .zborr,
    .easilys .purchase .grid-table .table-row.alert-danger .zborb, .easilys .purchase .grid-table .table-row.alert-danger .zborl {
      border-color: #FFFFFF; }
    .easilys .purchase .grid-table .table-row.tao.alert-danger .zbort, .easilys .purchase .grid-table .table-row.tao.alert-danger .zborr,
    .easilys .purchase .grid-table .table-row.tao.alert-danger .zborb, .easilys .purchase .grid-table .table-row.tao.alert-danger .zborl {
      border-color: #eacac9; }
    .easilys .purchase .grid-table .table-row.tae.alert-danger .zbort, .easilys .purchase .grid-table .table-row.tae.alert-danger .zborr,
    .easilys .purchase .grid-table .table-row.tae.alert-danger .zborb, .easilys .purchase .grid-table .table-row.tae.alert-danger .zborl {
      border-color: #f1dcdc; }
    .easilys .purchase .grid-table .tao.alert-danger.zbort, .easilys .purchase .grid-table .tao.alert-danger.zborr,
    .easilys .purchase .grid-table .tao.alert-danger.zborb, .easilys .purchase .grid-table .tao.alert-danger.zborl {
      border-color: #eacac9; }
    .easilys .purchase .grid-table .tae.alert-danger.zbort, .easilys .purchase .grid-table .tae.alert-danger.zborr,
    .easilys .purchase .grid-table .tae.alert-danger.zborb, .easilys .purchase .grid-table .tae.alert-danger.zborl {
      border-color: #f1dcdc; }
    .easilys .purchase .grid-table .link-report-format-content {
      padding: 5px; }
  .easilys .purchase .date-filter {
    height: 60px;
    z-index: 1; }
  .easilys .purchase .toggle-down-filter-panel {
    top: 60px;
    -webkit-transition: top 400ms ease-in-out;
    /* Saf3.2+, Chrome */
    -moz-transition: top 400ms ease-in-out;
    /* FF4+ */
    -ms-transition: top 400ms ease-in-out;
    /* IE10 */
    -o-transition: top 400ms ease-in-out;
    /* Opera 10.5+ */
    transition: top 400ms ease-in-out;
    /* W3C*/ }
  .easilys .purchase .toggle-up-filter-panel {
    top: 25px;
    -webkit-transition: top 400ms ease-in-out;
    /* Saf3.2+, Chrome */
    -moz-transition: top 400ms ease-in-out;
    /* FF4+ */
    -ms-transition: top 400ms ease-in-out;
    /* IE10 */
    -o-transition: top 400ms ease-in-out;
    /* Opera 10.5+ */
    transition: top 400ms ease-in-out;
    /* W3C*/ }

/* HOMESCREEN */
#homebody {
  padding: 10px;
  margin: 0 auto;
  position: relative; }
  #homebody .grid-table {
    position: relative;
    margin-bottom: 10px; }
    #homebody .grid-table .table-header {
      padding: 0px;
      border-bottom: solid 1px #FFFFFF; }
    #homebody .grid-table .table-header,
    #homebody .grid-table .table-body {
      position: relative;
      float: left;
      width: 100%;
      height: 100%;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto; }
  #homebody .grid-table.hocolor1 .table-header,
  #homebody .grid-table.hocolor1 .table-header a {
    background-color: #884497; }
  #homebody .grid-table.hocolor2 .table-header,
  #homebody .grid-table.hocolor2 .table-header a {
    background-color: #7CC2E3; }
  #homebody .grid-table.hocolor3 .table-header,
  #homebody .grid-table.hocolor3 .table-header a {
    background-color: #A5C500; }
  #homebody .grid-table.hocolor4 .table-header,
  #homebody .grid-table.hocolor4 .table-header a {
    background-color: #EF821B; }
  #homebody .box {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px; }
    #homebody .box .box-header {
      float: left;
      width: 100%;
      padding: 10px;
      border: 1px solid #E0E0E0;
      background-color: #FFFFFF;
      box-sizing: border-box;
      cursor: pointer; }
    #homebody .box .box-header:hover {
      background-color: #E0E0E0;
      color: #333333;
      border-color: #999999; }
    #homebody .box .box-body {
      overflow: hidden;
      float: left;
      width: 100%;
      padding: 10px 10px 0px 10px;
      background-color: white;
      box-sizing: border-box; }
      #homebody .box .box-body .alert {
        padding: 5px;
        margin-bottom: 10px; }
  #homebody .box:last-child {
    margin-bottom: 0px; }
  @media (max-width: 1279px) {
    #homebody .span50 {
      width: 50%; } }
  @media (max-width: 767px) {
    #homebody .span50 {
      width: 100%; } }

/* Block padding */
.horoadmap {
  padding: 0 40px 0px 40px; }
  .horoadmap .tablign {
    margin-bottom: 5px; }
    .horoadmap .tablign .tabtitle {
      margin: 10px 0 10px 0;
      color: #0690cf;
      font-size: 18px;
      background: none;
      border: none; }
    .horoadmap .tablign .roadmap-txt1 {
      color: #a1a1a1;
      font-style: italic;
      font-size: 16px; }
    .horoadmap .tablign .roadmap-txt2 {
      color: #666666;
      font-size: 14px; }
    .horoadmap .tablign .roadmap-txt3 {
      color: #a1a1a1;
      font-size: 14px; }

/* style message box */
.homessage {
  padding: 0 20px 0px 20px; }
  .homessage .alert {
    padding: 7px 2px; }

.hoinfo {
  padding: 0 40px 0px 40px; }
  .hoinfo .tabtitle {
    margin: 10px 0 5px 0;
    font-size: 18px;
    background: none;
    border: none; }

/*Home title h1*/
.hotitle {
  border-bottom: 1px solid #cccccc;
  font-family: Georgia, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 24px;
  margin-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  padding-left: 10px; }

.hodate {
  font-size: 10px;
  font-style: italic;
  width: 30%; }

th.hodoc {
  font-size: 18px;
  background: none;
  border: none; }

th.hodate {
  font-style: normal;
  background: none;
  border: none; }

/* Color */
.hocolor1 th.hodoc,
.hocolor1 th.hodate,
.hocolor1 th.hodate a.bt-icon {
  background-color: inherit;
  color: #884497; }

.hocolor1 th.hodate a.bt-icon:hover {
  color: #683474; }

.hocolor1 .tabtitle {
  color: #884497; }

.hocolor1 .hodate {
  background-color: #884497;
  color: #f1e6f4; }

.hocolor2 th.hodoc,
.hocolor2 th.hodate,
.hocolor2 th.hodate a.bt-icon {
  background-color: inherit;
  color: #7CC2E3; }

.hocolor2 th.hodate a.bt-icon:hover {
  color: #52aeda; }

.hocolor2 .tabtitle {
  color: #7CC2E3; }

.hocolor2 .hodate {
  background-color: #7CC2E3;
  color: #081c25; }

.hocolor3 th.hodoc,
.hocolor3 th.hodate,
.hocolor3 th.hodate a.bt-icon {
  background-color: inherit;
  color: #A5C500; }

.hocolor3 th.hodate a.bt-icon:hover {
  color: #7a9200; }

.hocolor3 .tabtitle {
  color: #A5C500; }

.hocolor3 .hodate {
  background-color: #A5C500;
  color: #f6ffc5; }

.hocolor4 th.hodoc,
.hocolor4 th.hodate,
.hocolor4 th.hodate a.bt-icon {
  background-color: inherit;
  color: #EF821B; }

.hocolor4 th.hodate a.bt-icon:hover {
  color: #c9690e; }

.hocolor4 .tabtitle {
  color: #EF821B; }

.hocolor4 .hodate {
  background-color: #EF821B;
  color: black; }

.info-label {
  font-size: 12px;
  margin-left: 30px;
  margin-top: -18px; }

/********************************************************************************/
/******************************** CUSTOMER ORDER ********************************/
/********************************************************************************/
/************** gathering of class used in customer order screens ***************/
/********************************************************************************/
.easilys .customer-order .btback {
  padding: 8px 5px 0px 25px;
  margin-right: 10px;
  height: 20px;
  width: 40px; }

.easilys .customer-order .pandate {
  position: absolute;
  top: 6px;
  right: 10px; }
  .easilys .customer-order .pandate input {
    width: 130px; }

.easilys .customer-order .supplist ul li {
  height: 40px;
  position: relative;
  background-color: var(--application-main-background-color);
  color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 5%));
  border-bottom: solid 1px #FFFFFF; }
  .easilys .customer-order .supplist ul li a {
    color: var(--application-main-color); }
  .easilys .customer-order .supplist ul li .fe-arrow-right {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -6px;
    /*visibility: hidden;*/ }

.easilys .customer-order .supplist ul li a:hover,
.easilys .customer-order .supplist ul li a:focus,
.easilys .customer-order .supplist ul li a:active,
.easilys .customer-order .supplist .active {
  background-color: hsl(var(--accordion-header-background-color-hs), calc(var(--accordion-header-background-color-l) - 10%));
  color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) - 15%)); }
  .easilys .customer-order .supplist ul li a:hover .fe-arrow-right,
  .easilys .customer-order .supplist ul li a:focus .fe-arrow-right,
  .easilys .customer-order .supplist ul li a:active .fe-arrow-right,
  .easilys .customer-order .supplist .active .fe-arrow-right {
    visibility: visible; }

.easilys .customer-order .supplist .bt-icon {
  line-height: 18px; }

.easilys .customer-order .supplist .supp {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  line-height: 40px; }
  .easilys .customer-order .supplist .supp span.ellipsis {
    display: block;
    padding: 0 15px 0 10px; }

.easilys .customer-order .notif-link {
  cursor: pointer;
  border-radius: 2px;
  height: 30px;
  width: 140px;
  display: block;
  padding: 5px 8px;
  line-height: 30px; }

.easilys .customer-order .btaccount {
  margin: 5px; }
  .easilys .customer-order .btaccount a {
    text-decoration: none;
    cursor: pointer;
    /*border-radius:2px;*/
    /*border:solid 1px #0690CF; */
    background-color: #FFFFFF;
    height: 30px;
    /*width:auto;*/
    display: block;
    /*margin:auto;*/
    padding: 0px 10px 0px 5px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); }
    .easilys .customer-order .btaccount a span {
      display: inline-block; }
  .easilys .customer-order .btaccount a:visited {
    border: solid 1px #0690CF; }
  .easilys .customer-order .btaccount a:hover {
    color: inherit;
    -webkit-box-shadow: 0 0 10px 0px #535353;
    -moz-box-shadow: 0 0 10px 0px #535353;
    box-shadow: 0 0 10px 0px #535353; }

.easilys .customer-order .right-container {
  background-color: white;
  left: 10px;
  bottom: 10px; }

.easilys .customer-order .meqty {
  width: 60px;
  height: 21px;
  line-height: 20px; }

.easilys .customer-order .taitems .tabutton {
  width: 100px;
  height: 30px;
  text-align: right;
  padding: 0px 4px; }
  .easilys .customer-order .taitems .tabutton input[type="file"], .easilys .customer-order .taitems .tabutton input[type=text], .easilys .customer-order .taitems .tabutton input[type=password], .easilys .customer-order .taitems .tabutton input {
    line-height: 1;
    margin: 0px 0px 0px 0px;
    text-align: center; }

.easilys .customer-order a .orderitem {
  position: relative;
  min-width: 150px;
  min-height: 30px; }

.easilys .customer-order a .orderitem:hover {
  color: #333333;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
  border: solid 1px #333333; }

.easilys .customer-order .orderitem-header {
  background-color: #FFFFFF;
  color: var(--application-main-color);
  position: relative;
  min-height: 30px; }
  .easilys .customer-order .orderitem-header .fe-recipe-family {
    font-size: 21px;
    padding: 10px; }
  .easilys .customer-order .orderitem-header .orderitem-label {
    line-height: 21px;
    /*font-size: 18px;*/
    padding: 10px 70px 10px 0px;
    position: relative; }
    .easilys .customer-order .orderitem-header .orderitem-label .btedit {
      margin-bottom: -5px; }
  .easilys .customer-order .orderitem-header .orderitem-price {
    padding: 13px; }

.easilys .customer-order .orderitem-body .dishbox-header {
  background-image: url("../images/texture_paper.jpg");
  font-style: normal;
  text-transform: uppercase;
  color: #000000;
  border: none;
  padding: 0px; }

.easilys .customer-order .listsupp-label {
  line-height: 24px;
  margin-right: 200px; }

.easilys .customer-order .listsupp-form {
  white-space: nowrap;
  margin-top: 2px; }
  .easilys .customer-order .listsupp-form .currency {
    margin-top: 2px;
    font-size: 14px; }

.easilys .customer-order .container {
  width: 100%; }

.easilys .customer-order .cal-header {
  background: var(--application-main-color);
  color: #FFFFFF; }
  .easilys .customer-order .cal-header .cal-header-nav {
    padding: 10px 15px;
    text-decoration: none;
    color: white;
    font-size: 21px; }
  .easilys .customer-order .cal-header a.cal-header-nav-left,
  .easilys .customer-order .cal-header a.cal-header-nav-right {
    background-color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 5%)); }
  .easilys .customer-order .cal-header a.cal-header-nav-left:hover,
  .easilys .customer-order .cal-header a.cal-header-nav-right:hover {
    background-color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 15%)); }

.easilys .customer-order .cal {
  width: 100%; }

.easilys .customer-order .cal a {
  text-decoration: none; }

.easilys .customer-order .cal th, .easilys .customer-order .cal td {
  box-sizing: border-box;
  width: 14.285714285714286%; }

.easilys .customer-order .cal th {
  padding: 10px 5px;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  text-transform: uppercase;
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
  color: var(--application-main-color); }

.easilys .customer-order .cal td a {
  clear: both;
  display: block;
  position: relative;
  line-height: 50px;
  text-align: center;
  opacity: 0.7;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys .customer-order .cal td a:hover {
  opacity: 1;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys .customer-order .ordernotif {
  display: block;
  position: relative;
  min-height: 30px;
  padding: 6px;
  margin-bottom: 10px;
  border: solid 1px;
  border-radius: 4px;
  text-decoration: none; }

.easilys .customer-order .ordernotif-new {
  border: 1px dashed; }

.easilys .customer-order .ordernotif-started {
  background-color: #c7e0ec;
  border-color: #73B2D1;
  color: #3a87ad; }

.easilys .customer-order .ordernotif-started:hover {
  background-color: #a1cbdf;
  color: #3a87ad; }

.easilys .customer-order .ordernotif-warning {
  background-color: #ffe0e0;
  border-color: #d69595;
  color: #B94A48; }

.easilys .customer-order .ordernotif-warning:hover {
  background-color: #ffadad;
  color: #B94A48; }

.easilys .customer-order .orderbox {
  background-color: inherit;
  margin: 3px; }
  .easilys .customer-order .orderbox .orderbox-content {
    display: block;
    line-height: 50px;
    opacity: 0.7;
    color: #999999; }
  .easilys .customer-order .orderbox a {
    border: 1px solid #CCCCCC;
    margin: 0;
    color: #999999; }
  .easilys .customer-order .orderbox a:hover {
    color: #999999;
    background-color: #F0F0F0; }

.easilys .customer-order .orderbox-new {
  background-color: #FFFFFF; }
  .easilys .customer-order .orderbox-new a {
    border: dashed 1px #999999;
    color: #999999; }
  .easilys .customer-order .orderbox-new a:hover {
    color: #737373;
    background-color: #d7d7d7; }

.easilys .customer-order .orderbox-started {
  background-color: #FFFFFF; }
  .easilys .customer-order .orderbox-started a {
    border: solid 1px #a1cbdf;
    color: #3a87ad; }
    .easilys .customer-order .orderbox-started a span {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 15px 0 0;
      border-color: #a1cbdf transparent transparent transparent;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0; }
  .easilys .customer-order .orderbox-started a:hover {
    color: #275a74;
    background-color: #a1cbdf; }

.easilys .customer-order .orderbox-warning {
  background-color: #ffe0e0; }
  .easilys .customer-order .orderbox-warning a {
    border-color: #ffadad;
    color: #d69595;
    margin: 0; }
    .easilys .customer-order .orderbox-warning a span {
      border-color: #ffadad transparent transparent transparent; }
  .easilys .customer-order .orderbox-warning a:hover {
    color: #c15e5e;
    background-color: #ffadad; }

.easilys .customer-order .orderbox-done {
  background-color: #e3e3e3; }
  .easilys .customer-order .orderbox-done a {
    border: solid 1px #CCCCCC;
    color: #666666; }
  .easilys .customer-order .orderbox-done a:hover {
    color: #0d0d0d;
    border-color: #CCCCCC;
    background-color: #CCCCCC; }

.easilys .customer-order .orderbox-other-month {
  opacity: 0.5;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys .quantity-manager {
  float: right;
  width: 140px; }
  .easilys .quantity-manager .button-icon {
    padding: 0px 5px; }
  .easilys .quantity-manager input.qty {
    width: 60px;
    margin: 0px;
    text-align: center; }
  .easilys .quantity-manager input.qty.mealtype {
    padding: 0px;
    margin: 0px 10px;
    font-size: 16px;
    line-height: 12px;
    font-weight: bold;
    height: 32px; }
  .easilys .quantity-manager input.qty.dish {
    width: 48px;
    height: 30px; }

.easilys .modalbox .customer-order-form {
  min-width: initial; }
  .easilys .modalbox .customer-order-form .grid-table .table-body {
    top: 0px;
    background-image: url("../images/texture_paper.jpg"); }
    .easilys .modalbox .customer-order-form .grid-table .table-body .dishbox-header {
      font-size: 12px;
      font-style: normal;
      font-weight: bold;
      text-transform: uppercase;
      color: #000000;
      background-color: rgba(255, 255, 255, 0);
      /*font-family: cursive;*/
      padding: 5px; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row .row-label {
      overflow: hidden;
      padding: 5px;
      margin-right: 145px;
      word-wrap: initial;
      white-space: nowrap; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row .quantity-manager {
      position: absolute;
      text-align: right;
      width: 180px;
      right: 1px;
      margin-top: -26px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row .quantity-manager a.fe-more,
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row .quantity-manager a.fe-less {
        background-color: inherit;
        font-size: 11px;
        line-height: 10px;
        display: inline-block;
        padding: 5px; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row .dashed-line {
      margin-top: -10px; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row span {
      padding: 4px 8px;
      position: relative;
      display: inline-block; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title {
      background-color: #FFFFFF;
      color: inherit;
      height: auto;
      overflow: hidden; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title .row-title-label {
        padding: 10px 160px 10px 50px;
        margin: 0px;
        text-transform: uppercase;
        float: left; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager {
      padding: 5px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager .button-icon,
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager a.btloud {
        padding: 0px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager .smaller-icon {
        font-size: 16px;
        padding: 15px 12px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager input.qty.mealtype {
        margin: 0px;
        height: 40px; }
    .easilys .modalbox .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement {
      padding: 0px 10px 10px 10px;
      margin-top: -1px;
      background-color: #FFFFFF; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask-label {
        height: 31px;
        width: 100%;
        margin-top: -31px;
        background-color: rgba(255, 255, 255, 0.75);
        position: absolute;
        right: 0px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask {
        height: 31px;
        width: 140px;
        margin-top: -31px;
        background-color: #FFFFFF;
        position: absolute;
        right: 0px; }
      .easilys .modalbox .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .row-replacement-label {
        overflow: hidden;
        margin-right: 180px;
        word-wrap: initial;
        white-space: nowrap; }

.easilys .modalbox .customer-order-cart .full-order .table {
  margin: 0px 0px 10px 0px; }
  .easilys .modalbox .customer-order-cart .full-order .table .taitems td {
    border-bottom: solid 1px #F0F0F0;
    padding: 10px 5px; }
  .easilys .modalbox .customer-order-cart .full-order .table .taitems th.tabutton {
    width: 60px; }

.easilys .modalbox .footer a.btorder {
  padding: 0px; }

.easilys .customer-orders-summary .cos-site,
.easilys .customer-orders-summary .cos-menu,
.easilys .customer-orders-summary .cos-mealtype,
.easilys .customer-orders-summary .cos-dish,
.easilys .customer-orders-summary .cos-recipe,
.easilys .customer-orders-summary .cos-replacement,
.easilys .customer-orders-summary .cos-off-menu,
.easilys .customer-orders-summary .cos-element {
  margin: 10px 0 0 40px; }
  .easilys .customer-orders-summary .cos-site .cos-header,
  .easilys .customer-orders-summary .cos-menu .cos-header,
  .easilys .customer-orders-summary .cos-mealtype .cos-header,
  .easilys .customer-orders-summary .cos-dish .cos-header,
  .easilys .customer-orders-summary .cos-recipe .cos-header,
  .easilys .customer-orders-summary .cos-replacement .cos-header,
  .easilys .customer-orders-summary .cos-off-menu .cos-header,
  .easilys .customer-orders-summary .cos-element .cos-header {
    display: flex;
    margin-right: 10px; }
    .easilys .customer-orders-summary .cos-site .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-menu .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-dish .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-recipe .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-replacement .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-image,
    .easilys .customer-orders-summary .cos-element .cos-header .cos-image {
      display: flex;
      justify-content: flex-end;
      align-content: center;
      align-items: center;
      width: 40px;
      margin: 0 10px; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-image img,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-image img {
        max-width: 100%;
        max-height: 100%; }
    .easilys .customer-orders-summary .cos-site .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-menu .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-dish .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-recipe .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-replacement .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-quantity,
    .easilys .customer-orders-summary .cos-element .cos-header .cos-quantity {
      width: 40px;
      margin: 10px;
      text-align: right;
      font-weight: bold; }
    .easilys .customer-orders-summary .cos-site .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-menu .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-dish .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item,
    .easilys .customer-orders-summary .cos-element .cos-header .cos-item {
      flex: 1;
      display: flex;
      flex-direction: row;
      text-decoration: none; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item div {
        margin: 10px; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-total {
        width: 20px;
        text-align: right; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-label {
        flex: 1; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item div,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item div {
        margin: 10px; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-total,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-total {
        width: 20px;
        text-align: right; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-label,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-label {
        flex: 1; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-legend,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-legend {
        visibility: hidden; }
      .easilys .customer-orders-summary .cos-site .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-menu .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-dish .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item .cos-toggle,
      .easilys .customer-orders-summary .cos-element .cos-header .cos-item .cos-toggle {
        width: 10px; }
    .easilys .customer-orders-summary .cos-site .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-menu .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-dish .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-element .cos-header .cos-item:hover .cos-legend {
      visibility: visible; }
    .easilys .customer-orders-summary .cos-site .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-menu .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-mealtype .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-dish .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-recipe .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-replacement .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-off-menu .cos-header .cos-item:hover .cos-legend,
    .easilys .customer-orders-summary .cos-element .cos-header .cos-item:hover .cos-legend {
      visibility: visible; }

.easilys .customer-orders-summary .cos-site .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }
  .easilys .customer-orders-summary .cos-site .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 40%)); }

.easilys .customer-orders-summary .cos-site .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 20%)); }

.easilys .customer-orders-summary .cos-menu .cos-item,
.easilys .customer-orders-summary .cos-off-menu .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
  .easilys .customer-orders-summary .cos-menu .cos-item .cos-legend,
  .easilys .customer-orders-summary .cos-off-menu .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 35%)); }

.easilys .customer-orders-summary .cos-menu .cos-item:hover,
.easilys .customer-orders-summary .cos-off-menu .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }

.easilys .customer-orders-summary .cos-site .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }
  .easilys .customer-orders-summary .cos-site .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 30%)); }

.easilys .customer-orders-summary .cos-site .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 20%)); }

.easilys .customer-orders-summary .cos-menu .cos-item,
.easilys .customer-orders-summary .cos-off-menu .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
  .easilys .customer-orders-summary .cos-menu .cos-item .cos-legend,
  .easilys .customer-orders-summary .cos-off-menu .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 35%)); }

.easilys .customer-orders-summary .cos-menu .cos-item:hover,
.easilys .customer-orders-summary .cos-off-menu .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }

.easilys .customer-orders-summary .cos-mealtype .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
  .easilys .customer-orders-summary .cos-mealtype .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 30%)); }

.easilys .customer-orders-summary .cos-mealtype .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }

.easilys .customer-orders-summary .cos-dish .cos-item {
  background: var(--application-main-background-color); }
  .easilys .customer-orders-summary .cos-dish .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 25%)); }

.easilys .customer-orders-summary .cos-dish .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }

.easilys .customer-orders-summary .cos-recipe .cos-item,
.easilys .customer-orders-summary .cos-replacement .cos-item,
.easilys .customer-orders-summary .cos-element .cos-item {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 5%)); }
  .easilys .customer-orders-summary .cos-recipe .cos-item .cos-legend,
  .easilys .customer-orders-summary .cos-replacement .cos-item .cos-legend,
  .easilys .customer-orders-summary .cos-element .cos-item .cos-legend {
    color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 20%)); }

.easilys .customer-orders-summary .cos-recipe .cos-item.cos-replacement-title,
.easilys .customer-orders-summary .cos-replacement .cos-item.cos-replacement-title,
.easilys .customer-orders-summary .cos-element .cos-item.cos-replacement-title {
  margin-left: 10px; }

.easilys .customer-orders-summary .cos-recipe .cos-item:hover,
.easilys .customer-orders-summary .cos-replacement .cos-item:hover,
.easilys .customer-orders-summary .cos-element .cos-item:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 5%)); }

.easilys .customer-orders-summary .cos-recipe .cos-item.cos-replacement-title:hover,
.easilys .customer-orders-summary .cos-replacement .cos-item.cos-replacement-title:hover,
.easilys .customer-orders-summary .cos-element .cos-item.cos-replacement-title:hover {
  background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 3%)); }

/********************************************************************************/
/************************************* SITE *************************************/
/********************************************************************************/
/************ gathering of class used in site administration screens ************/
/********************************************************************************/
.easilys {
  /* nutritonal family's colors */
  /* global classes for meal plan screen */
  /* popover specification */
  /* meal plan principal table */
  /* action hover */
  /* Special panel width of 310px "panw310" because shifted title arrow */
  /* Special grid panel for calendar days width (100/7 pixels) */
  /* Meal plan Modalbox creation */
  /**
  /* dietary-allowances-screen
  /*
  /**/ }
  .easilys .fncrud {
    background-color: #8CC63F; }
  .easilys .fnprot {
    background-color: #F08D8E; }
  .easilys .fncuid {
    background-color: #8DB6A2; }
  .easilys .fnarch {
    background-color: #BBAB9C; }
  .easilys .fnoth {
    background-color: #ffffff; }
  .easilys .fnfish {
    background-color: #F1C69B; }
  .easilys .fnfry {
    background-color: #F2F192; }
  .easilys .fndairy {
    background-color: #9FD1E6; }
  .easilys .fnchee1 {
    background-color: #ABADD3; }
  .easilys .fnchee2 {
    background-color: #8C8FEF; }
  .easilys .fndess1 {
    background-color: #F1BFD1; }
  .easilys .fndess2 {
    background-color: #E999BD; }
  .easilys .nutrition-guideline {
    /* meal plan table weeks preview */ }
    .easilys .nutrition-guideline .ribbon {
      height: 40px;
      text-align: center;
      font-weight: bold;
      padding-right: 15px; }
    .easilys .nutrition-guideline .ribmenucol {
      padding-top: 8px; }
    .easilys .nutrition-guideline h3 {
      margin-bottom: 0; }
    .easilys .nutrition-guideline .taitems td, .easilys .nutrition-guideline .taitems tr {
      padding: 9px 4px; }
    .easilys .nutrition-guideline .taitems td.tabutton {
      padding: 4px 4px; }
    .easilys .nutrition-guideline .taitems td.nutr-family-color {
      padding: 5px; }
    .easilys .nutrition-guideline .guideline-body {
      background: #FFFFFF;
      background-image: url("../images/stripe1.png"); }
      .easilys .nutrition-guideline .guideline-body .btheader {
        display: block;
        width: auto; }
      .easilys .nutrition-guideline .guideline-body .dishbox-header {
        color: #949494;
        background-color: #f8f8f8;
        width: 100%;
        border: none; }
    .easilys .nutrition-guideline .btweek {
      overflow: hidden;
      height: 100%; }
      .easilys .nutrition-guideline .btweek a:hover,
      .easilys .nutrition-guideline .btweek a:focus,
      .easilys .nutrition-guideline .btweek a:active {
        color: #666666; }
      .easilys .nutrition-guideline .btweek .title {
        margin: 5px 0;
        opacity: 0.5;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
      .easilys .nutrition-guideline .btweek .fe-arrow-right {
        visibility: hidden; }
    .easilys .nutrition-guideline .btweek:hover, .easilys .nutrition-guideline .active {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
      .easilys .nutrition-guideline .btweek:hover .title, .easilys .nutrition-guideline .active .title {
        opacity: 1;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
        color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) + 10%)); }
      .easilys .nutrition-guideline .btweek:hover .tabheader, .easilys .nutrition-guideline .active .tabheader {
        opacity: 0.75;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
      .easilys .nutrition-guideline .btweek:hover .prevtable, .easilys .nutrition-guideline .active .prevtable {
        opacity: 1;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
        color: #999999;
        background-color: #FFFFFF; }
      .easilys .nutrition-guideline .btweek:hover .fe-arrow-right, .easilys .nutrition-guideline .active .fe-arrow-right {
        visibility: visible;
        color: hsl(var(--accordion-header-color-hs), calc(var(--accordion-header-color-l) + 10%)); }
    .easilys .nutrition-guideline .prevtable {
      text-align: center;
      /*padding: 5px;
      width: 94.3%;
      margin:2px;*/
      background-color: #f7f7f7;
      opacity: 0.5;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
      .easilys .nutrition-guideline .prevtable .tabheader {
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 40%));
        color: #FFFFFF;
        font-size: 11px;
        padding: 5px;
        overflow: hidden;
        opacity: 0.5;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .nutrition-guideline .prevtable .tabheader .colday {
          margin-bottom: -1px; }
      .easilys .nutrition-guideline .prevtable .tabheadercell {
        width: 14.28571%;
        float: left; }
    .easilys .nutrition-guideline .dishtype .addbigcell i.bigger-icon {
      padding: 13px 0px 10px 0px;
      font-size: 18px; }
    .easilys .nutrition-guideline .dishtype .bigcell {
      text-align: center;
      line-height: 21px; }
      .easilys .nutrition-guideline .dishtype .bigcell span {
        color: #000000; }
    .easilys .nutrition-guideline .dishtype .popover_list li > a {
      position: initial; }
  .easilys .ngl-pop a:hover {
    color: inherit; }
  .easilys .ngl-pop .ngl-pop-item,
  .easilys .ngl-pop .ngl-pop-item:visited {
    color: #000000;
    margin: 0 0 5px 0;
    border: 1px solid #e0e0e0;
    opacity: 0.75;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .ngl-pop .ngl-pop-item:hover {
    opacity: 1;
    background-color: inherit; }
  .easilys .ngl-pop .ngl-pop-item-info {
    font-size: 11px;
    font-style: italic; }
  .easilys .popover_list.ngl-pop li > a {
    position: initial; }
  .easilys .dishel {
    padding: 0 0 0 5px;
    margin-bottom: 0;
    font-style: italic;
    line-height: 1.8;
    font-size: 11px;
    background-color: inherit; }
  .easilys .emptycell {
    background-image: url("../images/stripe1.png");
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .easilys .bigcell {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    width: 14.28571%;
    margin: 0;
    float: left;
    color: inherit;
    opacity: 0.75;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .bigcell ~ a {
      opacity: 0;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .bigcell ~ a:hover {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
      color: #000000; }
  .easilys .addcell {
    width: 14.28571%;
    margin: 0;
    background-color: #f8f8f8;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none; }
  .easilys .addbigcell {
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
    opacity: 1; }
  .easilys a.addbigcell:hover {
    background-color: #F0F0F0;
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys a.addbigcell:hover ~ a {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys a.bigcell:hover {
    color: #000000; }
  .easilys .bgprevheader:hover {
    color: #000000; }
  .easilys .zmarb3 {
    margin-bottom: 3px;
    /* special margin for the meal plan preview bottom */ }
  .easilys .cell {
    width: 13%;
    height: 12px;
    margin-bottom: -1px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .panw310 {
    width: 310px; }
  .easilys .spancal {
    width: 14.28571%;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    height: 100%; }
  .easilys .calheader {
    background-color: #666666;
    color: #FFFFFF; }
  .easilys .mealcell {
    position: relative; }
  .easilys .nutrition-color {
    height: 20px; }
  .easilys .firststep-smallsize .bigger-icon.fe-segment {
    line-height: 180px;
    font-size: 180px; }

/********************************************************************************/
/************************************* MENUS ************************************/
/********************************************************************************/
/*********** gathering of class used in dubget administration screens ***********/
/********************************************************************************/
.easilys {
  /* Print panel */
  /**

                Menu Copy

  **/ }
  .easilys .menu_calendar {
    background: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
    .easilys .menu_calendar .big-button {
      display: block;
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      font-size: 18px; }
      .easilys .menu_calendar .big-button .fe-category-menu {
        font-size: 120px;
        line-height: 120px;
        padding: 20px; }
      .easilys .menu_calendar .big-button a.btnormal {
        padding: 0px;
        width: 100%; }
      .easilys .menu_calendar .big-button a.btnormal, .easilys .menu_calendar .big-button a.btnormal:visited {
        text-decoration: none;
        font-weight: normal;
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
        .easilys .menu_calendar .big-button a.btnormal.disabled, .easilys .menu_calendar .big-button a.btnormal:visited.disabled {
          opacity: 65;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
          cursor: default;
          background-image: none;
          color: #a1a1a1;
          background-color: #d4d4d4; }
      .easilys .menu_calendar .big-button a.btnormal:hover, .easilys .menu_calendar .big-button a.btnormal:focus {
        text-decoration: none;
        font-weight: normal;
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
        .easilys .menu_calendar .big-button a.btnormal:hover.disabled, .easilys .menu_calendar .big-button a.btnormal:focus.disabled {
          opacity: 65;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
          cursor: default;
          background-image: none;
          color: #a1a1a1;
          background-color: #d4d4d4; }
      .easilys .menu_calendar .big-button a.btnormal:active {
        text-decoration: none;
        font-weight: normal;
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
        .easilys .menu_calendar .big-button a.btnormal:active.disabled {
          opacity: 65;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
          cursor: default;
          background-image: none;
          color: #a1a1a1;
          background-color: #d4d4d4; }
    .easilys .menu_calendar .recipe-card {
      left: 42.8%; }
    .easilys .menu_calendar .indic-budget-color {
      color: #666666; }
    .easilys .menu_calendar .ribbon {
      height: 40px;
      text-align: center;
      padding-right: 15px; }
      .easilys .menu_calendar .ribbon .price {
        color: #1a1a1a; }
      .easilys .menu_calendar .ribbon .ribmenucol {
        padding: 8px 0;
        text-align: center;
        float: left; }
        .easilys .menu_calendar .ribbon .ribmenucol .tinylabel {
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%)); }
    .easilys .menu_calendar .week-info > .panel:first-child {
      overflow: visible;
      background-color: white;
      border: 1px solid #CCCCCC; }
    .easilys .menu_calendar .week-info .menu-guest {
      padding: 2px 0px 0px 5px; }
    .easilys .menu_calendar .week-info .menu-nutrition-guideline {
      padding: 1px;
      margin-bottom: 0px;
      font-size: 11px;
      color: #b3b3b3; }
    .easilys .menu_calendar .week-info .summary-budget {
      font-size: 12px;
      height: 30px; }
      .easilys .menu_calendar .week-info .summary-budget a:hover {
        color: #000000;
        cursor: pointer; }
      .easilys .menu_calendar .week-info .summary-budget a:hover .btquiet {
        background-color: #D8D7D6;
        color: inherit; }
      .easilys .menu_calendar .week-info .summary-budget .summary-content {
        display: inline-block;
        padding: 9px 0px; }
      .easilys .menu_calendar .week-info .summary-budget .indic-budget-color {
        padding: 3px 0px 2px 4px; }
    .easilys .menu_calendar .week-info .publish-button a {
      float: right;
      text-decoration: none;
      padding: 9px; }
      .easilys .menu_calendar .week-info .publish-button a .week-number {
        padding: 8px 5px;
        text-align: right; }
      .easilys .menu_calendar .week-info .publish-button a h6 {
        color: #666666; }
    .easilys .menu_calendar .week-info .publish-button a:hover h6 {
      color: #000000; }
    .easilys .menu_calendar .week-info .validationStatus-button a, .easilys .menu_calendar .week-info .validationStatus-button span {
      float: right;
      text-decoration: none;
      padding: 9px; }
      .easilys .menu_calendar .week-info .validationStatus-button a h6, .easilys .menu_calendar .week-info .validationStatus-button span h6 {
        color: #666666; }
    .easilys .menu_calendar .week-info .validationStatus-button a:hover h6 {
      color: #000000; }
    .easilys .menu_calendar .week-info a.btnormal {
      padding: 3px 4px;
      margin-bottom: -5px;
      font-size: 11px; }
    .easilys .menu_calendar .week-info .form {
      background: #FFFFFF; }
    .easilys .menu_calendar .dishprice .dishprice {
      float: none; }
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .dishbox-top,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .dishbox-header,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .dishtype .bigcell {
      border-left: none; }
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-nok-xlarge,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-nok-large,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-nok-medium,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-nok-small,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-null,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-ok-xlarge,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-ok-large,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-ok-medium,
    .easilys .menu_calendar .bg-stripe .colday:nth-of-type(1) .gross-profit-ok-small {
      border-left: none; }
  .easilys .form .calheader {
    background-color: #666666;
    color: #FFFFFF; }
    .easilys .form .calheader label {
      margin-left: 7px;
      color: white;
      padding: 5px 5px 5px 25px; }
    .easilys .form .calheader .serv-day-prev-qty {
      margin-bottom: 0;
      float: right;
      text-align: center;
      padding: 10px 5px 0px 5px; }
  .easilys .margspec {
    margin-left: 1.5%;
    margin-right: 1.5%;
    position: relative;
    height: 100%; }
  .easilys .calmarg {
    position: relative;
    border-bottom: var(--application-main-color) 14px solid; }
  .easilys .ribmenumarg {
    text-align: center;
    margin-top: 1px;
    /* to adjust the top of the panel position */ }
  .easilys .ribmenucol {
    width: 14.28571%;
    margin: 0; }
    .easilys .ribmenucol .price {
      padding: 5px 0 0 0; }
    .easilys .ribmenucol .ribmenucol-raw {
      padding: 0px;
      border-top: solid 1px #d4d4d4;
      height: 20px; }
  .easilys .dishprice {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: inherit;
    font-style: italic;
    color: #000000;
    font-size: 10px; }
  .easilys .btheader, .easilys .btheader:visited {
    padding: 0;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    width: 100%;
    height: 30px;
    border-radius: none; }
    .easilys .btheader i.fe-arrow-down, .easilys .btheader:visited i.fe-arrow-down {
      float: right; }
  .easilys .mealbox {
    border-bottom: none;
    background-color: #FFFFFF;
    padding: 0px; }
    .easilys .mealbox form {
      display: inline; }
    .easilys .mealbox input {
      line-height: 14px; }
  .easilys .dishbox {
    background-color: #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
    /* name of the dish and icon to view the recipe */
    /* price of a dish and his quantity */ }
    .easilys .dishbox .accordion {
      position: relative;
      border: none;
      margin-bottom: 0;
      overflow: hidden; }
      .easilys .dishbox .accordion a.article,
      .easilys .dishbox .accordion span.article {
        height: 39px;
        width: 100%;
        padding: 3px 33px 3px 3px;
        overflow: hidden; }
      .easilys .dishbox .accordion .accitem {
        background-color: inherit;
        position: relative;
        width: 100%;
        display: flex; }
        .easilys .dishbox .accordion .accitem .article {
          align-items: stretch;
          color: inherit; }
        .easilys .dishbox .accordion .accitem a.fe-eye {
          color: #000000;
          display: none;
          padding: 7px 6px 6px 6px; }
    .easilys .dishbox .bottom {
      padding: 3px 40px 3px 3px;
      height: 25px;
      position: relative;
      overflow: hidden;
      background-color: inherit;
      line-height: 1; }
      .easilys .dishbox .bottom input {
        border: solid 1px #F0F0F0;
        height: 15px;
        margin: 0px 2px 2px 0px; }
      .easilys .dishbox .bottom .fe-user,
      .easilys .dishbox .bottom .fe-exclamation,
      .easilys .dishbox .bottom .fe-user-exclamation {
        padding: 0px 0px 0px 0px;
        position: absolute; }
      .easilys .dishbox .bottom .fe-user,
      .easilys .dishbox .bottom .fe-exclamation {
        top: 0px;
        left: 3px; }
      .easilys .dishbox .bottom .fe-user-exclamation {
        top: 3px;
        left: 2px; }
  .easilys .dishbox.noprice {
    background-color: #ebebeb; }
  .easilys .dishbox:hover,
  .easilys .dishbox:focus {
    background-color: #f8f8f8; }
    .easilys .dishbox:hover .accordion .accitem a:hover.article,
    .easilys .dishbox:focus .accordion .accitem a:hover.article {
      background-color: #F0F0F0;
      color: #000000; }
    .easilys .dishbox:hover .accordion .accitem a.fe-eye,
    .easilys .dishbox:focus .accordion .accitem a.fe-eye {
      display: block;
      opacity: 0.6; }
    .easilys .dishbox:hover .accordion .accitem a:hover.fe-eye,
    .easilys .dishbox:focus .accordion .accitem a:hover.fe-eye {
      color: #000000;
      display: block;
      opacity: 1; }
    .easilys .dishbox:hover .fe-eye,
    .easilys .dishbox:focus .fe-eye {
      visibility: visible; }
    .easilys .dishbox:hover input,
    .easilys .dishbox:focus input {
      border: solid 1px #C8C7C6; }
    .easilys .dishbox:hover input:focus, .easilys .dishbox:hover input:hover, .easilys .dishbox:hover input:visited,
    .easilys .dishbox:focus input:focus,
    .easilys .dishbox:focus input:hover,
    .easilys .dishbox:focus input:visited {
      border: 1px solid #000000;
      margin-bottom: 2px;
      padding-bottom: 0px; }
  .easilys .dishbox:hover.gross-profit-nok-xlarge .accordion .accitem a:hover.article {
    background-color: #ff9494;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-nok-xlarge .accordion .accitem a:hover.fe-eye {
    background-color: #ff9494;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-nok-large .accordion .accitem a:hover.article {
    background-color: #ffa8a8;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-nok-large .accordion .accitem a:hover.fe-eye {
    background-color: #ffa8a8;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-nok-medium .accordion .accitem a:hover.article {
    background-color: #ffbdbd;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-nok-medium .accordion .accitem a:hover.fe-eye {
    background-color: #ffbdbd;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-nok-small .accordion .accitem a:hover.article {
    background-color: #ffd2d2;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-nok-small .accordion .accitem a:hover.fe-eye {
    background-color: #ffd2d2;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-ok-xlarge .accordion .accitem a:hover.article {
    background-color: #94ff94;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-ok-xlarge .accordion .accitem a:hover.fe-eye {
    background-color: #94ff94;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-ok-large .accordion .accitem a:hover.article {
    background-color: #a8ffa8;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-ok-large .accordion .accitem a:hover.fe-eye {
    background-color: #a8ffa8;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-ok-medium .accordion .accitem a:hover.article {
    background-color: #bdffbd;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-ok-medium .accordion .accitem a:hover.fe-eye {
    background-color: #bdffbd;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.gross-profit-ok-small .accordion .accitem a:hover.article {
    background-color: #d2ffd2;
    color: #000000; }
  .easilys .dishbox:hover.gross-profit-ok-small .accordion .accitem a:hover.fe-eye {
    background-color: #d2ffd2;
    display: block;
    opacity: 1; }
  .easilys .dishbox:hover.noprice .accordion .accitem a:hover.article {
    background-color: #e3e3e3;
    color: #000000; }
  .easilys .dishbox:hover.noprice .accordion .accitem a:hover.fe-eye {
    background-color: #e3e3e3;
    display: block;
    opacity: 1; }
  .easilys .dishbox-top {
    padding: 0px 3px;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-left: 1px solid #d4d4d4; }
    .easilys .dishbox-top .dishqty {
      bottom: 0px;
      font-size: 14px; }
    .easilys .dishbox-top input {
      border: solid 1px #C8C7C6;
      margin-bottom: 3px;
      height: 17px;
      padding-bottom: 0px;
      line-height: 15px; }
    .easilys .dishbox-top input:focus,
    .easilys .dishbox-top input:hover,
    .easilys .dishbox-top input:visited {
      border: 1px solid #000000; }
    .easilys .dishbox-top .price {
      float: left;
      margin-right: 30px; }
    .easilys .dishbox-top input.menu-element-qty {
      margin: 0px 0px 0px 0px; }
  .easilys .dishbox-header {
    position: relative;
    padding: 0 0 0 5px;
    overflow: hidden;
    font-style: italic;
    line-height: 1.8;
    font-size: 11px;
    letter-spacing: 1px;
    color: white;
    background-color: #83B3E1;
    border-left: 1px solid #d4d4d4; }
    .easilys .dishbox-header a:hover {
      color: var(--application-main-color);
      background-color: #FFFFFF; }
    .easilys .dishbox-header .dish-qty .fe-exclamation {
      margin-top: 3px; }
  .easilys .bottom a, .easilys .ribmenucol a {
    text-decoration: none; }
  .easilys .bottom a:hover, .easilys .ribmenucol a:hover {
    color: #000000; }
  .easilys .dishtype .bigcell {
    width: 100%;
    height: auto;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF; }
  .easilys .dishtype .dishfix {
    position: absolute;
    right: 0;
    visibility: hidden;
    color: #FFFFFF;
    width: 18px; }
  .easilys .dishtype .addbigcell i.bigger-icon {
    padding: 30px;
    font-size: 18px; }
  .easilys .noguideline:hover .dishbox-header,
  .easilys .dishtype:hover .dishbox-header {
    background-color: #458dd2; }
  .easilys .noguideline:hover .dishfix {
    visibility: visible; }
  .easilys .noguideline:hover .dish-qty {
    padding-right: 25px; }
  .easilys .btnew {
    background-color: #d1d1d1;
    font-style: italic;
    font-size: 11px;
    overflow: hidden; }
    .easilys .btnew a {
      display: inline-block;
      width: 100%;
      padding: 7px;
      font-style: italic;
      text-decoration: none;
      color: #000000; }
      .easilys .btnew a span {
        display: block;
        padding: 4px; }
    .easilys .btnew a:hover, .easilys .btnew a:focus {
      color: #000000;
      background-color: #a1a1a1; }
  .easilys .bigbutton-inner {
    color: #666666;
    font-size: 18px; }
  .easilys .bigbutton-inner:hover {
    background: #CCCCCC !important;
    color: #666666; }
  .easilys .recipe-component-qty {
    background-color: inherit;
    cursor: pointer; }
  .easilys .recipe-component-qty:focus {
    background-color: #FFFFFF;
    cursor: text; }
  .easilys .menu-calendar-reduced .main-container .top-content .top-content-data {
    height: 19px; }
    .easilys .menu-calendar-reduced .main-container .top-content .top-content-data .ribmenucol-raw {
      padding: 0px;
      height: 20px; }
  .easilys .menu-calendar-reduced .main-container .bottom-content .bottom-content-data {
    top: 20px; }
  .easilys .menu-calendar-reduced .btheader {
    height: 24px; }
    .easilys .menu-calendar-reduced .btheader .btheadertitle {
      margin: 3px 0px 0px -45px;
      font-size: 14px; }
    .easilys .menu-calendar-reduced .btheader i.fe-arrow-down {
      float: right; }
  .easilys .menu-calendar-reduced .dishbox-top {
    padding: 0px 2px; }
    .easilys .menu-calendar-reduced .dishbox-top .dishqty {
      font-size: 12px; }
    .easilys .menu-calendar-reduced .dishbox-top input {
      border: solid 1px #FFFFFF;
      margin: 0px 0px 0px 0px;
      height: 16px;
      padding-bottom: 0px;
      line-height: 14px; }
  .easilys .menu-calendar-reduced .dishbox-top:hover input {
    border: solid 1px #c9c9c9; }
  .easilys .menu-calendar-reduced .dishbox-top:hover input:hover {
    border: 1px solid #000000; }
  .easilys .menu-calendar-reduced .dishbox-header {
    padding: 0px 0px 0px 3px;
    height: 14px;
    line-height: 1.3; }
    .easilys .menu-calendar-reduced .dishbox-header .dish-qty .icalert {
      margin-top: -3px; }
    .easilys .menu-calendar-reduced .dishbox-header .dish-qty .fe-exclamation {
      margin-top: 1px; }
  .easilys .menu-calendar-reduced .dishbox .accordion a.article {
    height: 12px;
    font-size: 12px; }
  .easilys .menu-calendar-reduced .dishbox .accordion .accitem .article {
    height: 11px;
    padding-right: 44px;
    margin-right: 0;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; }
  .easilys .menu-calendar-reduced .dishbox .bottom {
    overflow: visible;
    padding: 0px 40px 2px 3px;
    height: 0px;
    line-height: 12px; }
    .easilys .menu-calendar-reduced .dishbox .bottom input {
      border: solid 1px #FFFFFF;
      font-size: 10px;
      height: 14px; }
    .easilys .menu-calendar-reduced .dishbox .bottom input:hover {
      border: 1px solid #000000; }
    .easilys .menu-calendar-reduced .dishbox .bottom input.dishqty {
      margin: 0px;
      top: -15px;
      right: 2px; }
    .easilys .menu-calendar-reduced .dishbox .bottom .fe-exclamation, .easilys .menu-calendar-reduced .dishbox .bottom .fe-user-exclamation, .easilys .menu-calendar-reduced .dishbox .bottom .fe-user {
      position: absolute;
      top: 0px; }
  .easilys .menu-calendar-reduced .dishbox:hover .accordion .accitem .article {
    padding-right: 82px; }
  .easilys .menu-calendar-reduced .dishbox:hover input {
    border: solid 1px #c9c9c9; }
  .easilys .menu-calendar-reduced .dishbox:hover a.fe-eye {
    position: absolute;
    top: 0;
    right: 60px;
    padding: 0;
    visibility: visible; }
  .easilys .menu-calendar-reduced .dishbox-alert .accordion .fe-exclamation, .easilys .menu-calendar-reduced .dishbox-alert .accordion .fe-user {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px; }
  .easilys .menu-calendar-reduced .dishbox-alert .accordion .fe-user-exclamation {
    display: block;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px; }
  .easilys .menu-calendar-reduced .dishbox-alert .accordion .accitem .article {
    padding-left: 20px; }
  .easilys .menu-calendar-reduced .dishbox-alert .fe-eye {
    display: none; }
  .easilys .menu-calendar-reduced .dishfix {
    height: 14px;
    line-height: 14px; }
  .easilys .menu-calendar-reduced .dishprice {
    display: none; }
  .easilys .menu-calendar-reduced .dishtype .bigcell {
    padding: 0px; }
    .easilys .menu-calendar-reduced .dishtype .bigcell i.fe-pen {
      font-size: 10px;
      padding: 2px 12px 1px 12px; }
  .easilys .menu-calendar-reduced .menu-element-price-display .price-currency {
    font-size: 11px;
    padding: 0px 2px 0px 1px; }
  .easilys .mealbox .dishbox-top,
  .easilys .dishbox .accordion .accitem,
  .easilys .dishbox .bottom,
  .easilys .dishbox:hover .accordion .accitem,
  .easilys .dishbox:hover .accordion .accitem .fe-eye {
    background-color: inherit;
    color: inherit; }
  .easilys .week-7 {
    width: 14.285714285714286%; }
  .easilys .week-5 {
    width: 20%; }
  .easilys .gross-profit-nok-xlarge {
    background-color: #FFADAD;
    color: #882222;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-nok-xlarge:hover {
    color: #4b1313; }
  .easilys .gross-profit-nok-large {
    background-color: #FFC1C1;
    color: #882222;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-nok-large:hover {
    color: #4b1313; }
  .easilys .gross-profit-nok-medium {
    background-color: #FFD6D6;
    color: #882222;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-nok-medium:hover {
    color: #4b1313; }
  .easilys .gross-profit-nok-small {
    background-color: #FFEBEB;
    color: #882222;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-nok-small:hover {
    color: #4b1313; }
  .easilys .gross-profit-null {
    background-color: #FFFFFF;
    color: inherit; }
  .easilys .gross-profit-ok-xlarge {
    background-color: #ADFFAD;
    color: #146d14;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-ok-xlarge:hover {
    color: #082c08; }
  .easilys .gross-profit-ok-large {
    background-color: #C1FFC1;
    color: #146d14;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-ok-large:hover {
    color: #082c08; }
  .easilys .gross-profit-ok-medium {
    background-color: #D6FFD6;
    color: #188318;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-ok-medium:hover {
    color: #082c08; }
  .easilys .gross-profit-ok-small {
    background-color: #EBFFEB;
    color: #1c981c;
    text-shadow: #FFFFFF 0px 0px 7px; }
  .easilys .gross-profit-ok-small:hover {
    color: #082c08; }
  .easilys .gross-profit-nok-xlarge, .easilys .gross-profit-nok-large, .easilys .gross-profit-nok-medium, .easilys .gross-profit-nok-small,
  .easilys .gross-profit-ok-xlarge, .easilys .gross-profit-ok-large, .easilys .gross-profit-ok-medium, .easilys .gross-profit-ok-small {
    border-color: white; }
  .easilys .dishbox-top.ok-bg-color,
  .easilys .dishbox-top.ko-bg-color {
    padding: 0px 15px; }
    .easilys .dishbox-top.ok-bg-color .cost-gap,
    .easilys .dishbox-top.ko-bg-color .cost-gap {
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 11px 5px; }
  .easilys .dishbox-top.ok-bg-color .cost-gap {
    color: #146d14;
    background: #ADFFAD; }
  .easilys .dishbox-top.ko-bg-color .cost-gap {
    color: #882222;
    background: #FFADAD; }
  .easilys .budget-badge {
    background: #ADFFAD;
    position: absolute;
    top: -2px;
    left: 0px;
    bottom: 0px;
    padding: 10px 5px; }
  .easilys .budget-badge-label {
    margin-left: 15px;
    position: absolute;
    top: 2px;
    font-size: 12px;
    color: #666666; }
  .easilys .meal-plan .menuel {
    overflow: hidden; }
  .easilys .meal-plan .mealbox {
    background-color: inherit;
    overflow: hidden; }
  .easilys .meal-plan .dishbox {
    overflow: hidden;
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    background-color: #FFFFFF; }
  .easilys .meal-plan .dishtype {
    display: inline-block;
    width: 14.28571%;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .meal-plan .bticn {
    width: 30px;
    height: 28px;
    float: left;
    margin: 0px 5px; }
  .easilys .meal-plan .calbody {
    background-color: #c7c7c7;
    margin-left: 5px; }
  .easilys .meal-plan .btheader {
    margin-bottom: -2px; }
  .easilys .formtop {
    height: 120px; }
    .easilys .formtop .btnoisy {
      font-size: 26px;
      padding: 0px 7px; }
    .easilys .formtop a span {
      vertical-align: middle; }
    .easilys .formtop a:hover span {
      color: #666666; }
  .easilys .inbox-mealtype {
    padding: 5px;
    background-color: #e0e0e0; }
  .easilys .inbox-disabled {
    background-color: #e0e0e0;
    color: #999999;
    border-style: dashed; }
  .easilys .inbox, .easilys .outbox {
    position: absolute;
    overflow-y: auto;
    bottom: 10px;
    top: 120px;
    border-top: solid 1px #CCCCCC; }
  .easilys .inbox {
    width: 390px;
    padding: 5px 13px 5px 10px; }
  .easilys .outbox {
    left: 450px;
    right: 40px;
    padding: 5px; }
    .easilys .outbox .itemlabel {
      cursor: pointer; }
    .easilys .outbox .movitem:hover {
      background-color: #f2f2f2;
      color: #000000; }
  .easilys .inbox-mealtype .btdelete, .easilys .inbox-mealtype .btupdate, .easilys .outbox .btdelete, .easilys .outbox .btupdate {
    margin: 0; }
  .easilys .inbox-mealtype .servtitle, .easilys .outbox .servtitle {
    line-height: 0;
    padding-left: 0; }
  .easilys .inbox-mealtype .movitem, .easilys .outbox .movitem {
    background-color: #FFFFFF; }
  .easilys .movitem {
    cursor: pointer;
    padding: 2px 2px 0 10px;
    background-color: #e0e0e0; }
  .easilys .movitem:active {
    padding: 2px 2px 0 10px;
    background-color: #F0F0F0; }
  .easilys .movitem.drop-zone {
    height: 36px;
    background-color: transparent;
    border: 3px dotted #C0C0C0;
    margin-top: 5px; }
  .easilys .budget-tab {
    height: 250px; }
    .easilys .budget-tab thead tr th {
      border-color: #CCCCCC;
      vertical-align: top; }
    .easilys .budget-tab tbody tr td {
      vertical-align: top; }
  .easilys .budget-tab-01 tbody tr > td:first-child {
    background-color: #e0e0e0;
    border-color: #CCCCCC; }
  .easilys .budget-tab-02 .tae, .easilys .budget-tab-02 .tao {
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0; }
  .easilys .budget-tab-02 tbody tr > td:first-child {
    background-color: #e0e0e0;
    border-color: #CCCCCC; }
  .easilys .budget-tab-02 tbody tr:first-child > td:first-child {
    background-color: inherit;
    border-color: #e0e0e0; }
  .easilys .budget-tab-02 tbody tr:first-child > td:nth-child(3) {
    background-color: #e0e0e0;
    border-color: #CCCCCC; }
  .easilys .budget-tab-03 .tae, .easilys .budget-tab-03 .tao {
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0; }
  .easilys .budget-tab-03 tbody tr > td:first-child {
    background-color: #e0e0e0;
    border-color: #CCCCCC; }
  .easilys .budget-tab-03 tbody tr:first-child > td:first-child {
    background-color: inherit;
    border-color: #e0e0e0; }
  .easilys .budget-tab-03 tbody tr:first-child > td:nth-child(2) {
    background-color: #e0e0e0;
    border-color: #CCCCCC; }
  .easilys .global-budget-tab tr.tae > td:first-child,
  .easilys .global-budget-tab tr.tao > td:first-child,
  .easilys .global-budget-tab tr.tai > td:first-child {
    height: 28px;
    padding: 0px 4px; }
  .easilys .global-budget-tab tr.tae > td:last-child,
  .easilys .global-budget-tab tr.tao > td:last-child,
  .easilys .global-budget-tab tr.tai > td:last-child {
    font-size: 10px;
    font-style: italic; }
  .easilys .body {
    min-height: 150px;
    overflow-y: auto; }
    .easilys .body .table tr th {
      border-color: #CCCCCC;
      text-align: center;
      width: 12.5%; }
    .easilys .body .table tr:last-child td.zborb {
      border-bottom: none; }
    .easilys .body .table-row tr {
      background-color: #FFFFFF; }
    .easilys .body .table-row tr.row-link {
      background-color: #FFFFFF;
      color: #333333;
      -webkit-transition: all 0.3s ease-out;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease-out;
      /* FF4+ */
      -ms-transition: all 0.3s ease-out;
      /* IE10 */
      -o-transition: all 0.3s ease-out;
      /* Opera 10.5+ */
      transition: all 0.3s ease-out;
      /* W3C*/ }
    .easilys .body .table-row .table-content .dish-label {
      color: #000000;
      padding: 10px;
      font-size: 18px; }
    .easilys .body .table-row:hover tr {
      background-color: #FFFFFF; }
    .easilys .body .table-row:hover tr.row-link {
      color: #000000;
      cursor: pointer; }
      .easilys .body .table-row:hover tr.row-link td {
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .body .table-row:hover tr.row-link:hover {
      color: #000000;
      cursor: pointer; }
      .easilys .body .table-row:hover tr.row-link:hover td {
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
    .easilys .body .table-row:hover .table-content tr {
      background-color: #FFFFFF; }
    .easilys .body .table .taitems tr th {
      text-align: center;
      width: 10%; }
    .easilys .body .dishtype .addbigcell i.bigger-icon {
      padding: 24px; }
  .easilys .adminbudget .ribbon {
    height: 40px;
    text-align: center; }
    .easilys .adminbudget .ribbon h1 {
      line-height: 40px; }
  .easilys .adminbudget .form {
    height: 100%;
    padding: 0px; }
  .easilys .adminbudget .toolbar {
    background-color: inherit; }
  .easilys .adminbudget .filter-panel .form {
    padding: 0;
    background: none;
    border: none; }
  .easilys .adminbudget .filter-panel select {
    width: 100%; }
  .easilys .adminbudget .body {
    min-height: 150px;
    overflow-y: auto; }
    .easilys .adminbudget .body .table tr th {
      border-color: #CCCCCC;
      text-align: center;
      width: 12.5%; }
    .easilys .adminbudget .body .table tr:last-child td.zborb {
      border-bottom: none; }
    .easilys .adminbudget .body .table .taitems tr th {
      text-align: center;
      width: 10%; }
    .easilys .adminbudget .body .dishtype .addbigcell i.bigger-icon {
      padding: 24px; }
  .easilys .adminbudget .scroll-mask {
    background-color: #FFFFFF; }
  .easilys .adminbudget .ribmenucol .ribmenucol-raw {
    height: 18px;
    line-height: 17px; }
    .easilys .adminbudget .ribmenucol .ribmenucol-raw input {
      border: solid 1px #CCCCCC; }
    .easilys .adminbudget .ribmenucol .ribmenucol-raw .indic-budget-color {
      padding: 2px 3px 0px 2px; }
    .easilys .adminbudget .ribmenucol .ribmenucol-raw .cost-price {
      font-style: normal;
      font-size: 12px;
      color: #000000;
      padding: 2px 3px 0px 2px; }
  .easilys .financial-management-screen {
    background-color: var(--application-main-background-color); }
    .easilys .financial-management-screen .adminbudget {
      margin: 0px; }
      .easilys .financial-management-screen .adminbudget .ribbon, .easilys .financial-management-screen .adminbudget .body {
        margin: 0px; }
      .easilys .financial-management-screen .adminbudget table .table-row:nth-child(3) tr td:first-child {
        background-color: var(--application-main-background-color);
        color: #666666; }
      .easilys .financial-management-screen .adminbudget .taitems th, .easilys .financial-management-screen .adminbudget .taitems td {
        padding: 5px; }
      .easilys .financial-management-screen .adminbudget .taitems .th-head {
        text-align: center;
        background-color: #F0F0F0;
        color: #333333;
        padding: 11px;
        width: 30%; }
      .easilys .financial-management-screen .adminbudget .taitems .th-head:first-child, .easilys .financial-management-screen .adminbudget .taitems td:first-child {
        width: 40%; }
      .easilys .financial-management-screen .adminbudget .taitems .row-link td {
        font-weight: bold;
        background-color: var(--application-main-background-color); }
        .easilys .financial-management-screen .adminbudget .taitems .row-link td h2 {
          font-size: 21px; }
      .easilys .financial-management-screen .adminbudget .taitems .tao td:first-child {
        text-align: left;
        background-color: #F0F0F0;
        color: #333333;
        width: 40%;
        padding-left: 20px; }
      .easilys .financial-management-screen .adminbudget .taitems .tao:hover {
        background-color: #F0F0F0; }
        .easilys .financial-management-screen .adminbudget .taitems .tao:hover td:first-child {
          background-color: #CCCCCC; }
        .easilys .financial-management-screen .adminbudget .taitems .tao:hover td:hover {
          color: #000000; }
      .easilys .financial-management-screen .adminbudget .taitems td {
        width: 30%;
        max-width: 0px; }
    .easilys .financial-management-screen .info-panel .panel-content .table .taitems th.th-head {
      text-align: right; }
    .easilys .financial-management-screen .info-panel .panel-content .table .taitems th:first-child.th-head {
      width: 20%; }
  .easilys .tablet-display .financial-management-screen .adminbudget .table-row:nth-child(3) tr {
    background-color: var(--application-main-background-color);
    color: #666666; }
  .easilys .menus-screen .title-bar a.bt-icon {
    color: var(--application-main-color); }
  .easilys .menus-screen .adminbudget .filter-panel {
    left: -200px;
    width: 200px; }
  .easilys .menus-screen .adminbudget .main-panel {
    left: 0px; }
  .easilys .menus-screen.show-filter-panel .adminbudget .filter-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 0px; }
  .easilys .menus-screen.show-filter-panel .adminbudget .main-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 200px; }
  .easilys .menu-calendar-rate-field-grossprofit {
    display: inline; }
  .easilys .menu-calendar-rate-field-cost {
    display: none; }
  .easilys .menu-calendar-value-field-grossprofit {
    display: none; }
  .easilys .menu-calendar-cost .menu-calendar-rate-field-grossprofit {
    display: none; }
  .easilys .menu-calendar-cost .menu-calendar-rate-field-cost {
    display: inline; }
  .easilys .menu-calendar-cost .menu-calendar-value-field-grossprofit {
    display: none; }
  .easilys .menu-calendar-value-grossprofit .menu-calendar-rate-field-grossprofit {
    display: none; }
  .easilys .menu-calendar-value-grossprofit .menu-calendar-rate-field-cost {
    display: none; }
  .easilys .menu-calendar-value-grossprofit .menu-calendar-value-field-grossprofit {
    display: inline; }
  .easilys .menu-calendar-value-grossprofit .menu-day-rate-field-cost {
    display: none; }
  .easilys .menu-calendar-value-grossprofit .menu-mealtype-rate-field-cost {
    display: none; }
  .easilys .menu-calendar-value-grossprofit .menu-week-rate-field-cost {
    display: none; }
  .easilys .menu-element-qty-display {
    display: inline !important; }
  .easilys .menu-element-catchRates-display {
    display: none !important; }
  .easilys .menu-element-price-display {
    display: none !important; }
  .easilys .menu-admin-dish-catchrates .menu-element-qty-display {
    display: none !important; }
  .easilys .menu-admin-dish-catchrates .menu-element-catchRates-display {
    display: inline !important; }
  .easilys .menu-admin-dish-catchrates .menu-element-price-display {
    display: none !important; }
  .easilys .menu-admin-dish-catchrates .menu-qty-display {
    display: none; }
  .easilys .menu-admin-dish-price .menu-element-qty-display {
    display: none !important; }
  .easilys .menu-admin-dish-price .menu-element-catchRates-display {
    display: none !important; }
  .easilys .menu-admin-dish-price .menu-element-price-display {
    display: inline !important; }
  .easilys .menu-admin-dish-price .menu-qty-display {
    display: none; }
  .easilys .menu-element-catchRates-display input.menu-element-qty {
    right: 10px; }
  .easilys .menu-element-catchRates-display .percent {
    position: absolute;
    color: #666666;
    right: 2px;
    bottom: 3px;
    font-size: 12px; }
  .easilys .menu-element-price-display .menu-element-qty-container {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    max-width: 48%;
    flex-wrap: wrap; }
  .easilys .menu-element-price-display input.menu-element-qty {
    position: initial; }
  .easilys .menu-element-price-display .price-currency {
    color: #666666;
    font-size: 10px;
    padding: 0px 2px; }
  .easilys .menu-calendar-qty {
    display: none;
    color: #666666; }
  .easilys .menu-admin-dish-price .menu-calendar-qty {
    display: inline; }
  .easilys .menu-admin-dish-price .menu-calendar-price {
    display: none; }
  .easilys .menu-admin-dish-price .bottom,
  .easilys .menu-calendar-reduced.menu-admin-dish-price .bottom {
    padding-right: 60px !important; }
  .easilys .menu-calendar-price {
    display: inline;
    color: #666666; }
  .easilys .menu-element-qty {
    float: right; }
  .easilys span.menu-element-qty {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 1px;
    padding-right: 2px; }
  .easilys input.menu-element-qty {
    position: absolute;
    right: 0;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0 1px 0 0;
    border: solid 1px #FFFFFF;
    width: 40px;
    height: 16px;
    line-height: 12px;
    text-align: right;
    color: #666666;
    -webkit-box-shadow: none;
    /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: none;
    /* FF3.5 - 3.6 */
    box-shadow: none;
    /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    -webkit-border-radius: 0;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0;
    /* FF1-3.6 */
    border-radius: 0;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }
  .easilys input.menu-element-qty:focus, .easilys input.menu-element-qty:hover {
    border: 1px solid #000000;
    padding-bottom: 0px; }
  .easilys .dishfix {
    position: absolute;
    right: 0;
    visibility: hidden;
    color: #FFFFFF;
    float: right;
    line-height: 1;
    font-size: 20px;
    width: 24px;
    height: 19px;
    padding-right: 2px;
    text-align: center;
    text-decoration: none; }
  .easilys .dish-qty {
    position: absolute;
    left: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 40px; }
  .easilys .dish-quantities {
    float: left;
    width: 100%; }
    .easilys .dish-quantities .set {
      color: lightcoral; }
    .easilys .dish-quantities .diff {
      border: 1px solid lightcoral;
      color: lightcoral; }
  .easilys .arrow-right-box {
    padding: 50%;
    margin-left: -20%; }
  .easilys .arrow-right:before {
    content: '➧';
    font-size: 5rem; }
  .easilys .menu-nutritional-view .week-info .price {
    color: #000000; }
  .easilys .menu-nutritional-view .adminbudget .ribmenucol .ribmenucol-raw .cost-price {
    color: #000000; }
  .easilys .menu-nutritional-view .nutritional-mode a:hover.addbigcell {
    background-color: #f0f0f0; }
  .easilys .menu-nutritional-view .nutritional-mode .dishtype:hover .dishbox-header {
    background-color: #CCCCCC;
    color: inherit; }
  .easilys .menu-nutritional-view .nutritional-mode .noguideline:hover .dishbox-header,
  .easilys .menu-nutritional-view .nutritional-mode .dishtype:hover .dishbox-header {
    background-color: #CCCCCC; }
  .easilys .menu-nutritional-view .nutritional-mode .noguideline:hover .dishfix {
    visibility: hidden; }
  .easilys .menu-nutritional-view .nutritional-mode .noguideline:hover .dish-qty {
    padding-right: 5px; }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox {
    color: #000000;
    overflow: hidden; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .accordion .accitem .article {
      opacity: 0.5;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .dishprice, .easilys .menu-nutritional-view .nutritional-mode .dishbox .art-gross-price {
      color: #000000; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .dishprice.dish-alert {
      position: relative;
      padding: 7px 0px 7px 20px;
      color: inherit; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .nutritional-composition {
      padding: 0px 0px 0px 0px; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .nutritional-composition.dish-alert {
      padding: 0px 0px 0px 20px; }
      .easilys .menu-nutritional-view .nutritional-mode .dishbox .nutritional-composition.dish-alert .small-icon.fe-user,
      .easilys .menu-nutritional-view .nutritional-mode .dishbox .nutritional-composition.dish-alert .small-icon.fe-exclamation {
        top: 9px;
        left: 6px; }
      .easilys .menu-nutritional-view .nutritional-mode .dishbox .nutritional-composition.dish-alert .normal-icon.fe-user-exclamation {
        top: 6px;
        left: 3px; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox .menu-element-qty {
      right: 2px;
      bottom: 4px; }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox-top .price {
    color: #000000; }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox-header {
    background-color: #CCCCCC;
    color: #666666; }
    .easilys .menu-nutritional-view .nutritional-mode .dishbox-header .dish-qty .art-gross-price {
      line-height: 20px;
      color: #666666; }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox:hover .accordion .accitem .article {
    background-color: inherit;
    color: inherit;
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox:hover .accordion .accitem a.fe-eye {
    opacity: 0.5;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox:hover .accordion .accitem a:hover.article {
    background-color: inherit;
    color: inherit; }
  .easilys .menu-nutritional-view .nutritional-mode .dishbox:hover .accordion .accitem a:hover.fe-eye {
    background-color: inherit;
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .menu-nutritional-view.menu-calendar-reduced .dishbox-header .dish-qty .art-gross-price {
    line-height: 16px; }
  .easilys .menu-nutritional-view.menu-calendar-reduced .dishbox .bottom {
    padding: 1px 40px 1px 3px; }
    .easilys .menu-nutritional-view.menu-calendar-reduced .dishbox .bottom .nutritional-composition.dish-alert {
      display: none; }
  .easilys .qz_Menu_Reports_Print_Content {
    left: 0px;
    right: 0px; }
  .easilys .qz_Menu_Reports_Print_Content > .content {
    top: 40px; }
  .easilys .link-report-format-content i.bigger-icon {
    padding: 10px; }
  .easilys .qz_Menu_Reports_Print_Content {
    top: 0px; }
  .easilys .qz_Menu_Reports_Print_Content {
    left: 0px;
    right: 0px; }
  .easilys .qz_Menu_Reports_Print_Content > .content {
    top: 40px; }
  .easilys .qz_Menu_Reports_Print_Content > h4 {
    height: 30px; }
  .easilys .qz_Menu_Reports_Print_Content.form {
    padding-top: 0px;
    background: inherit;
    border: none; }
  .easilys .totalheader {
    display: inline-block;
    padding: 0;
    line-height: 30px;
    width: 100%;
    height: 30px;
    outline: none;
    overflow: visible;
    background-color: #D8D7D6;
    text-decoration: none;
    font-weight: normal; }
  .easilys .totalheader-title {
    margin: 6px 0 0 -40px;
    padding-left: 50px;
    width: 85%;
    float: left; }
  .easilys .menus-screen ~ .popover .header {
    border-bottom: none;
    margin-bottom: 0px; }
  .easilys .menus-screen ~ .popover .sub-header .tabs {
    width: auto;
    height: 36px;
    border: none;
    border-top: solid 1px #808080;
    text-align: center;
    overflow-y: hidden; }
    .easilys .menus-screen ~ .popover .sub-header .tabs a {
      width: 30.1%;
      color: #808080;
      float: left;
      font-weight: bold;
      font-size: 13px;
      text-decoration: none;
      padding: 5px 4px;
      margin: 6px 0px 0px 0px; }
    .easilys .menus-screen ~ .popover .sub-header .tabs a.active {
      border-left: solid 1px #808080;
      border-right: solid 1px #808080;
      border-top: solid 1px #808080; }
    .easilys .menus-screen ~ .popover .sub-header .tabs a:not(.active) {
      border-bottom: solid 1px #808080; }
  .easilys .menus-screen ~ .popover div.content .recipes_list {
    min-height: 350px; }
    .easilys .menus-screen ~ .popover div.content .recipes_list .filter {
      position: absolute;
      top: 64px;
      bottom: 45px;
      margin-top: 1px;
      margin-left: 8px;
      left: 0px;
      right: 60%;
      overflow-y: auto;
      border-left: solid 1px #999999;
      border-bottom: solid 1px #999999; }
      .easilys .menus-screen ~ .popover div.content .recipes_list .filter .accordion {
        border-bottom: solid 1px #CCCCCC; }
      .easilys .menus-screen ~ .popover div.content .recipes_list .filter .accordion:last-child {
        margin: 0;
        border-bottom: none; }
    .easilys .menus-screen ~ .popover div.content .recipes_list .list {
      position: absolute;
      top: 64px;
      bottom: 45px;
      margin-top: 1px;
      margin-right: 8px;
      left: 40%;
      right: 0px;
      overflow-y: auto;
      border-right: solid 1px #999999;
      border-left: solid 1px #999999;
      border-bottom: solid 1px #999999; }
      .easilys .menus-screen ~ .popover div.content .recipes_list .list .list-item {
        padding: 10px;
        border-bottom: solid 1px #F0F0F0; }
        .easilys .menus-screen ~ .popover div.content .recipes_list .list .list-item .icon {
          padding: initial; }
        .easilys .menus-screen ~ .popover div.content .recipes_list .list .list-item .title {
          padding: initial; }
  .easilys .menus-screen ~ .popover .footer .btquiet {
    padding: 0px 5px 0px 0px; }
    .easilys .menus-screen ~ .popover .footer .btquiet .normal-icon {
      padding: 5px; }
  .easilys .qz_Menus_Copy_Element {
    cursor: pointer; }
  .easilys .menus-copy-screen .category-menu-container {
    border: solid 1px var(--application-main-background-color);
    border-bottom: none; }
    .easilys .menus-copy-screen .category-menu-container .button-header {
      position: relative; }
      .easilys .menus-copy-screen .category-menu-container .button-header .category-menu-button {
        cursor: pointer;
        transition-duration: 0.8s;
        transition-property: transform; }
      .easilys .menus-copy-screen .category-menu-container .button-header .category-menu-button:hover {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg); }
    .easilys .menus-copy-screen .category-menu-container .button-header:first-child {
      background-color: #FFFFFF;
      color: var(--application-main-color); }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .button-header {
      position: relative;
      cursor: pointer;
      background-color: var(--application-main-color);
      color: #FFFFFF;
      border-top: solid 1px #FFFFFF; }
      .easilys .menus-copy-screen .category-menu-container .mealtype-container .button-header .mealtype-button {
        cursor: pointer;
        transition-duration: 0.8s;
        transition-property: transform; }
      .easilys .menus-copy-screen .category-menu-container .mealtype-container .button-header .mealtype-button:hover {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg); }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .button-header:hover {
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%));
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%)); }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-header {
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%));
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
      height: 10px;
      padding: 5px;
      text-align: center; }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-content {
      -webkit-box-sizing: border-box;
      /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
      -moz-box-sizing: border-box;
      /* Firefox 2-11 */
      box-sizing: border-box;
      /* All and IE8+ */
      overflow: hidden;
      height: 50px;
      padding: 5px;
      text-align: center;
      border: dotted 1px #FFFFFF;
      background-color: var(--application-main-background-color);
      color: var(--application-main-color); }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-content:hover {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-content.targetActive {
      border: solid 1px #b2db92;
      background-color: #cde8b8;
      color: #7cc245;
      padding-top: 6px; }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-content.selectActive {
      border: solid 1px #aac1e2;
      background-color: #d0ddef;
      color: #5e8ac8;
      padding-top: 6px; }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container.targetActive .button-header {
      border: solid 1px #b2db92;
      background-color: #cde8b8;
      color: #7cc245; }
    .easilys .menus-copy-screen .category-menu-container .mealtype-container.selectActive .button-header {
      border: solid 1px #aac1e2;
      background-color: #d0ddef;
      color: #5e8ac8; }

/****/
/* Pre order screens */
/****/
.easilys .pre-order .flex-header-title {
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.easilys .pre-order .art {
  color: var(--application-main-color); }

.easilys .pre-order .grid-table .table-header {
  padding: 5px 25px 5px 0px; }

.easilys .pre-order .grid-table .table-body .table-row.alert-danger {
  border-color: #e3b7b7; }

.easilys .pre-order .grid-table .table-body .table-row .details-button,
.easilys .pre-order .grid-table .table-body a.table-row .details-button {
  position: relative;
  color: #666666;
  padding: 5px; }
  .easilys .pre-order .grid-table .table-body .table-row .details-button .fe-eye,
  .easilys .pre-order .grid-table .table-body a.table-row .details-button .fe-eye {
    display: none; }

.easilys .pre-order .grid-table .table-body .table-row .details-button:hover,
.easilys .pre-order .grid-table .table-body a.table-row .details-button:hover {
  color: #000000; }

.easilys .pre-order .grid-table .table-body .table-row .narrow-list-content,
.easilys .pre-order .grid-table .table-body a.table-row .narrow-list-content {
  margin-bottom: 5px; }

.easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-header,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-header {
  color: var(--application-main-color);
  background-color: var(--application-main-background-color); }

.easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-content .zbor, .easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-content .zbort, .easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-content .zborr, .easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-content .zborb, .easilys .pre-order .grid-table .table-body .table-row .main-element .narrow-list-content .zborl,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-content .zbor,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-content .zbort,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-content .zborr,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-content .zborb,
.easilys .pre-order .grid-table .table-body a.table-row .main-element .narrow-list-content .zborl {
  border-color: var(--application-main-background-color); }

.easilys .pre-order .grid-table .table-body .table-row:hover,
.easilys .pre-order .grid-table .table-body a:hover.table-row {
  background: #FFFFFF; }
  .easilys .pre-order .grid-table .table-body .table-row:hover .details-button,
  .easilys .pre-order .grid-table .table-body a:hover.table-row .details-button {
    /*background-color: $white;*/ }
    .easilys .pre-order .grid-table .table-body .table-row:hover .details-button .fe-eye,
    .easilys .pre-order .grid-table .table-body a:hover.table-row .details-button .fe-eye {
      display: inline-block; }
  .easilys .pre-order .grid-table .table-body .table-row:hover .main-element .art,
  .easilys .pre-order .grid-table .table-body a:hover.table-row .main-element .art {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
  .easilys .pre-order .grid-table .table-body .table-row:hover .main-element .narrow-list-header,
  .easilys .pre-order .grid-table .table-body a:hover.table-row .main-element .narrow-list-header {
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%));
    color: #FFFFFF; }

.easilys .pre-order .grid-table .link-report-format-content {
  padding: 5px; }

.easilys .pre-order .date-filter {
  height: 60px;
  z-index: 1; }

.easilys .pre-order .toggle-down-filter-panel {
  top: 60px;
  -webkit-transition: top 400ms ease-in-out;
  /* Saf3.2+, Chrome */
  -moz-transition: top 400ms ease-in-out;
  /* FF4+ */
  -ms-transition: top 400ms ease-in-out;
  /* IE10 */
  -o-transition: top 400ms ease-in-out;
  /* Opera 10.5+ */
  transition: top 400ms ease-in-out;
  /* W3C*/ }

.easilys .pre-order .toggle-up-filter-panel {
  top: 25px;
  -webkit-transition: top 400ms ease-in-out;
  /* Saf3.2+, Chrome */
  -moz-transition: top 400ms ease-in-out;
  /* FF4+ */
  -ms-transition: top 400ms ease-in-out;
  /* IE10 */
  -o-transition: top 400ms ease-in-out;
  /* Opera 10.5+ */
  transition: top 400ms ease-in-out;
  /* W3C*/ }

.easilys .pre-order .accordion-multi-level .body .row .content .bt-main .label, .easilys .pre-order .accordion-multi-level .body .row .content .bt-main .info {
  font-size: 12px; }

.easilys .pre-order .accordion-multi-level .body .row .content .bt-main .info {
  padding: 2px 0px 0px 0px;
  font-weight: bold; }

/********************************************************************************/
/************************************ RECIPE ************************************/
/********************************************************************************/
/**************** gathering of class used for the recipe screens ****************/
/********************************************************************************/
.easilys {
  /**************************************************************************************************
  * RECIPE
  * A recipe must be contained in a div with the class "recipe"
  * There are multiple theme of recipes according to the type of dish (starter, protein, garnish,...)
  * You can apply a theme by adding the class "food1" on the main div container
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
  /* Recipe's picture */
  /* carbohydrate = glucide */
  /**************************************************************************************************
  * FOOD COLOR - used for recipe, order screen, menu screen, ...
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
  /* Main title of a recipe */
  /* Second-level title of a recipe */
  /* Tags */ }
  .easilys .recipe-card {
    z-index: 11; }
    .easilys .recipe-card .global {
      background-color: #FFFFFF;
      border: 6px solid var(--application-main-color);
      -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      /* switch button */ }
      .easilys .recipe-card .global .column {
        padding: 0; }
      .easilys .recipe-card .global .cardheader {
        background-color: var(--application-main-color); }
        .easilys .recipe-card .global .cardheader .cardtitle {
          font-size: 24px;
          line-height: 1;
          color: #FFFFFF; }
        .easilys .recipe-card .global .cardheader .recipe-tabs {
          padding: 0; }
        .easilys .recipe-card .global .cardheader .btnormal {
          margin-left: 5px;
          padding-top: 1px; }
          .easilys .recipe-card .global .cardheader .btnormal .fe-print {
            line-height: 26px; }
        .easilys .recipe-card .global .cardheader .btnormal, .easilys .recipe-card .global .cardheader .btnormal:visited {
          display: inline-block;
          padding: 0px 10px;
          line-height: 30px;
          outline: none;
          overflow: visible;
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal.disabled, .easilys .recipe-card .global .cardheader .btnormal:visited.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .recipe-card .global .cardheader .btnormal:hover, .easilys .recipe-card .global .cardheader .btnormal:focus {
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 30%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal:hover.disabled, .easilys .recipe-card .global .cardheader .btnormal:focus.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .recipe-card .global .cardheader .btnormal:active {
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal:active.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
      .easilys .recipe-card .global .cardbody {
        display: inline; }
        .easilys .recipe-card .global .cardbody .tinylabel {
          font-size: 11px;
          font-style: normal; }
        .easilys .recipe-card .global .cardbody .price {
          font-size: 16px; }
        .easilys .recipe-card .global .cardbody .reeuro {
          padding-right: 10px; }
        .easilys .recipe-card .global .cardbody .icadd {
          margin: 0; }
        .easilys .recipe-card .global .cardbody a span {
          vertical-align: middle; }
        .easilys .recipe-card .global .cardbody table td .tag {
          padding: 5px;
          background-color: gainsboro;
          border-radius: 5px; }
        .easilys .recipe-card .global .cardbody table th {
          white-space: nowrap;
          text-align: center; }
        .easilys .recipe-card .global .cardbody table .price {
          font-size: 11px;
          float: none;
          min-width: 55px;
          /* The min-width is define by the head width */ }
        .easilys .recipe-card .global .cardbody .title-icon a.fe-arrow-down, .easilys .recipe-card .global .cardbody .title-icon a.fe-arrow-left {
          float: right; }
        .easilys .recipe-card .global .cardbody .image-container .fe-local {
          position: absolute;
          left: 10px;
          width: 20px;
          padding-top: 5px;
          color: #FFFFFF;
          text-shadow: 0px 0px 1px #000000; }
        .easilys .recipe-card .global .cardbody .image-container img.reimg {
          color: white;
          border-radius: 5px;
          margin: 0px;
          width: 100%;
          max-width: 120px;
          height: auto;
          background-color: var(--application-main-color); }
      .easilys .recipe-card .global .bt-switch-panel {
        background: none;
        color: #666666;
        width: 165px;
        font-weight: normal;
        font-style: italic; }
        .easilys .recipe-card .global .bt-switch-panel .switch .selector {
          /*margin: 5px 0px;*/
          background-color: #CCCCCC;
          border: solid 1px #666666; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:checked + .selector {
          background-color: #CCCCCC; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:focus + .selector {
          box-shadow: 0 0 1px #CCCCCC; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:checked + .selector:before {
          color: #666666;
          border-color: #666666; }
        .easilys .recipe-card .global .bt-switch-panel .switch .selector:before {
          background-color: #FFFFFF;
          color: #666666;
          border-color: #666666; }
  .easilys .img-list {
    float: right;
    margin-right: 0px;
    width: 100%;
    max-width: 60px;
    height: auto; }
  .easilys .recipe.food1 {
    border-left: 6px solid #E08015; }
  .easilys .recipe.food2 {
    border-left: 6px solid #B20F17; }
  .easilys .recipe.food3 {
    border-left: 6px solid #498C00; }
  .easilys .recipe.food4 {
    border-left: 6px solid #006FBF; }
  .easilys .recipe.food5 {
    border-left: 6px solid #732D91; }
  .easilys .cacell {
    width: 55%; }
  .easilys .cabar {
    width: 100%;
    height: 8px;
    border: 1px solid #F0F0F0; }
  .easilys .cavalue {
    width: 50%;
    height: 100%;
    background-color: #0F0;
    -webkit-transition: width 500ms ease-in;
    /* Saf3.2+, Chrome */
    -moz-transition: width 500ms ease-in;
    /* FF4+ */
    -ms-transition: width 500ms ease-in;
    /* IE10 */
    -o-transition: width 500ms ease-in;
    /* Opera 10.5+ */
    transition: width 500ms ease-in;
    /* W3C*/ }
  .easilys .caenergy .cabar {
    border-color: #E08015;
    background-color: #fae2c7; }
  .easilys .caenergy .cavalue {
    background-color: #E08015; }
  .easilys .caprotein .cabar {
    border-color: #B20F17;
    background-color: #fac6c8; }
  .easilys .caprotein .cavalue {
    background-color: #B20F17; }
  .easilys .cacarboh .cabar {
    border-color: #006FBF;
    background-color: #bfe4ff; }
  .easilys .cacarboh .cavalue {
    background-color: #006FBF; }
  .easilys .calipid .cabar {
    border-color: #732D91;
    background-color: #e5cdf0; }
  .easilys .calipid .cavalue {
    background-color: #732D91; }
  .easilys .recipe h1 {
    font-weight: bold; }
  .easilys .food1 h1 {
    color: #E08015;
    padding: 0;
    margin: 0; }
  .easilys .food2 h1 {
    color: #B20F17;
    padding: 0;
    margin: 0; }
  .easilys .food3 h1 {
    color: #498C00;
    padding: 0;
    margin: 0; }
  .easilys .food4 h1 {
    color: #006FBF;
    padding: 0;
    margin: 0; }
  .easilys .food5 h1 {
    color: #732D91;
    padding: 0;
    margin: 0; }
  .easilys .food1 h2 {
    color: #E08015; }
  .easilys .food2 h2 {
    color: #B20F17; }
  .easilys .food3 h2 {
    color: #498C00; }
  .easilys .food4 h2 {
    color: #006FBF; }
  .easilys .food5 h2 {
    color: #732D91; }
  .easilys .recipe-substitution .current-recipe {
    color: var(--application-main-color);
    border-radius: 1px;
    width: auto;
    text-align: center;
    height: 30px; }
  .easilys .recipe-substitution a.new-recipe {
    text-decoration: none;
    border: dashed 1px var(--application-main-color);
    background-color: var(--application-main-background-color);
    color: var(--application-main-color);
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 10px 0px;
    margin: 5px; }
  .easilys .recipe-substitution a.new-recipe:hover, .easilys .recipe-substitution a.new-recipe:focus {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
  .easilys .recipe-substitution .taitems td {
    padding: 0px; }
  .easilys .recipe-substitution .bigger-icon {
    color: var(--application-main-color); }
  .easilys .admin-recipe {
    /* Recipe cards */
    /* Labels */
    /* Butons */
    /* title icons */ }
    .easilys .admin-recipe .supprod-inner {
      margin: -5px 0 0 0;
      padding: 5px 0;
      /*
      If you want to desactivate the checkbox,
      replace actual margin and padding by the following setting :
      margin: 0;
      padding: 0px 15px 0px 0px;
      */
      /*text-decoration: none;
      color: $darkGrey;*/ }
    .easilys .admin-recipe .list-item .reimg, .easilys .admin-recipe .list-item-link .reimg {
      height: 50px;
      width: auto;
      float: right;
      margin-right: 0; }
    .easilys .admin-recipe .adminrecipe .active {
      background-color: #CCCCCC; }
    .easilys .admin-recipe .global {
      background-color: #FFFFFF;
      -webkit-box-shadow: none;
      /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: none;
      /* FF3.5 - 3.6 */
      box-shadow: none;
      /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ }
      .easilys .admin-recipe .global .column {
        padding: 0; }
      .easilys .admin-recipe .global .taitems {
        margin: 0; }
        .easilys .admin-recipe .global .taitems a {
          text-decoration: none; }
    .easilys .admin-recipe .cardheader {
      background-color: #CCCCCC; }
      .easilys .admin-recipe .cardheader .cardtitle {
        padding: 0 0 0 5px;
        color: #666666; }
    .easilys .admin-recipe .reeuro, .easilys .admin-recipe .lopeople {
      font-size: 14px;
      border-bottom: 1px solid #CCCCCC; }
    .easilys .admin-recipe .reeuro {
      background: url("../images/easilys_title_icons.png") no-repeat 0 -270px; }
    .easilys .admin-recipe .lopeople {
      background: url("../images/easilys_title_icons.png") no-repeat 0 -360px; }
    .easilys .admin-recipe .gen-cell-container {
      overflow: hidden;
      height: 100%;
      position: relative;
      margin: 0;
      padding-right: 0; }
      .easilys .admin-recipe .gen-cell-container .taitems {
        margin-bottom: 5px; }
    .easilys .admin-recipe .genprod {
      margin: 0 0 5px 0;
      text-decoration: none;
      color: #666666; }
    .easilys .admin-recipe a:hover .tabbuton {
      background: url("../images/easilys_icons.png") no-repeat -83px -43px;
      background-color: #bababa; }
    .easilys .admin-recipe .pancheck {
      position: absolute;
      float: left;
      width: 20px;
      top: 15px;
      left: 5px; }
    .easilys .admin-recipe .labelpan {
      opacity: 0.5;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .admin-recipe .tinylabel {
      font-style: italic;
      font-weight: normal;
      font-size: 10px;
      color: #bababa;
      background-color: inherit;
      border: none; }
    .easilys .admin-recipe .art {
      color: var(--application-main-color); }
    .easilys .admin-recipe .artsup {
      margin: 5px 0;
      font-weight: bold; }
    .easilys .admin-recipe .arttype {
      font-style: italic;
      font-size: 11px;
      font-weight: normal;
      margin: 0 0 2px 0;
      padding: 0; }
    .easilys .admin-recipe .btlabel {
      padding-right: 10px; }
    .easilys .admin-recipe .btplus {
      top: 5px;
      right: 5px;
      bottom: 5px; }
    .easilys .admin-recipe .title-icon h2 {
      margin-bottom: 0px; }
    .easilys .admin-recipe .title-icon h2, .easilys .admin-recipe .title-icon h5 {
      line-height: 28px; }
    .easilys .admin-recipe .title-icon h2 + a {
      margin: 5px 5px 0px 5px; }
  .easilys .recipe-tag {
    background-color: #fff;
    align-items: center;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
    margin: 3px 0; }

/********************************************************************************/
/************************************ RECIPE ************************************/
/********************************************************************************/
/**************** gathering of class used for the recipe screens ****************/
/********************************************************************************/
.easilys {
  /**************************************************************************************************
  * RECIPE
  * A recipe must be contained in a div with the class "recipe"
  * There are multiple theme of recipes according to the type of dish (starter, protein, garnish,...)
  * You can apply a theme by adding the class "food1" on the main div container
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
  /* Recipe's container */
  /* Recipe's picture */
  /* carbohydrate = glucide */
  /**************************************************************************************************
  * FOOD COLOR - used for recipe, order screen, menu screen, ...
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
  /* Main title of a recipe */
  /* Second-level title of a recipe */ }
  .easilys .recipe-card {
    z-index: 11; }
    .easilys .recipe-card .global {
      background-color: #FFFFFF;
      border: 6px solid var(--application-main-color);
      -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
      /* switch button */ }
      .easilys .recipe-card .global .column {
        padding: 0; }
      .easilys .recipe-card .global .cardheader {
        background-color: var(--application-main-color); }
        .easilys .recipe-card .global .cardheader .cardtitle {
          font-size: 24px;
          line-height: 1;
          color: #FFFFFF; }
        .easilys .recipe-card .global .cardheader .recipe-tabs {
          padding: 0; }
        .easilys .recipe-card .global .cardheader .btnormal {
          margin-left: 5px;
          padding-top: 1px; }
          .easilys .recipe-card .global .cardheader .btnormal .fe-print {
            line-height: 26px; }
        .easilys .recipe-card .global .cardheader .btnormal, .easilys .recipe-card .global .cardheader .btnormal:visited {
          display: inline-block;
          padding: 0px 10px;
          line-height: 30px;
          outline: none;
          overflow: visible;
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal.disabled, .easilys .recipe-card .global .cardheader .btnormal:visited.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .recipe-card .global .cardheader .btnormal:hover, .easilys .recipe-card .global .cardheader .btnormal:focus {
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 30%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal:hover.disabled, .easilys .recipe-card .global .cardheader .btnormal:focus.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .recipe-card .global .cardheader .btnormal:active {
          text-decoration: none;
          font-weight: normal;
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
          background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%)); }
          .easilys .recipe-card .global .cardheader .btnormal:active.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
      .easilys .recipe-card .global .cardbody {
        display: inline; }
        .easilys .recipe-card .global .cardbody .tinylabel {
          font-size: 11px;
          font-style: normal; }
        .easilys .recipe-card .global .cardbody .price {
          font-size: 16px; }
        .easilys .recipe-card .global .cardbody .reeuro {
          padding-right: 10px; }
        .easilys .recipe-card .global .cardbody .icadd {
          margin: 0; }
        .easilys .recipe-card .global .cardbody a span {
          vertical-align: middle; }
        .easilys .recipe-card .global .cardbody table td .tag {
          padding: 5px;
          background-color: gainsboro;
          border-radius: 5px; }
        .easilys .recipe-card .global .cardbody table th {
          white-space: nowrap;
          text-align: center; }
        .easilys .recipe-card .global .cardbody table .price {
          font-size: 11px;
          float: none;
          min-width: 55px;
          /* The min-width is define by the head width */ }
        .easilys .recipe-card .global .cardbody .title-icon a.fe-arrow-down, .easilys .recipe-card .global .cardbody .title-icon a.fe-arrow-left {
          float: right; }
        .easilys .recipe-card .global .cardbody .image-container .fe-local {
          position: absolute;
          left: 10px;
          width: 20px;
          padding-top: 5px;
          color: #FFFFFF;
          text-shadow: 0px 0px 1px #000000; }
        .easilys .recipe-card .global .cardbody .image-container img.reimg {
          color: white;
          border-radius: 5px;
          margin: 0px;
          width: 100%;
          max-width: 120px;
          height: auto;
          background-color: var(--application-main-color); }
      .easilys .recipe-card .global .bt-switch-panel {
        background: none;
        color: #666666;
        width: 165px;
        font-weight: normal;
        font-style: italic; }
        .easilys .recipe-card .global .bt-switch-panel .switch .selector {
          /*margin: 5px 0px;*/
          background-color: #CCCCCC;
          border: solid 1px #666666; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:checked + .selector {
          background-color: #CCCCCC; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:focus + .selector {
          box-shadow: 0 0 1px #CCCCCC; }
        .easilys .recipe-card .global .bt-switch-panel .switch input:checked + .selector:before {
          color: #666666;
          border-color: #666666; }
        .easilys .recipe-card .global .bt-switch-panel .switch .selector:before {
          background-color: #FFFFFF;
          color: #666666;
          border-color: #666666; }
  .easilys .img-list {
    float: right;
    margin-right: 0px;
    width: 100%;
    max-width: 60px;
    height: auto; }
  .easilys .recipe.food1 {
    border-left: 6px solid #E08015; }
  .easilys .recipe.food2 {
    border-left: 6px solid #B20F17; }
  .easilys .recipe.food3 {
    border-left: 6px solid #498C00; }
  .easilys .recipe.food4 {
    border-left: 6px solid #006FBF; }
  .easilys .recipe.food5 {
    border-left: 6px solid #732D91; }
  .easilys .cacell {
    width: 55%; }
  .easilys .cabar {
    width: 100%;
    height: 8px;
    border: 1px solid #F0F0F0; }
  .easilys .cavalue {
    width: 50%;
    height: 100%;
    background-color: #0F0;
    -webkit-transition: width 500ms ease-in;
    /* Saf3.2+, Chrome */
    -moz-transition: width 500ms ease-in;
    /* FF4+ */
    -ms-transition: width 500ms ease-in;
    /* IE10 */
    -o-transition: width 500ms ease-in;
    /* Opera 10.5+ */
    transition: width 500ms ease-in;
    /* W3C*/ }
  .easilys .caenergy .cabar {
    border-color: #E08015;
    background-color: #fae2c7; }
  .easilys .caenergy .cavalue {
    background-color: #E08015; }
  .easilys .caprotein .cabar {
    border-color: #B20F17;
    background-color: #fac6c8; }
  .easilys .caprotein .cavalue {
    background-color: #B20F17; }
  .easilys .cacarboh .cabar {
    border-color: #006FBF;
    background-color: #bfe4ff; }
  .easilys .cacarboh .cavalue {
    background-color: #006FBF; }
  .easilys .calipid .cabar {
    border-color: #732D91;
    background-color: #e5cdf0; }
  .easilys .calipid .cavalue {
    background-color: #732D91; }
  .easilys .recipe h1 {
    font-weight: bold; }
  .easilys .food1 h1 {
    color: #E08015;
    padding: 0;
    margin: 0; }
  .easilys .food2 h1 {
    color: #B20F17;
    padding: 0;
    margin: 0; }
  .easilys .food3 h1 {
    color: #498C00;
    padding: 0;
    margin: 0; }
  .easilys .food4 h1 {
    color: #006FBF;
    padding: 0;
    margin: 0; }
  .easilys .food5 h1 {
    color: #732D91;
    padding: 0;
    margin: 0; }
  .easilys .food1 h2 {
    color: #E08015; }
  .easilys .food2 h2 {
    color: #B20F17; }
  .easilys .food3 h2 {
    color: #498C00; }
  .easilys .food4 h2 {
    color: #006FBF; }
  .easilys .food5 h2 {
    color: #732D91; }
  .easilys .recipe-substitution .current-recipe {
    color: var(--application-main-color);
    border-radius: 1px;
    width: auto;
    text-align: center;
    height: 30px; }
  .easilys .recipe-substitution a.new-recipe {
    text-decoration: none;
    border: dashed 1px var(--application-main-color);
    background-color: var(--application-main-background-color);
    color: var(--application-main-color);
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 10px 0px;
    margin: 5px; }
  .easilys .recipe-substitution a.new-recipe:hover, .easilys .recipe-substitution a.new-recipe:focus {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
  .easilys .recipe-substitution .taitems td {
    padding: 0px; }
  .easilys .recipe-substitution .bigger-icon {
    color: var(--application-main-color); }
  .easilys .admin-recipe {
    /* Recipe cards */
    /* Labels */
    /* Butons */
    /* title icons */ }
    .easilys .admin-recipe .supprod-inner {
      margin: -5px 0 0 0;
      padding: 5px 0;
      /*
      If you want to desactivate the checkbox,
      replace actual margin and padding by the following setting :
      margin: 0;
      padding: 0px 15px 0px 0px;
      */
      /*text-decoration: none;
      color: $darkGrey;*/ }
    .easilys .admin-recipe .list-item .reimg, .easilys .admin-recipe .list-item-link .reimg {
      height: 50px;
      width: auto;
      float: right;
      margin-right: 0; }
    .easilys .admin-recipe .adminrecipe .active {
      background-color: #CCCCCC; }
    .easilys .admin-recipe .global {
      background-color: #FFFFFF;
      -webkit-box-shadow: none;
      /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: none;
      /* FF3.5 - 3.6 */
      box-shadow: none;
      /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ }
      .easilys .admin-recipe .global .column {
        padding: 0; }
      .easilys .admin-recipe .global .taitems {
        margin: 0; }
        .easilys .admin-recipe .global .taitems a {
          text-decoration: none; }
    .easilys .admin-recipe .cardheader {
      background-color: #CCCCCC; }
      .easilys .admin-recipe .cardheader .cardtitle {
        padding: 0 0 0 5px;
        color: #666666; }
    .easilys .admin-recipe .reeuro, .easilys .admin-recipe .lopeople {
      font-size: 14px;
      border-bottom: 1px solid #CCCCCC; }
    .easilys .admin-recipe .reeuro {
      background: url("../images/easilys_title_icons.png") no-repeat 0 -270px; }
    .easilys .admin-recipe .lopeople {
      background: url("../images/easilys_title_icons.png") no-repeat 0 -360px; }
    .easilys .admin-recipe .gen-cell-container {
      overflow: hidden;
      height: 100%;
      position: relative;
      margin: 0;
      padding-right: 0; }
      .easilys .admin-recipe .gen-cell-container .taitems {
        margin-bottom: 5px; }
    .easilys .admin-recipe .genprod {
      margin: 0 0 5px 0;
      text-decoration: none;
      color: #666666; }
    .easilys .admin-recipe a:hover .tabbuton {
      background: url("../images/easilys_icons.png") no-repeat -83px -43px;
      background-color: #bababa; }
    .easilys .admin-recipe .pancheck {
      position: absolute;
      float: left;
      width: 20px;
      top: 15px;
      left: 5px; }
    .easilys .admin-recipe .labelpan {
      opacity: 0.5;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .admin-recipe .tinylabel {
      font-style: italic;
      font-weight: normal;
      font-size: 10px;
      color: #bababa;
      background-color: inherit;
      border: none; }
    .easilys .admin-recipe .art {
      color: var(--application-main-color); }
    .easilys .admin-recipe .artsup {
      margin: 5px 0;
      font-weight: bold; }
    .easilys .admin-recipe .arttype {
      font-style: italic;
      font-size: 11px;
      font-weight: normal;
      margin: 0 0 2px 0;
      padding: 0; }
    .easilys .admin-recipe .btlabel {
      padding-right: 10px; }
    .easilys .admin-recipe .btplus {
      top: 5px;
      right: 5px;
      bottom: 5px; }
    .easilys .admin-recipe .title-icon h2 {
      margin-bottom: 0px; }
    .easilys .admin-recipe .title-icon h2, .easilys .admin-recipe .title-icon h5 {
      line-height: 28px; }
    .easilys .admin-recipe .title-icon h2 + a {
      margin: 5px 5px 0px 5px; }
  .easilys .recipe-screen .grid-table .tabhead .bt-icon {
    padding: 7px;
    margin: 0; }
  .easilys .recipe-screen .grid-table .table-body {
    top: 40px; }
  .easilys .recipe-screen .line-item-style {
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }
    .easilys .recipe-screen .line-item-style .list {
      padding: 0px; }
      .easilys .recipe-screen .line-item-style .list .span33 {
        width: 100%;
        margin: 0px;
        padding: 0px; }
      .easilys .recipe-screen .line-item-style .list .table-row {
        border-top: none;
        border-right: none;
        border-left: none; }
      .easilys .recipe-screen .line-item-style .list .list-item-header {
        height: 40px; }
        .easilys .recipe-screen .line-item-style .list .list-item-header .top-content {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
          .easilys .recipe-screen .line-item-style .list .list-item-header .top-content img {
            width: auto;
            min-width: 60px;
            max-width: 100%;
            height: auto;
            max-height: 100%;
            display: block;
            float: left;
            -webkit-transition: all 0.3s ease;
            /* Saf3.2+, Chrome */
            -moz-transition: all 0.3s ease;
            /* FF4+ */
            -ms-transition: all 0.3s ease;
            /* IE10 */
            -o-transition: all 0.3s ease;
            /* Opera 10.5+ */
            transition: all 0.3s ease;
            /* W3C*/
            opacity: 1;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .recipe-screen .line-item-style .list .list-item-header .bottom-content {
          position: absolute;
          left: 60px;
          top: 0px;
          bottom: 0px;
          right: 0px;
          padding: 5px;
          text-align: left;
          background-color: #FFFFFF;
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/ }
      .easilys .recipe-screen .line-item-style .list .table-row:hover {
        -webkit-transition: all 0.3s ease;
        /* Saf3.2+, Chrome */
        -moz-transition: all 0.3s ease;
        /* FF4+ */
        -ms-transition: all 0.3s ease;
        /* IE10 */
        -o-transition: all 0.3s ease;
        /* Opera 10.5+ */
        transition: all 0.3s ease;
        /* W3C*/ }
        .easilys .recipe-screen .line-item-style .list .table-row:hover .top-content img {
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/
          opacity: 0.75;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .recipe-screen .line-item-style .list .table-row:hover .bottom-content {
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/ }
  .easilys .recipe-screen .sticker-item-style {
    -webkit-transition: all 0.3s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease;
    /* FF4+ */
    -ms-transition: all 0.3s ease;
    /* IE10 */
    -o-transition: all 0.3s ease;
    /* Opera 10.5+ */
    transition: all 0.3s ease;
    /* W3C*/ }
    .easilys .recipe-screen .sticker-item-style .list {
      padding: 10px 0px 0px 10px; }
      .easilys .recipe-screen .sticker-item-style .list .list-item-header {
        height: 200px;
        padding: 0px; }
        .easilys .recipe-screen .sticker-item-style .list .list-item-header .span33 {
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/ }
        .easilys .recipe-screen .sticker-item-style .list .list-item-header .top-content {
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -webkit-box-align: center;
          align-items: center;
          text-align: center;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 145px; }
          .easilys .recipe-screen .sticker-item-style .list .list-item-header .top-content img {
            width: 100%;
            opacity: 1;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .recipe-screen .sticker-item-style .list .list-item-header .bottom-content {
          position: absolute;
          left: 0px;
          bottom: 0px;
          right: 0px;
          padding: 4px;
          text-align: left;
          background-color: #FFFFFF; }
      .easilys .recipe-screen .sticker-item-style .list .table-row {
        border: solid 1px #F0F0F0; }
      .easilys .recipe-screen .sticker-item-style .list .table-row:hover {
        -webkit-transition: all 0.3s ease;
        /* Saf3.2+, Chrome */
        -moz-transition: all 0.3s ease;
        /* FF4+ */
        -ms-transition: all 0.3s ease;
        /* IE10 */
        -o-transition: all 0.3s ease;
        /* Opera 10.5+ */
        transition: all 0.3s ease;
        /* W3C*/
        transform: scale(1.05); }
        .easilys .recipe-screen .sticker-item-style .list .table-row:hover .top-content img {
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/
          opacity: 0.75;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
        .easilys .recipe-screen .sticker-item-style .list .table-row:hover .bottom-content {
          -webkit-transition: all 0.3s ease;
          /* Saf3.2+, Chrome */
          -moz-transition: all 0.3s ease;
          /* FF4+ */
          -ms-transition: all 0.3s ease;
          /* IE10 */
          -o-transition: all 0.3s ease;
          /* Opera 10.5+ */
          transition: all 0.3s ease;
          /* W3C*/ }
  .easilys .recipe-screen .info-card-container .info-panel-header {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 40px;
    background-color: var(--application-main-color); }
  .easilys .recipe-screen .info-card-container .info-panel-body {
    position: absolute;
    top: 40px;
    right: 0px;
    bottom: 40px;
    left: 0px;
    background-color: #FFFFFF; }
    .easilys .recipe-screen .info-card-container .info-panel-body .form {
      background: inherit;
      border: none;
      padding: 0; }
    .easilys .recipe-screen .info-card-container .info-panel-body .block-container {
      padding: 10px;
      margin: 0px; }
      .easilys .recipe-screen .info-card-container .info-panel-body .block-container .image-content {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center; }
        .easilys .recipe-screen .info-card-container .info-panel-body .block-container .image-content a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-content: center;
          align-items: center; }
        .easilys .recipe-screen .info-card-container .info-panel-body .block-container .image-content img {
          max-width: 100%;
          max-height: 100%; }
      .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content {
        margin-bottom: 20px; }
        .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table {
          width: 100%; }
          .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table thead th, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table thead th {
            padding: 10px 5px;
            color: var(--application-main-color); }
            .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table thead th i, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table thead th i {
              padding: 0px; }
            .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table thead th label, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table thead th label {
              display: initial;
              margin-right: 0px;
              font-weight: bold;
              color: var(--application-main-color); }
          .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table tbody td, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table tbody td {
            padding: 5px;
            border-bottom: solid 1px #F0F0F0; }
          .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table tbody td.znobor, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table tbody td.znobor {
            border: none; }
          .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table tbody tr:last-child td, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table tbody tr:last-child td {
            border: none; }
        .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content .rating, .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content .rating {
          width: fit-content;
          margin: 0 auto;
          float: none; }
      .easilys .recipe-screen .info-card-container .info-panel-body .block-container .block-content table thead th {
        background-color: var(--application-main-background-color); }
      .easilys .recipe-screen .info-card-container .info-panel-body .block-container .sub-block-content table thead th {
        padding-left: 10px;
        border: 1px solid var(--application-main-background-color);
        text-align: left;
        background-color: lunquote("hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 5%))"); }
    @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
      .easilys .recipe-screen .info-card-container .info-panel-body [class^="span"].block-container, .easilys .recipe-screen .info-card-container .info-panel-body [class*=" span"].block-container {
        width: 100%; } }
  .easilys .recipe-screen .info-card-container .info-panel-footer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 40px; }
  .easilys .recipe-screen .info-card-container .btquiet, .easilys .recipe-screen .info-card-container .btloud, .easilys .recipe-screen .info-card-container .btnoisy, .easilys .recipe-screen .info-card-container .btabort, .easilys .recipe-screen .info-card-container .btnormal {
    padding: 0px; }
  .easilys .recipe-screen ~ .popover .radio-button {
    padding: 10px; }
  .easilys .recipe-screen ~ .popover input[type="checkbox"] + label, .easilys .recipe-screen ~ .popover input[type="radio"] + label {
    line-height: 21px; }

.easilys .product-panel {
  min-width: 980px; }
  .easilys .product-panel a.navigation_drawer_button {
    float: left;
    padding-right: 10px; }
    .easilys .product-panel a.navigation_drawer_button img.navigation_drawer_animated {
      position: absolute;
      top: 6px;
      left: -10px;
      height: 26px; }
    .easilys .product-panel a.navigation_drawer_button h1 {
      margin: 8px 0px 8px 22px; }
  .easilys .product-panel .ribbon {
    z-index: 0; }
  .easilys .product-panel .mercurial-label {
    max-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .easilys .product-panel .grid-table .table-body .table-row a.bt-icon {
    padding-right: 5px;
    height: 22px;
    display: inline-block; }
    .easilys .product-panel .grid-table .table-body .table-row a.bt-icon .normal-icon {
      line-height: 22px;
      padding: 0px; }
  .easilys .product-panel .grid-table .table-body .table-row .small-icon.fe-local {
    /*padding-top: 5px;
            float:left;*/
    padding: 0px; }
  .easilys .product-panel .grid-table .table-body .equal {
    border-left: solid 5px #58a959;
    /*.constant:before {
            content: "\2799";
          }
          .constant {
            color: $grey;
          }*/ }
  .easilys .product-panel .grid-table .table-body .modified {
    border-left: solid 5px #3A87AD; }
    .easilys .product-panel .grid-table .table-body .modified .change {
      font-weight: bold; }
      .easilys .product-panel .grid-table .table-body .modified .change span.normal-icon {
        padding: 0px;
        font-size: 16px;
        line-height: 16px; }
      .easilys .product-panel .grid-table .table-body .modified .change .lower {
        color: #58a959; }
      .easilys .product-panel .grid-table .table-body .modified .change .lower:before {
        content: "\2798"; }
      .easilys .product-panel .grid-table .table-body .modified .change .upper {
        color: #B94A48; }
      .easilys .product-panel .grid-table .table-body .modified .change .upper:before {
        content: "\279A"; }
    .easilys .product-panel .grid-table .table-body .modified .error {
      border-left: none;
      color: #B94A48;
      font-weight: bold; }
      .easilys .product-panel .grid-table .table-body .modified .error span.small-icon {
        padding: 0px; }
      .easilys .product-panel .grid-table .table-body .modified .error .art,
      .easilys .product-panel .grid-table .table-body .modified .error .price {
        color: #B94A48; }
  .easilys .product-panel .grid-table .table-body .new {
    border-left: solid 5px #3A87AD;
    color: #3A87AD;
    font-weight: bold; }
    .easilys .product-panel .grid-table .table-body .new .art,
    .easilys .product-panel .grid-table .table-body .new .price,
    .easilys .product-panel .grid-table .table-body .new a.bt-icon {
      color: #3A87AD; }
    .easilys .product-panel .grid-table .table-body .new a:hover.bt-icon {
      color: #2d6987; }
  .easilys .product-panel .grid-table .table-body .tao.new {
    background-color: #daeaf3; }
  .easilys .product-panel .grid-table .table-body .tae.new {
    background-color: #c7e0ec; }
  .easilys .product-panel .grid-table .table-body .ignored {
    border-left: solid 5px #999999;
    color: #999999; }
    .easilys .product-panel .grid-table .table-body .ignored .art,
    .easilys .product-panel .grid-table .table-body .ignored .price,
    .easilys .product-panel .grid-table .table-body .ignored a.bt-icon {
      color: #999999; }
    .easilys .product-panel .grid-table .table-body .ignored a:hover.bt-icon {
      color: gray; }
  .easilys .product-panel .grid-table .table-body .tao.ignored, .easilys .product-panel .grid-table .table-body .tae.ignored {
    background-color: #e6e6e6; }
  .easilys .product-panel .grid-table .table-body .refused {
    border-left: solid 5px #B94A48;
    color: #B94A48; }
    .easilys .product-panel .grid-table .table-body .refused .change {
      font-weight: bold; }
    .easilys .product-panel .grid-table .table-body .refused .art,
    .easilys .product-panel .grid-table .table-body .refused .price,
    .easilys .product-panel .grid-table .table-body .refused a.bt-icon {
      color: #B94A48; }
    .easilys .product-panel .grid-table .table-body .refused a:hover.bt-icon {
      color: #953b39; }
  .easilys .product-panel .grid-table .table-body .tao.refused, .easilys .product-panel .grid-table .table-body .tae.refused {
    background-color: #f1dcdc; }
  .easilys .product-panel .collapsible-left-panel .ribbon {
    background: inherit;
    padding: 5px 38px 5px 5px; }
  .easilys .product-panel .collapsible-left-panel .inner-right-panel .grid-table .table-body .table-row {
    padding: 5px; }
  .easilys .product-panel .collapsible-bottom-panel.opened {
    height: 305px; }
  .easilys .product-panel .mercurial-table .table-row .table-row:first-child .bt-icon.red-object {
    padding-right: 0px; }
  .easilys .product-panel .mercurial-table .table-row .table-row:last-child span.checkbox {
    padding: 6px 0px 0px 0px; }
    .easilys .product-panel .mercurial-table .table-row .table-row:last-child span.checkbox input + label {
      padding-left: 6px; }
  .easilys .product-panel .mercurial-table .table-row .table-row:last-child a.grey-object .tinylabel {
    vertical-align: middle; }
  .easilys .product-panel .mercurial-table .table-row .table-row:last-child a:hover.grey-object .tinylabel,
  .easilys .product-panel .mercurial-table .table-row .table-row:last-child a:active.grey-object .tinylabel,
  .easilys .product-panel .mercurial-table .table-row .table-row:last-child a:focus.grey-object .tinylabel {
    color: #999999; }

.easilys .modalbox-product a:focus.button-icon,
.easilys .modalbox-product a:hover.button-icon {
  color: black;
  background-color: #F0F0F0; }

.easilys .modalbox-product a.button-icon.disabled:focus,
.easilys .modalbox-product a.button-icon.disabled:hover {
  color: #CCCCCC;
  background-color: none; }

.easilys .modalbox-product .table-tree {
  display: block; }
  .easilys .modalbox-product .table-tree .table-tree-content {
    height: 300px;
    position: relative;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
    .easilys .modalbox-product .table-tree .table-tree-content .ribbon {
      padding-right: 29px;
      background: inherit; }
    .easilys .modalbox-product .table-tree .table-tree-content .table-column {
      border-color: #999;
      width: 50%;
      border-right: solid 1px #999;
      border-bottom: solid 1px #999;
      overflow-y: auto; }
      .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a {
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none; }
        .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a span {
          display: block;
          padding: 10px 5px; }
          .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a span span {
            display: inline-block;
            padding: 0px; }
        .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a i.normal-icon {
          position: absolute;
          right: -3px;
          top: 3px; }
      .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a:focus,
      .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a:hover {
        color: black;
        background-color: #F0F0F0; }
      .easilys .modalbox-product .table-tree .table-tree-content .table-column ul.list li a.active {
        color: black;
        background-color: #E0E0E0; }
    .easilys .modalbox-product .table-tree .table-tree-content .table-column.left {
      border-left: solid 1px #999; }
    .easilys .modalbox-product .table-tree .table-tree-content .table-column.right {
      border-top: solid 1px #999; }

.easilys .modalbox-product hr.underline {
  margin-bottom: 0px;
  margin-top: 0px;
  height: 5px;
  background-color: #E6E6E6; }

.easilys .modalbox-product hr.underline.active {
  background-color: #666666; }

.easilys .modalbox-product .tag {
  position: relative;
  background-color: white;
  padding: 9px 20px 9px 9px;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  float: left; }
  .easilys .modalbox-product .tag .tag-delete-button {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 20px; }
    .easilys .modalbox-product .tag .tag-delete-button a {
      margin-top: -25%;
      display: block; }

.easilys .admin-generic-screen {
  min-width: 980px; }
  .easilys .admin-generic-screen .list ul li {
    position: relative; }
    .easilys .admin-generic-screen .list ul li .list-item {
      margin-right: 40px; }
    .easilys .admin-generic-screen .list ul li .list-item-link {
      position: absolute;
      top: 0px;
      right: 0px; }
      .easilys .admin-generic-screen .list ul li .list-item-link .normal-icon.fe-link {
        padding: 10px 6px; }
    .easilys .admin-generic-screen .list ul li .list-item:hover,
    .easilys .admin-generic-screen .list ul li .list-item:focus,
    .easilys .admin-generic-screen .list ul li .list-item-link:hover,
    .easilys .admin-generic-screen .list ul li .list-item-link:focus,
    .easilys .admin-generic-screen .list ul li .active {
      background-color: #F0F0F0;
      cursor: pointer;
      color: #333333; }
      .easilys .admin-generic-screen .list ul li .list-item:hover .art,
      .easilys .admin-generic-screen .list ul li .list-item:focus .art,
      .easilys .admin-generic-screen .list ul li .list-item-link:hover .art,
      .easilys .admin-generic-screen .list ul li .list-item-link:focus .art,
      .easilys .admin-generic-screen .list ul li .active .art {
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 8%)); }
      .easilys .admin-generic-screen .list ul li .list-item:hover .artsup, .easilys .admin-generic-screen .list ul li .list-item:hover .arttype,
      .easilys .admin-generic-screen .list ul li .list-item:focus .artsup,
      .easilys .admin-generic-screen .list ul li .list-item:focus .arttype,
      .easilys .admin-generic-screen .list ul li .list-item-link:hover .artsup,
      .easilys .admin-generic-screen .list ul li .list-item-link:hover .arttype,
      .easilys .admin-generic-screen .list ul li .list-item-link:focus .artsup,
      .easilys .admin-generic-screen .list ul li .list-item-link:focus .arttype,
      .easilys .admin-generic-screen .list ul li .active .artsup,
      .easilys .admin-generic-screen .list ul li .active .arttype {
        color: #333333; }

.easilys .buyable-supplier-products-screen .info-card {
  border: solid 5px var(--application-main-color);
  border-top: none;
  margin-top: -5px; }
  .easilys .buyable-supplier-products-screen .info-card .taitems th {
    background-color: var(--application-main-color);
    color: #FFFFFF;
    font-weight: normal; }
  .easilys .buyable-supplier-products-screen .info-card .taitems td span {
    font-size: 14px; }
  .easilys .buyable-supplier-products-screen .info-card .taitems td .badge {
    float: left;
    padding: 5px;
    color: #FFFFFF; }

.easilys .admin-product-screen .btloadmore {
  height: 0px; }
  .easilys .admin-product-screen .btloadmore a {
    display: block;
    height: 20px;
    line-height: 20px;
    background-color: #CCCCCC; }

.easilys .admin-product-screen a.btloadmore {
  height: 30px;
  line-height: 30px; }

/********************************************************************************/
/************************************ PRODUCT ***********************************/
/********************************************************************************/
/***************** gathering of class used for the home screens *****************/
/********************************************************************************/
.easilys .admin_product h1 {
  padding: 0 10px 5px 10px;
  margin: 0px; }

.easilys .admin_product h4 label {
  display: inline-block;
  float: right; }

.easilys .admin_product .panw470 {
  width: 470px; }

.easilys .admin_product .pansupplier {
  background-color: #FFFFFF;
  top: 140px;
  border: solid 1px #CCCCCC; }

.easilys .admin_product .pangeneric {
  background-color: #FFFFFF;
  height: 130px;
  border: solid 1px #CCCCCC; }

.easilys .admin_product .supplist {
  top: 28px;
  overflow-x: auto;
  background-color: #FFFFFF;
  height: auto;
  border-top: solid 1px #CCCCCC; }
  .easilys .admin_product .supplist ul li {
    background-color: #FFFFFF;
    border-bottom: solid 1px #CCCCCC; }
  .easilys .admin_product .supplist ul li .supp {
    display: block;
    text-decoration: none;
    line-height: 2.5;
    width: 100%;
    height: 100%; }
  .easilys .admin_product .supplist ul li a:hover, .easilys .admin_product .supplist ul li a:focus, .easilys .admin_product .supplist .active {
    background-color: #F0F0F0;
    color: #4d4d4d; }

.easilys .admin_product .info-top {
  background-color: #FFFFFF;
  border-left: solid 1px #CCCCCC;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC; }

.easilys .admin_product .info-bottom {
  background-color: #FFFFFF;
  border-left: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC; }

.easilys .admin_product .pantabs {
  float: right;
  padding-left: 10px; }
  .easilys .admin_product .pantabs ul.tabs {
    height: 30px; }
  .easilys .admin_product .pantabs ul.tabs li {
    background-color: #F0F0F0;
    border: solid 1px #CCCCCC;
    border-radius: 2px; }
  .easilys .admin_product .pantabs ul.tabs li a {
    padding: 0 10px; }
  .easilys .admin_product .pantabs ul.tabs li.active {
    background-color: #FFFFFF; }

.easilys .admin-supprod {
  /* Generic products */
  /* Labels */
  /* Butons */
  /*.list-sub-header {
      background-color: $lighterGrey;
      font-weight: normal;
      text-transform: initial;
      .sub-header-label {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px;
      }
    }*/ }
  .easilys .admin-supprod .gen-cell-container {
    overflow: hidden;
    height: 100%;
    position: relative;
    margin: 0;
    padding-right: 0; }
    .easilys .admin-supprod .gen-cell-container .taitems {
      margin-bottom: 5px; }
  .easilys .admin-supprod .genprod {
    margin: 0 0 5px 0;
    text-decoration: none;
    color: #666666; }
  .easilys .admin-supprod .tabbuton {
    padding: 3px 2px 1px 2px; }
  .easilys .admin-supprod a {
    text-decoration: none; }
  .easilys .admin-supprod a:hover.tabbuton {
    background-color: #bababa;
    color: #000000; }
  .easilys .admin-supprod .pancheck {
    position: absolute;
    float: left;
    width: 20px;
    top: 15px;
    left: 5px; }
  .easilys .admin-supprod .labelpan {
    opacity: 0.5;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .admin-supprod .supprod-inner {
    text-decoration: none;
    color: #666666; }
  .easilys .admin-supprod .pabsitem-inner a:hover {
    background-color: #CCCCCC;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in;
    /* Saf3.2+, Chrome */
    -moz-transition: background 100ms ease-in;
    /* FF4+ */
    -ms-transition: background 100ms ease-in;
    /* IE10 */
    -o-transition: background 100ms ease-in;
    /* Opera 10.5+ */
    transition: background 100ms ease-in;
    /* W3C*/ }
  .easilys .admin-supprod a.supprod-inner:hover .art {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
  .easilys .admin-supprod .gen-cell .zbor, .easilys .admin-supprod .gen-cell .zborb, .easilys .admin-supprod .gen-cell .zbort, .easilys .admin-supprod .gen-cell .zborr, .easilys .admin-supprod .gen-cell .zborl {
    border-color: #f2f2f2; }
  .easilys .admin-supprod .list-item .reimg {
    height: 45px;
    width: auto;
    float: right;
    margin-right: 0; }
  .easilys .admin-supprod .list-item input {
    margin-top: 1px; }
  .easilys .admin-supprod .tab_widget {
    height: 26px; }
  .easilys .admin-supprod th {
    background-color: inherit;
    color: #000000;
    font-weight: bold;
    font-size: 10px;
    border: none; }
  .easilys .admin-supprod th, .easilys .admin-supprod td {
    width: 25%; }
  .easilys .admin-supprod .art {
    color: var(--application-main-color);
    padding: 0 10px 0 0; }
  .easilys .admin-supprod .artsup {
    margin: 5px 0;
    font-weight: bold; }
  .easilys .admin-supprod .arttype {
    font-style: italic;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 2px 0;
    padding: 0; }
  .easilys .admin-supprod .btlabel {
    padding-right: 10px; }
  .easilys .admin-supprod .btplus {
    top: 5px;
    right: 5px;
    bottom: 5px; }

.easilys .inventory-screen .list .list-item,
.easilys .inventory-screen .list .list-item-link {
  border-top: 1px solid #e0e0e0;
  background-color: #FFFFFF;
  padding-left: 80px;
  padding-right: 70px; }
  .easilys .inventory-screen .list .list-item input,
  .easilys .inventory-screen .list .list-item-link input {
    text-align: center;
    width: 70px;
    height: 25px;
    margin-bottom: 3px; }
  .easilys .inventory-screen .list .list-item input:disabled,
  .easilys .inventory-screen .list .list-item-link input:disabled {
    background-color: inherit;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 14px;
    border: none; }
  .easilys .inventory-screen .list .list-item + .list-item.item-options,
  .easilys .inventory-screen .list .list-item-link + .list-item.item-options {
    display: none;
    border: none;
    background-color: #FFFFFF;
    padding: 0 70px 0 110px; }
  .easilys .inventory-screen .list .list-item + .list-item.item-options.show-options,
  .easilys .inventory-screen .list .list-item-link + .list-item.item-options.show-options {
    display: block; }
  .easilys .inventory-screen .list .list-item .box-container,
  .easilys .inventory-screen .list .list-item-link .box-container {
    position: absolute;
    top: 50%;
    bottom: 0;
    padding: 0 3px;
    text-align: center; }
    .easilys .inventory-screen .list .list-item .box-container .box-content,
    .easilys .inventory-screen .list .list-item-link .box-container .box-content {
      transform: translateY(-50%);
      background: inherit; }
  .easilys .inventory-screen .list .list-item .box-container.left-box,
  .easilys .inventory-screen .list .list-item-link .box-container.left-box {
    left: 0px; }
  .easilys .inventory-screen .list .list-item .box-container.right-box,
  .easilys .inventory-screen .list .list-item-link .box-container.right-box {
    right: 0px;
    padding: 0 5px; }
    .easilys .inventory-screen .list .list-item .box-container.right-box .box-content,
    .easilys .inventory-screen .list .list-item-link .box-container.right-box .box-content {
      float: right;
      text-align: right; }
  .easilys .inventory-screen .list .list-item .alert a,
  .easilys .inventory-screen .list .list-item-link .alert a {
    color: #F89406; }
  .easilys .inventory-screen .list .list-item .alert a:hover,
  .easilys .inventory-screen .list .list-item-link .alert a:hover {
    color: #c67605; }

.easilys .inventory-screen .list .list-item:hover,
.easilys .inventory-screen .list .list-item-link:hover,
.easilys .inventory-screen .list .list-item-link:focus,
.easilys .inventory-screen .list .list-item-link.active {
  background-color: #F0F0F0; }
  .easilys .inventory-screen .list .list-item:hover + .list-item.item-options,
  .easilys .inventory-screen .list .list-item-link:hover + .list-item.item-options,
  .easilys .inventory-screen .list .list-item-link:focus + .list-item.item-options,
  .easilys .inventory-screen .list .list-item-link.active + .list-item.item-options {
    background-color: #F0F0F0; }

.easilys .inventory-screen .list .list-sub-header + .list-item,
.easilys .inventory-screen .list .list-sub-header + .list-item-link {
  border: none; }

.easilys .movement-detail-container {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 100; }

.easilys .movement-detail-panel {
  -webkit-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
  -moz-box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
  box-shadow: -5px 0px 8px -4px rgba(102, 102, 102, 0.5);
  z-index: 10; }

.easilys #qz_Stocks_Index_Movements_Detail_Panel {
  left: 100%;
  width: 100%; }

.easilys .qz_Stock_Product_Sheet_Report_Format.selected {
  font-size: 15px; }

.easilys .storage-list .bt-icon {
  font-size: 16px; }

.easilys .storage-screen .grid-table .table-body .table-row .col-qty input[readonly] {
  font-size: 16px !important; }

.easilys .prodlist {
  /* Labels */ }
  .easilys .prodlist .taitems th, .easilys .prodlist .taitems td {
    padding: 0; }
  .easilys .prodlist .taitems thead th {
    padding: 0px 5px; }
  .easilys .prodlist .taitems input[type="text"] {
    width: 55px;
    height: 16px;
    line-height: 13px;
    padding: 2px 2px 1px 2px;
    text-align: right; }
  .easilys .prodlist .tae {
    border-top: solid 1px #FFFFFF; }
  .easilys .prodlist .tao {
    border-top: solid 1px #F0F0F0; }
  .easilys .prodlist .art {
    color: var(--application-main-color); }

.easilys .prodlist:hover {
  background-color: #f8f8f8; }

/* SUPPLIER ORDER */
.easilys {
  /* Modification of the table properties in the modalbox of a full order */ }
  .easilys .supplier-order-screen .grid-table .tabhead .bt-icon {
    padding: 7px;
    margin: 0px; }
  .easilys .supplier-order-screen .grid-table .table-body .table-row + .table-row.row-option {
    margin-top: 0px; }
  @media (min-width: 1800px) {
    .easilys .supplier-order-screen .span33 {
      width: 25%; } }
  @media (min-width: 1280px) {
    .easilys .supplier-order-screen .span33 {
      width: 33.33333%; } }
  @media (max-width: 1279px) {
    .easilys .supplier-order-screen .span33 {
      width: 50%; } }
  @media (max-width: 1023px) {
    .easilys .supplier-order-screen .span33 {
      width: 100%; } }
  @media (max-width: 767px) {
    .easilys .supplier-order-screen .span33 {
      width: 100%; } }
  .easilys .supplier-order-screen .list .list-item-container .list-item-header {
    position: relative;
    padding: 0px 30px 0px 60px;
    min-height: 60px; }
    .easilys .supplier-order-screen .list .list-item-container .list-item-header .product-image {
      position: absolute;
      top: 0px;
      left: 0px;
      width: auto;
      min-width: 60px;
      max-width: 100%;
      height: 60px;
      display: block;
      float: left;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 0.6;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.zbor {
    border-color: #CCCCCC !important; }
    .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.zbor .bottom-content .ellipsis {
      white-space: initial; }
  .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover, .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.ordered {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%));
    color: #000000; }
    .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover img, .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.ordered img {
      opacity: 1;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
    .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover .bottom-content, .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.ordered .bottom-content {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) + 10%));
      color: #000000; }
  .easilys .supplier-order-screen .list .list-item-container .row-option .grid .span33 a.sticker-inner.ordered:hover .bottom-content {
    background-color: var(--application-main-background-color); }
  .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner {
    border-color: #CCCCCC !important; }
  .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner {
    box-shadow: none; }
  .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner {
    height: 60px; }
    .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .top-content img {
      position: absolute;
      top: 0px;
      left: 0px;
      width: auto;
      min-width: 60px;
      max-width: 100%;
      height: 60px;
      display: block;
      float: left;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .bottom-content {
      position: absolute;
      left: 60px; }
      .easilys .supplier-order-screen .list .list-item-container.line-item-style .row-option .grid .span33 a.sticker-inner .bottom-content .ellipsis {
        white-space: nowrap; }
  .easilys .supplier-order-screen .list .list-item-container:hover img {
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .supplier-order-screen .list .best-price-patch {
    position: absolute;
    top: -10px;
    left: 0px; }
    .easilys .supplier-order-screen .list .best-price-patch .fe-markdown {
      font-size: 21px; }
    .easilys .supplier-order-screen .list .best-price-patch .fe-best-price {
      font-size: 42px; }
  .easilys .supplier-order-screen .info-card .accordion .accheader {
    background-color: inherit; }
  .easilys .supplier-order-screen .info-card .accordion .accitem {
    border-bottom: 1px solid #ededed;
    margin-top: 5px; }
  .easilys .supplier-order-screen .info-card .accordion .accitem:last-child {
    border-bottom: none; }
  .easilys .supplier-order-screen .info-card .accordion .qz_SupplierOrders_Index_Box_Toggle_Display a {
    background-color: var(--application-main-background-color);
    color: var(--application-main-color); }
  .easilys .supplier-order-screen .info-card .accordion .qz_SupplierOrders_Index_Box_Toggle_Display a:hover {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%));
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 30%)); }
  .easilys .supplier-order-screen .cart_list {
    margin-top: -1px;
    border-left: solid 1px #CCCCCC; }
    .easilys .supplier-order-screen .cart_list a.btoption {
      border-left: 1px solid #ededed;
      color: inherit;
      float: right; }
      .easilys .supplier-order-screen .cart_list a.btoption .small-icon {
        padding: 14px; }
    .easilys .supplier-order-screen .cart_list a:hover.btoption {
      color: #333333; }
  .easilys .supplier-order-screen .order-tabs ul.tabs li {
    width: 140px;
    text-align: center; }
  .easilys .supplier-order-screen .order-box {
    position: relative;
    padding: 0px 0px 0px 40px; }
    .easilys .supplier-order-screen .order-box .order-box-info-left {
      display: block;
      padding: 2px 80px 3px 5px; }
    .easilys .supplier-order-screen .order-box .order-box-info-right {
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 2px 3px; }
    .easilys .supplier-order-screen .order-box a.order-box-info {
      color: inherit;
      display: block; }
    .easilys .supplier-order-screen .order-box a {
      display: block; }
    .easilys .supplier-order-screen .order-box .bt-icon {
      display: none; }
    .easilys .supplier-order-screen .order-box .supplier-image {
      display: block; }
  .easilys .supplier-order-screen .order-box.model .order-box-info-left {
    padding: 8px;
    padding-right: 30px; }
  .easilys .supplier-order-screen .order-box:hover {
    color: #000000;
    background-color: #F0F0F0; }
    .easilys .supplier-order-screen .order-box:hover .bt-icon {
      display: block; }
    .easilys .supplier-order-screen .order-box:hover .supplier-image {
      display: none; }
  .easilys .supplier-order-screen .cart-models-container .order-box {
    position: relative;
    padding: 0;
    margin-top: 5px; }
  .easilys .supplier-order-screen a:hover.order-box-label {
    color: #333333; }
    .easilys .supplier-order-screen a:hover.order-box-label .tinylabel {
      color: #999999; }
  .easilys .supplier-order-screen .template-item {
    position: relative;
    padding-right: 60px; }
    .easilys .supplier-order-screen .template-item .template-label {
      float: left;
      padding: 9px;
      width: 195px; }
    .easilys .supplier-order-screen .template-item .template-button {
      position: absolute;
      right: 0px;
      width: 60px; }
  .easilys .supplier-order-screen input[type="checkbox"] + label:before,
  .easilys .supplier-order-screen input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 3px; }
  .easilys .supplier-order-screen .tab_widget {
    padding-top: 5px; }
  .easilys .supplier-order-screen .cart-list .bt-icon {
    position: absolute;
    top: 0px;
    padding: 8px;
    margin: 0px; }
  .easilys .certifications-tags {
    min-height: 20px; }
    .easilys .certifications-tags img {
      opacity: 1; }
    .easilys .certifications-tags .product-certification {
      float: left !important;
      max-height: 20px !important;
      width: auto !important;
      min-width: auto !important;
      margin: 2px 2px 0px 0px !important; }
    .easilys .certifications-tags .tag {
      background-color: #F0F0F0;
      color: #000000;
      float: left;
      padding: 4px 5px;
      font-size: 10px;
      margin: 2px 2px 0px 0px; }
  .easilys .supplier-order-screen ~ .modalbox .box .content {
    background-color: #FFFFFF;
    /* Modification of the table properties in the modalbox of a full order */ }
    .easilys .supplier-order-screen ~ .modalbox .box .content .full-order, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content {
      margin-bottom: 10px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .alert ul, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .alert ul, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .alert ul {
        list-style: initial; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .supplier-order-screen ~ .modalbox .main-infos-header, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .supplier-order-screen ~ .modalbox .main-infos-header, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .supplier-order-screen ~ .modalbox .main-infos-header {
        padding-right: 60px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .contact-infos-content .box-content, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .contact-infos-content .box-content, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .contact-infos-content .box-content {
        min-height: 145px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .contact-infos-content .title, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .contact-infos-content .title, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .contact-infos-content .title {
        padding: 7px;
        white-space: nowrap; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems th, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems th, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems th {
        border-top: none;
        border-bottom: none; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems tbody td,
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems tbody th, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems tbody td,
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems tbody th, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems tbody td,
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems tbody th {
        padding: 6px; }
        .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems tbody td label,
        .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems tbody th label, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems tbody td label,
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems tbody th label, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems tbody td label,
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems tbody th label {
          margin-left: 3px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems td.price, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems td.price, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems td.price {
        text-align: right; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .table, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .table, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .table {
        border-left: solid 1px lightgrey;
        border-right: solid 1px lightgrey; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .taitems, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .taitems, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .taitems {
        margin-bottom: 0; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order .amount-box .results, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model .amount-box .results, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content .amount-box .results {
        background-color: #F0F0F0; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order input[type="checkbox"] + label,
      .easilys .supplier-order-screen ~ .modalbox .box .content .full-order input[type="radio"] + label, .easilys .supplier-order-screen ~ .modalbox .box .content .order-model input[type="checkbox"] + label,
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-model input[type="radio"] + label, .easilys .supplier-order-screen ~ .modalbox .box .content .order-content input[type="checkbox"] + label,
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-content input[type="radio"] + label {
        padding: 0; }
    .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .contact-infos-content .title {
      padding: 7px;
      white-space: nowrap; }
    .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container {
      font-size: 14px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .order-container {
        padding: 10px 0; }
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .order-container .header {
          background-color: #CCCCCC;
          padding: 5px;
          font-size: 16px;
          line-height: 1;
          font-weight: 600; }
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .order-container .content {
          background-color: #f2f2f2;
          padding: 10px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .preorder-container {
        padding: 10px 0; }
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .preorder-container .header {
          background-color: #ffc709;
          padding: 5px;
          font-size: 16px;
          line-height: 1;
          font-weight: 600; }
        .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .preorder-container .content {
          background-color: #ffeaa2;
          padding: 10px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .order-detail .order-infos-container .internal_note-content {
        white-space: pre-line; }
    .easilys .supplier-order-screen ~ .modalbox .box .content .form {
      background-color: #FFFFFF; }
      .easilys .supplier-order-screen ~ .modalbox .box .content .form td.qty-alert {
        max-width: 160px; }
    .easilys .supplier-order-screen ~ .modalbox .box .content table {
      width: 100%;
      border-collapse: collapse; }
    .easilys .supplier-order-screen ~ .modalbox .box .content th {
      background: #999999;
      color: #FFFFFF;
      font-weight: bold;
      border-color: #000000; }
    .easilys .supplier-order-screen ~ .modalbox .box .content td, .easilys .supplier-order-screen ~ .modalbox .box .content th {
      padding: 9px;
      text-align: left; }
    .easilys .supplier-order-screen ~ .modalbox .box .content td {
      border-bottom: 1px solid #CCCCCC; }
    .easilys .supplier-order-screen ~ .modalbox .box .content td.warning-none-border {
      border-bottom: none; }
    .easilys .supplier-order-screen ~ .modalbox .box .content td.button-bar {
      padding: 0px; }
      .easilys .supplier-order-screen ~ .modalbox .box .content td.button-bar a {
        padding: 5px; }
    .easilys .supplier-order-screen ~ .modalbox .box .content tr.list-sub-header td {
      border: none;
      padding: 0; }
    .easilys .supplier-order-screen ~ .modalbox .box .content tr.list-sub-header .checkbox {
      padding-left: 9px; }
    .easilys .supplier-order-screen ~ .modalbox .box .content td.tabutton {
      min-width: 60px;
      min-height: 30px; }
  .easilys .supplier-order-screen ~ .popover .popover_list .radio-button {
    padding: 15px; }
  .easilys .modalbox .form td.qty-alert {
    max-width: 160px; }
  .easilys .sup_order_view {
    /* old less code for receipt module */ }
    .easilys .sup_order_view .claim-list .list-item-link {
      height: 15px; }
      .easilys .sup_order_view .claim-list .list-item-link .list-item-inner {
        padding: 0 80px 0 0; }
    .easilys .sup_order_view .list-item-link {
      height: 67px; }
      .easilys .sup_order_view .list-item-link .list-item-inner {
        padding-left: 25px; }
        .easilys .sup_order_view .list-item-link .list-item-inner .date-box {
          padding-right: 70px; }
    .easilys .sup_order_view a.tab-link {
      background-color: var(--application-main-background-color);
      border-color: #e0e0e0;
      text-decoration: none;
      padding: 10px 0px 10px 10px; }
    .easilys .sup_order_view a.tab-link.active:hover,
    .easilys .sup_order_view a.tab-link:hover {
      background-color: #F0F0F0;
      border-bottom: 1px solid #F0F0F0;
      color: #333333; }
    .easilys .sup_order_view a.tab-link.active {
      background-color: #FFFFFF;
      border-bottom: 1px solid #FFFFFF; }
    .easilys .sup_order_view .product-table {
      margin: 10px 0; }
      .easilys .sup_order_view .product-table .prod-label {
        color: var(--application-main-color); }
      .easilys .sup_order_view .product-table a.prod-label {
        text-decoration: none; }
      .easilys .sup_order_view .product-table .img-handwritten-arrow {
        text-align: center;
        margin-top: -20px; }
      .easilys .sup_order_view .product-table .taitems {
        /*margin-bottom: 10px;*/ }
        .easilys .sup_order_view .product-table .taitems tr {
          /*td { padding: 4px 4px; }*/ }
          .easilys .sup_order_view .product-table .taitems tr th {
            padding: 8px 4px; }
          .easilys .sup_order_view .product-table .taitems tr td.ztexr {
            text-align: right; }
          .easilys .sup_order_view .product-table .taitems tr td.zpadr7 {
            padding-right: 7px; }
          .easilys .sup_order_view .product-table .taitems tr .input-mini {
            width: 65px; }
          .easilys .sup_order_view .product-table .taitems tr #onlyModernBrowser:checked,
          .easilys .sup_order_view .product-table .taitems tr input {
            text-align: right;
            font-size: 11px;
            padding-bottom: 1px; }
          .easilys .sup_order_view .product-table .taitems tr input[type="checkbox"] + label:before {
            margin-left: 5px; }
          .easilys .sup_order_view .product-table .taitems tr #onlyModernBrowser:checked,
          .easilys .sup_order_view .product-table .taitems tr input[type="checkbox"] + label:after {
            margin-left: 9px;
            margin-top: 3px;
            top: 0px; }
          .easilys .sup_order_view .product-table .taitems tr input[type="checkbox"] + label.disabled {
            cursor: default; }
          .easilys .sup_order_view .product-table .taitems tr input[type="checkbox"] + label.disabled:before {
            border: none; }
          .easilys .sup_order_view .product-table .taitems tr input[type="checkbox"] + label.disabled:after {
            border: none;
            margin-left: 8px;
            margin-top: 2px;
            background-color: #666666; }
        .easilys .sup_order_view .product-table .taitems tr.second-row td {
          padding: 2px 4px 4px 4px; }
        .easilys .sup_order_view .product-table .taitems tr.replaced {
          text-decoration: line-through;
          color: #bababa; }
          .easilys .sup_order_view .product-table .taitems tr.replaced .tinylabel,
          .easilys .sup_order_view .product-table .taitems tr.replaced .prod-label,
          .easilys .sup_order_view .product-table .taitems tr.replaced .price {
            color: #bababa; }
          .easilys .sup_order_view .product-table .taitems tr.replaced #onlyModernBrowser:checked,
          .easilys .sup_order_view .product-table .taitems tr.replaced input[type="text"] {
            color: #bababa;
            text-decoration: line-through; }
  .easilys .ordered-form-pan .ordered-container .art {
    color: var(--application-main-color); }
  .easilys .ordered-form-pan .ordered-container .table {
    border: none; }
  .easilys .ordered-form-pan .ordered-container .amount-table {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0px -20px 0px; }
    .easilys .ordered-form-pan .ordered-container .amount-table tr:nth-child(1) td {
      padding-bottom: 2px; }
    .easilys .ordered-form-pan .ordered-container .amount-table tr:nth-child(2) td {
      padding-top: 0px; }
    .easilys .ordered-form-pan .ordered-container .amount-table tr:nth-child(2) td:last-child {
      text-align: right; }
  .easilys .ordered-form-pan .ordered-container .alert {
    font-style: italic;
    text-align: center;
    padding: 10px;
    line-height: 18px; }
  .easilys .compare-pan a.not-selected {
    background-color: #D3D3D3;
    color: #808080; }
  .easilys .compare-pan a:hover.not-selected {
    background-color: #AAA;
    color: #666; }
  .easilys .compare-pan a:hover.not-selected.disabled {
    cursor: default;
    color: #808080; }
  .easilys .compare-pan a.selected {
    background-color: #07A8F2;
    color: #FFF; }
  .easilys .compare-pan a:hover.selected {
    background-color: #077FB6;
    color: #FFF; }
  .easilys .compare-pan .disabled {
    opacity: 0.5; }
  .easilys .compare-pan .orange-object {
    color: #000000; }
  .easilys .compare-pan .compare-pan-header .spec-icon {
    font-size: 35px;
    padding: 2px;
    margin-bottom: -2px; }
  .easilys .compare-pan .compare-pan-body {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 86px;
    bottom: 192px; }
    .easilys .compare-pan .compare-pan-body .body-content {
      overflow-y: auto;
      height: 100%; }
      .easilys .compare-pan .compare-pan-body .body-content i.fe-more + span {
        padding-right: 100px; }
      .easilys .compare-pan .compare-pan-body .body-content a.art {
        text-decoration: none;
        color: var(--application-main-color); }
      .easilys .compare-pan .compare-pan-body .body-content .lightgrey-background-object .orange-object,
      .easilys .compare-pan .compare-pan-body .body-content .lightgrey-background-object .green-object,
      .easilys .compare-pan .compare-pan-body .body-content .lightgrey-background-object .red-object,
      .easilys .compare-pan .compare-pan-body .body-content .lightgrey-background-object a.art {
        color: inherit; }
  .easilys .compare-pan .compare-pan-footer {
    position: absolute;
    height: 193px;
    top: auto;
    right: 5px;
    bottom: 0;
    left: 5px;
    overflow: visible;
    margin: 0px 5px;
    padding: 0px 5px 5px 5px;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  .easilys .table-tree {
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    float: left;
    width: 100%; }
    .easilys .table-tree .table-tree-header {
      height: 24px; }
      .easilys .table-tree .table-tree-header .tabhead {
        font-weight: bold;
        padding: 6px; }
    .easilys .table-tree .treecol {
      width: 33.33333%;
      float: left; }
    .easilys .table-tree .treecol:first-child {
      left: 0%; }
    .easilys .table-tree .treecol:nth-child(2) {
      left: 33.33333%; }
    .easilys .table-tree .treecol:last-child {
      left: 66.66666%; }
    .easilys .table-tree .table-tree-body {
      /* this container has to be in absolute position for render scrollable columns */
      float: left;
      width: 100%;
      height: 100px;
      position: relative;
      -webkit-box-sizing: border-box;
      /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
      -moz-box-sizing: border-box;
      /* Firefox 2-11 */
      box-sizing: border-box;
      /* All and IE8+ */ }
      .easilys .table-tree .table-tree-body .treecol {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
        -moz-box-sizing: border-box;
        /* Firefox 2-11 */
        box-sizing: border-box;
        /* All and IE8+ */
        border-left: solid 1px #CCCCCC;
        border-bottom: solid 1px #CCCCCC; }
        .easilys .table-tree .table-tree-body .treecol ul {
          /* When items in the list will be active, replace the :hover below with the commented next one */
          /*li:hover {
            background-color: $lighterGrey;
          }
          li:hover a,
          li a:hover .fe-arrow-right,
          li a:hover .fe-site-1,
          li a:hover .fe-site-3,
          li a:hover .fe-site-4,
          li a:hover .fe-site-6 {
            color: $black;
          }*/ }
          .easilys .table-tree .table-tree-body .treecol ul li a {
            text-decoration: none;
            position: relative;
            display: block; }
          .easilys .table-tree .table-tree-body .treecol ul li a:hover {
            cursor: default;
            color: inherit; }
        .easilys .table-tree .table-tree-body .treecol .treecol:last-child {
          border-right: solid 1px #CCCCCC; }
  .easilys .order-amount-panel {
    background-color: #FFFFFF;
    top: auto;
    height: 80px; }
    .easilys .order-amount-panel .btquiet {
      padding: 0px 10px 0px 5px; }
  .easilys .supplier-invoices .identity-box span, .easilys .supplier-invoices .identity-box p, .easilys .supplier-invoices .identity-box h1, .easilys .supplier-invoices .identity-box h2, .easilys .supplier-invoices .identity-box h3, .easilys .supplier-invoices .identity-box h4, .easilys .supplier-invoices .identity-box h5, .easilys .supplier-invoices .identity-box h6 {
    line-height: 16px;
    margin: 0px; }
  .easilys .supplier-invoices .taitems th.orange-background-object {
    background-color: #fee4bb;
    color: #fc9c0b; }
  .easilys .supplier-invoices .animate-option-panel {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    border: none; }
    .easilys .supplier-invoices .animate-option-panel .animate-option-panel-inner {
      padding: 15px; }
  .easilys .supplier-invoices .animate-option-panel.validate .animate-option-panel-inner {
    background-color: var(--application-main-background-color); }

/********************************************************************************/
/*********************************** SUPPLIER ***********************************/
/********************************************************************************/
/************** gathering of class used in admin supplier screens ***************/
/********************************************************************************/
.easilys .admin-supplier .ribbon {
  margin: 0px; }

.easilys .admin-supplier .supplist {
  /*    border-left: solid 1px $borderColor;
			border-right: solid 1px $borderColor;
			border-bottom: solid 1px $borderColor;*/ }
  .easilys .admin-supplier .supplist ul li .supp {
    display: inline-block;
    text-decoration: none;
    line-height: 16px;
    /*padding: 5px; */
    width: 100%;
    height: 100%;
    min-height: 34px; }
  .easilys .admin-supplier .supplist ul li .supp-label {
    color: var(--application-main-color);
    padding: 14px 90px 14px 5px;
    font-weight: bold; }
  .easilys .admin-supplier .supplist ul li a:hover,
  .easilys .admin-supplier .supplist ul li a:focus,
  .easilys .admin-supplier .supplist .active {
    background-color: #e3e3e3;
    color: #4d4d4d;
    cursor: pointer;
    /*-webkit-transition: background 100ms ease-in;
				-moz-transition: background 100ms ease-in;
				-ms-transition: background 100ms ease-in;
				-o-transition: background 100ms ease-in;
				transition: background 100ms ease-in;*/ }

.easilys .admin-supplier .pantabs {
  margin: 5px 0 0 0;
  float: right;
  padding-left: 10px; }

/*************************************************/
/*                                               */
/*                    Receipt                    */
/*                                               */
/*************************************************/
.easilys .receipt-screen .products-list input[type=text]:focus {
  border: none; }

.easilys .receipt-screen .products-list i.big-icon.fe-search {
  padding: 9px; }

.easilys .receipt-screen .products-list input[type=text]:focus + i.big-icon.fe-search {
  color: #000000; }

.easilys .receipt-screen .products-list .grid-table .table-body .table-row.no-border-form input[type="text"] {
  border-color: #FFFFFF; }

.easilys .receipt-screen .products-list .grid-table .table-body .table-row.no-border-form .input-thin {
  height: 22px; }

.easilys .receipt-screen .products-list .grid-table .table-body .table-row.no-border-form .input-thin + a .fe-cross {
  margin-left: -20px;
  display: none; }

.easilys .receipt-screen .products-list .grid-table .table-body .table-row:hover.no-border-form input[type="text"] {
  border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }

.easilys .receipt-screen .products-list .grid-table .table-body .table-row:hover.no-border-form .input-thin + a .fe-cross {
  display: inline-block; }

.easilys .receipt-screen .products-list .tab_widget ul.tabs li {
  width: 20%; }

.easilys .receipt-screen .products-list .list .list-item,
.easilys .receipt-screen .products-list .list .list-item-link {
  color: inherit;
  border-top: 1px solid #e0e0e0;
  background-color: #FFFFFF;
  padding-left: 80px;
  padding-right: 110px; }
  .easilys .receipt-screen .products-list .list .list-item input[type=text]:focus,
  .easilys .receipt-screen .products-list .list .list-item-link input[type=text]:focus {
    border: solid 1px #000000; }
  .easilys .receipt-screen .products-list .list .list-item .clickabled-label:hover,
  .easilys .receipt-screen .products-list .list .list-item-link .clickabled-label:hover {
    cursor: pointer;
    color: #000000; }
  .easilys .receipt-screen .products-list .list .list-item input:disabled,
  .easilys .receipt-screen .products-list .list .list-item-link input:disabled {
    background-color: inherit;
    color: #000000;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 14px;
    border: none; }
  .easilys .receipt-screen .products-list .list .list-item + .list-item.item-options,
  .easilys .receipt-screen .products-list .list .list-item-link + .list-item.item-options {
    display: none;
    border: none;
    background-color: #FFFFFF;
    padding: 0 70px 0 110px; }
  .easilys .receipt-screen .products-list .list .list-item + .list-item.item-options.show-options,
  .easilys .receipt-screen .products-list .list .list-item-link + .list-item.item-options.show-options {
    display: block; }
  .easilys .receipt-screen .products-list .list .list-item .box-container,
  .easilys .receipt-screen .products-list .list .list-item-link .box-container {
    position: absolute;
    top: 50%;
    bottom: 0;
    padding: 0 3px;
    text-align: center; }
    .easilys .receipt-screen .products-list .list .list-item .box-container .box-content,
    .easilys .receipt-screen .products-list .list .list-item-link .box-container .box-content {
      transform: translateY(-50%);
      background: inherit; }
  .easilys .receipt-screen .products-list .list .list-item .box-container.left-box,
  .easilys .receipt-screen .products-list .list .list-item-link .box-container.left-box {
    left: 0px; }
    .easilys .receipt-screen .products-list .list .list-item .box-container.left-box .box-content input,
    .easilys .receipt-screen .products-list .list .list-item-link .box-container.left-box .box-content input {
      text-align: center;
      width: 100px;
      height: 25px;
      margin-bottom: 3px; }
  .easilys .receipt-screen .products-list .list .list-item .box-container.right-box,
  .easilys .receipt-screen .products-list .list .list-item-link .box-container.right-box {
    right: 0px;
    padding: 0 5px; }
    .easilys .receipt-screen .products-list .list .list-item .box-container.right-box .box-content,
    .easilys .receipt-screen .products-list .list .list-item-link .box-container.right-box .box-content {
      float: right;
      text-align: right; }
      .easilys .receipt-screen .products-list .list .list-item .box-container.right-box .box-content input,
      .easilys .receipt-screen .products-list .list .list-item-link .box-container.right-box .box-content input {
        width: 60px;
        height: 20px;
        margin-top: -4px; }
  .easilys .receipt-screen .products-list .list .list-item .alert a,
  .easilys .receipt-screen .products-list .list .list-item-link .alert a {
    color: #F89406; }
  .easilys .receipt-screen .products-list .list .list-item .alert a:hover,
  .easilys .receipt-screen .products-list .list .list-item-link .alert a:hover {
    color: #c67605; }

.easilys .receipt-screen .products-list .list .list-item:hover,
.easilys .receipt-screen .products-list .list .list-item:focus,
.easilys .receipt-screen .products-list .list .list-item.active {
  background-color: #F0F0F0;
  outline: none; }

.easilys .receipt-screen .products-list .list .list-sub-header + .list-item,
.easilys .receipt-screen .products-list .list .list-sub-header + .list-item-link {
  border: none; }

.easilys .receipt-screen .products-list .list .list-item.active {
  cursor: auto; }

.easilys .receipt-screen input[type="text"].gap {
  background-color: rgba(255, 165, 0, 0.1);
  border-color: orange; }

.easilys .receipt-screen .alert p {
  padding: 2px 5px !important;
  margin: 0px; }

.easilys .receipt-screen .alert {
  padding: 0px !important;
  margin: 0px; }

.easilys .receipt-screen .filter-panel {
  -webkit-transition: all 0.5s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s ease;
  /* FF4+ */
  -ms-transition: all 0.5s ease;
  /* IE10 */
  -o-transition: all 0.5s ease;
  /* Opera 10.5+ */
  transition: all 0.5s ease;
  /* W3C*/
  width: 100%;
  left: 0%;
  right: 0%; }
  .easilys .receipt-screen .filter-panel .inner-left {
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/
    left: -35%;
    width: 35%; }
  .easilys .receipt-screen .filter-panel .inner-right {
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/
    left: 0%;
    right: 0%; }

.easilys .receipt-screen .filter-panel.show-inner-left .inner-left {
  left: 0%; }

.easilys .receipt-screen .filter-panel.show-inner-left .inner-right {
  left: 35%;
  right: 0%; }

.easilys .receipt-screen .main-panel {
  -webkit-transition: all 0.5s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s ease;
  /* FF4+ */
  -ms-transition: all 0.5s ease;
  /* IE10 */
  -o-transition: all 0.5s ease;
  /* Opera 10.5+ */
  transition: all 0.5s ease;
  /* W3C*/
  left: 100%;
  right: -50%; }

.easilys .receipt-screen .info-panel {
  -webkit-transition: all 0.5s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s ease;
  /* FF4+ */
  -ms-transition: all 0.5s ease;
  /* IE10 */
  -o-transition: all 0.5s ease;
  /* Opera 10.5+ */
  transition: all 0.5s ease;
  /* W3C*/ }

.easilys .receipt-screen.hide-filter-panel .filter-panel {
  left: 0%;
  right: 50%;
  width: 50%; }
  .easilys .receipt-screen.hide-filter-panel .filter-panel .inner-left {
    left: -35%; }
  .easilys .receipt-screen.hide-filter-panel .filter-panel .inner-right {
    left: 0%; }

.easilys .receipt-screen.hide-filter-panel .filter-panel.show-inner-left .inner-left {
  left: -35%; }

.easilys .receipt-screen.hide-filter-panel .filter-panel.show-inner-left .inner-right {
  left: 0%; }

.easilys .receipt-screen.hide-filter-panel .main-panel {
  left: 50%;
  right: 0%; }

.easilys .receipt-screen.hide-filter-panel.hide-complete-filter-panel .filter-panel {
  left: -50%; }

.easilys .receipt-screen.hide-filter-panel.hide-complete-filter-panel .main-panel {
  left: 0%; }

.easilys .receipt-screen.hide-info-panel .info-panel {
  left: 100%;
  right: -50%; }

.easilys .receipt-screen.show-info-panel .filter-panel {
  left: -50%;
  right: 100%; }

.easilys .receipt-screen.show-info-panel .main-panel {
  left: 0%;
  width: 50%;
  right: 50%; }

.easilys .receipt-screen.show-info-panel .info-panel {
  left: 50%;
  width: 50%;
  right: 0%; }

.easilys .horizontal-alignment-container {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center; }

.easilys .product-table-header .taitems td {
  padding: 15px 4px; }

/*decisiontools.scss*/
/********************************************************************************/
/******************************** ADMINISTRATION ********************************/
/********************************************************************************/
/************ gathering of class used in site administration screens ************/
/********************************************************************************/
.easilys {
  /* Color main phone/mail icone */ }
  .easilys .tree_site {
    background-color: #FFFFFF;
    z-index: 70; }
    .easilys .tree_site .border {
      border: solid 1px #999999;
      background-color: #FFFFFF;
      margin-bottom: 20px;
      overflow-y: hidden; }
    .easilys .tree_site .accordion {
      border: none;
      margin: 0; }
    .easilys .tree_site .accitem a {
      position: relative;
      padding: 5px 10px 5px 22px;
      color: #666666; }
    .easilys .tree_site .accitem .accpad {
      padding-top: 13px;
      padding-bottom: 13px;
      padding-left: 25px; }
    .easilys .tree_site .accitem .txtalign {
      margin-top: -15px; }
    .easilys .tree_site .accitem .fe-arrow-right,
    .easilys .tree_site .accitem .fe-site-1,
    .easilys .tree_site .accitem .fe-site-2,
    .easilys .tree_site .accitem .fe-site-3,
    .easilys .tree_site .accitem .fe-site-4,
    .easilys .tree_site .accitem .fe-site-6 {
      color: #999999; }
    .easilys .tree_site .accitem:hover span,
    .easilys .tree_site .accitem:hover .fe-arrow-right,
    .easilys .tree_site .accitem:hover .fe-arrow-left,
    .easilys .tree_site .accitem:hover .fe-site-1,
    .easilys .tree_site .accitem:hover .fe-site-2,
    .easilys .tree_site .accitem:hover .fe-site-3,
    .easilys .tree_site .accitem:hover .fe-site-4,
    .easilys .tree_site .accitem:hover .fe-site-6,
    .easilys .tree_site .accitem a:hover span,
    .easilys .tree_site .accitem a:hover .fe-arrow-right,
    .easilys .tree_site .accitem a:hover .fe-arrow-left,
    .easilys .tree_site .accitem a:hover .fe-site-1,
    .easilys .tree_site .accitem a:hover .fe-site-2,
    .easilys .tree_site .accitem a:hover .fe-site-3,
    .easilys .tree_site .accitem a:hover .fe-site-4,
    .easilys .tree_site .accitem a:hover .fe-site-6 {
      color: #000000; }
    .easilys .tree_site .accitem a:hover {
      background-color: #d4d4d4; }
    .easilys .tree_site .accitem .select {
      background-color: #F0F0F0; }
      .easilys .tree_site .accitem .select a,
      .easilys .tree_site .accitem .select .fe-arrow-right,
      .easilys .tree_site .accitem .select .fe-arrow-left,
      .easilys .tree_site .accitem .select .fe-site-1,
      .easilys .tree_site .accitem .select .fe-site-2,
      .easilys .tree_site .accitem .select .fe-site-3,
      .easilys .tree_site .accitem .select .fe-site-4,
      .easilys .tree_site .accitem .select .fe-site-6,
      .easilys .tree_site .accitem .select .fe-local {
        color: #000000; }
      .easilys .tree_site .accitem .select a:hover {
        background-color: #d4d4d4; }
    .easilys .tree_site .btloadmore {
      padding: 10px 0px;
      height: 10px; }
    .easilys .tree_site .title-bar .bt-icon {
      color: inherit; }
    .easilys .tree_site .treecol {
      background-color: #fbfbfb;
      border-right: solid 1px #CCCCCC; }
      .easilys .tree_site .treecol .fe-arrow-right {
        position: absolute;
        top: 50%;
        right: 2px;
        margin-top: -6px; }
      .easilys .tree_site .treecol .fe-site-1,
      .easilys .tree_site .treecol .fe-site-2,
      .easilys .tree_site .treecol .fe-site-3,
      .easilys .tree_site .treecol .fe-site-4,
      .easilys .tree_site .treecol .fe-site-6 {
        position: absolute;
        top: 50%;
        left: 3px;
        margin-top: -10px;
        padding: 0px; }
      .easilys .tree_site .treecol .accordion .accitem {
        background: inherit; }
        .easilys .tree_site .treecol .accordion .accitem a {
          display: block; }
    .easilys .tree_site .site-card .picto-site {
      margin: auto; }
    .easilys .tree_site .site-card table {
      margin: auto; }
    .easilys .tree_site .site-card .btnormal {
      width: 90%;
      text-align: center; }
    .easilys .tree_site .site-card .discrete {
      height: 110px;
      text-align: right;
      margin: auto;
      padding: 0px 50px 5px 50px; }
    .easilys .tree_site .panel-close-button .fe-go-out {
      -webkit-transform: rotate(-90deg);
      /* Safari and Chrome */
      -moz-transform: rotate(-90deg);
      /* Firefox */
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      -o-transform: rotate(-90deg);
      /* Opera */
      transform: rotate(-90deg); }
  .easilys .org_card .filter-panel .title-bar {
    height: 40px;
    background-color: initial;
    display: initial; }
    .easilys .org_card .filter-panel .title-bar h1 {
      line-height: 40px; }
  .easilys .org_card .main-panel .title-bar {
    height: 40px;
    background-color: initial;
    display: initial; }
    .easilys .org_card .main-panel .title-bar h1 {
      line-height: 30px; }
  .easilys .org_card .orderbox #onlyModernBrowser:checked,
  .easilys .org_card .orderbox input[type="checkbox"] + label:before,
  .easilys .org_card .orderbox input[type="radio"] + label:before {
    left: -20px; }
  .easilys .org_card .orderbox #onlyModernBrowser:checked,
  .easilys .org_card .orderbox input[type="checkbox"]:checked + label:after,
  .easilys .org_card .orderbox input[type="radio"]:checked + label:after {
    margin-left: -16px; }
  .easilys .org_card .taitems .btloud, .easilys .org_card .taitems .btnoisy, .easilys .org_card .taitems .btnormal {
    min-width: 40px;
    text-align: center; }
  .easilys .org_card .accordion {
    border: none; }
  .easilys .org_card .site-logo-box img {
    width: 100%; }
  .easilys .org_card .accheader {
    display: block; }
  .easilys .org_card .body {
    padding: 15px;
    overflow-y: auto;
    bottom: auto;
    background-color: #FFFFFF; }
  .easilys .org_card .table {
    margin-top: 0;
    background-color: white; }
  .easilys .org_card .infobox {
    float: left;
    width: 30%;
    margin: 10px;
    background-color: #FFFFFF;
    border-color: var(--application-main-background-color);
    margin-bottom: 10px; }
    .easilys .org_card .infobox .infobox-container .colday.selected {
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
    .easilys .org_card .infobox .infobox-container .infobox-header {
      background-color: var(--application-main-color);
      color: #FFFFFF; }
      .easilys .org_card .infobox .infobox-container .infobox-header .btloud {
        padding: 5px 10px;
        margin: 5px; }
    .easilys .org_card .infobox .infobox-container .infobox-body {
      padding: 10px; }
      .easilys .org_card .infobox .infobox-container .infobox-body .calendar .accitem .colday a {
        padding: 14px 0px;
        display: block;
        text-decoration: none; }
      .easilys .org_card .infobox .infobox-container .infobox-body .calendar .actual-month h2 {
        margin: 14px; }
      .easilys .org_card .infobox .infobox-container .infobox-body .calendar .actual-month h5 {
        margin: 17px; }
    @media (min-width: 1800px) {
      .easilys .org_card .infobox {
        width: 30%;
        margin: 10px; } }
    @media (max-width: 1279px) {
      .easilys .org_card .infobox {
        width: 45%;
        margin: 5px; } }
    @media (max-width: 767px) {
      .easilys .org_card .infobox {
        width: 100%;
        margin: 0px; } }
  .easilys .org_card .toolbar {
    padding: 6px 10px;
    background-color: inherit; }
  .easilys .org_card .panel-close-button .fe-go-out {
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -o-transform: rotate(-90deg);
    /* Opera */
    transform: rotate(-90deg); }
  .easilys .org_card .site-card {
    position: relative; }
  .easilys .org_card .smartselection .badge-pref {
    background-color: #f2f2f2; }
  .easilys .tablet-display #qz_Sites_Trees_Template,
  .easilys .tablet-display .tree_site {
    z-index: 1; }
    .easilys .tablet-display #qz_Sites_Trees_Template .filter-panel .accitem .accpad,
    .easilys .tablet-display .tree_site .filter-panel .accitem .accpad {
      padding-left: 25px; }
  .easilys .tablet-display #qz_Sites_Admin_Template,
  .easilys .tablet-display .org_card {
    z-index: 2; }
    .easilys .tablet-display #qz_Sites_Admin_Template .title-bar,
    .easilys .tablet-display .org_card .title-bar {
      padding-left: 0px !important; }
    .easilys .tablet-display #qz_Sites_Admin_Template .filter-panel .title-bar,
    .easilys .tablet-display #qz_Sites_Admin_Template .main-panel .title-bar,
    .easilys .tablet-display .org_card .filter-panel .title-bar,
    .easilys .tablet-display .org_card .main-panel .title-bar {
      padding-left: 0px; }
      .easilys .tablet-display #qz_Sites_Admin_Template .filter-panel .title-bar h1,
      .easilys .tablet-display #qz_Sites_Admin_Template .main-panel .title-bar h1,
      .easilys .tablet-display .org_card .filter-panel .title-bar h1,
      .easilys .tablet-display .org_card .main-panel .title-bar h1 {
        padding: 0px 10px; }
    .easilys .tablet-display #qz_Sites_Admin_Template .filter-panel .title-bar + .zmar5,
    .easilys .tablet-display #qz_Sites_Admin_Template .main-panel .title-bar + .zmar5,
    .easilys .tablet-display .org_card .filter-panel .title-bar + .zmar5,
    .easilys .tablet-display .org_card .main-panel .title-bar + .zmar5 {
      margin: 0px; }
    .easilys .tablet-display #qz_Sites_Admin_Template .filter-panel .infobox .infobox-container .infobox-header .btloud,
    .easilys .tablet-display #qz_Sites_Admin_Template .main-panel .infobox .infobox-container .infobox-header .btloud,
    .easilys .tablet-display .org_card .filter-panel .infobox .infobox-container .infobox-header .btloud,
    .easilys .tablet-display .org_card .main-panel .infobox .infobox-container .infobox-header .btloud {
      padding: 7px 15px;
      margin: 0px; }
  .easilys .paninfo {
    min-width: 460px; }
  .easilys .admin-autorisation .input-search {
    margin-bottom: 10px; }
  .easilys .admin-autorisation .spanbox {
    border: none;
    margin-bottom: 20px; }
    .easilys .admin-autorisation .spanbox .tabhead {
      background-color: var(--application-main-color);
      color: #FFFFFF; }
    .easilys .admin-autorisation .spanbox hr {
      background-color: #d9d9d9; }
    .easilys .admin-autorisation .spanbox .accordion {
      margin-bottom: 0px;
      border-bottom: 1px solid #d9d9d9; }
      .easilys .admin-autorisation .spanbox .accordion .accheader {
        padding: 5px;
        margin: 0px;
        height: 30px;
        color: #666666;
        background-color: #e6e6e6; }
        .easilys .admin-autorisation .spanbox .accordion .accheader h3 {
          margin: 0px; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a.toggle-button {
          color: #666666;
          display: block;
          width: 100%;
          padding: 13px 5px; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btnoisy, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btnoisy {
          text-decoration: none;
          font-weight: normal;
          color: #FFFFFF;
          background-color: #E64800; }
          .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btnoisy.disabled, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btnoisy.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btloud, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btloud {
          text-decoration: none;
          font-weight: normal;
          color: #FFFFFF;
          background-color: #008AC9; }
          .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btloud.disabled, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btloud.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btnormal, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btnormal {
          text-decoration: none;
          font-weight: normal;
          color: #000000;
          background-color: #C7C1C1; }
          .easilys .admin-autorisation .spanbox .accordion .accheader a:hover.btnormal.disabled, .easilys .admin-autorisation .spanbox .accordion .accheader a:focus.btnormal.disabled {
            opacity: 65;
            /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
            cursor: default;
            background-image: none;
            color: #a1a1a1;
            background-color: #d4d4d4; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a:hover {
          color: #333333;
          background-color: #F0F0F0; }
        .easilys .admin-autorisation .spanbox .accordion .accheader a.zborr {
          border-color: #CCCCCC; }
        .easilys .admin-autorisation .spanbox .accordion .accheader h3 {
          color: #666666;
          margin-bottom: 0.75em;
          margin-top: 0.75em; }
      .easilys .admin-autorisation .spanbox .accordion .accheader:hover {
        background-color: #CCCCCC;
        color: #666666; }
    .easilys .admin-autorisation .spanbox .btnormal,
    .easilys .admin-autorisation .spanbox .btloud,
    .easilys .admin-autorisation .spanbox .btnoisy {
      width: 30px;
      text-align: center;
      font-size: 12px; }
    .easilys .admin-autorisation .spanbox a:hover.btnoisy, .easilys .admin-autorisation .spanbox a:focus.btnoisy {
      text-decoration: none;
      font-weight: normal;
      color: #FFFFFF;
      background-color: #E64800; }
      .easilys .admin-autorisation .spanbox a:hover.btnoisy.disabled, .easilys .admin-autorisation .spanbox a:focus.btnoisy.disabled {
        opacity: 65;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
        cursor: default;
        background-image: none;
        color: #a1a1a1;
        background-color: #d4d4d4; }
    .easilys .admin-autorisation .spanbox a:hover.btloud, .easilys .admin-autorisation .spanbox a:focus.btloud {
      text-decoration: none;
      font-weight: normal;
      color: #FFFFFF;
      background-color: #008AC9; }
      .easilys .admin-autorisation .spanbox a:hover.btloud.disabled, .easilys .admin-autorisation .spanbox a:focus.btloud.disabled {
        opacity: 65;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
        cursor: default;
        background-image: none;
        color: #a1a1a1;
        background-color: #d4d4d4; }
    .easilys .admin-autorisation .spanbox a:hover.btnormal, .easilys .admin-autorisation .spanbox a:focus.btnormal {
      text-decoration: none;
      font-weight: normal;
      color: #000000;
      background-color: #C7C1C1; }
      .easilys .admin-autorisation .spanbox a:hover.btnormal.disabled, .easilys .admin-autorisation .spanbox a:focus.btnormal.disabled {
        opacity: 65;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
        cursor: default;
        background-image: none;
        color: #a1a1a1;
        background-color: #d4d4d4; }
  .easilys .admin-autorisation .spanbox.zbort,
  .easilys .admin-autorisation .spanbox.zborr,
  .easilys .admin-autorisation .spanbox.zborb,
  .easilys .admin-autorisation .spanbox.zborl {
    border-color: #d9d9d9; }
  .easilys .admin-autorisation .spanbox.znobor {
    border: none; }
  .easilys .org_container {
    z-index: 100;
    top: -100%;
    bottom: 100%; }
    .easilys .org_container .accordion .accheader .fe-arrow-right {
      visibility: hidden; }
    .easilys .org_container .accordion a:hover .accheader .fe-arrow-right,
    .easilys .org_container .accordion a:focus .accheader .fe-arrow-right {
      visibility: visible; }
  .easilys .adminprice-container {
    background: none;
    border: none;
    padding: 10px;
    margin: 0px; }
    .easilys .adminprice-container .btnormal {
      padding: 4px 5px; }
    .easilys .adminprice-container .formtop {
      height: auto; }
    .easilys .adminprice-container .group-list-header {
      border: solid 1px #bababa;
      background-color: #CCCCCC;
      height: 32px; }
    .easilys .adminprice-container .group-header {
      border-top: solid 1px #bababa;
      border-bottom: solid 1px #bababa; }
    .easilys .adminprice-container .data-more-loader {
      width: 100%;
      height: 25px;
      padding-top: 12px;
      text-align: center;
      color: white;
      background: #999999;
      font-weight: bold;
      text-decoration: none; }
  .easilys .recipegroup-list {
    height: 280px;
    overflow: auto;
    border-left: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC; }
    .easilys .recipegroup-list .recipegroup-list-item {
      position: relative;
      margin-bottom: 0; }
    .easilys .recipegroup-list .recipegroup-list-item:hover,
    .easilys .recipegroup-list .recipegroup-list-item:focus,
    .easilys .recipegroup-list .active {
      color: #000000;
      background-color: #F0F0F0;
      cursor: pointer; }
      .easilys .recipegroup-list .recipegroup-list-item:hover .tinylabel,
      .easilys .recipegroup-list .recipegroup-list-item:focus .tinylabel,
      .easilys .recipegroup-list .active .tinylabel {
        color: #333333; }
    .easilys .recipegroup-list .recipegroup-list-label {
      margin-left: 25px; }
    .easilys .recipegroup-list .taitems td {
      padding: 5px; }
    .easilys .recipegroup-list input[type="checkbox"] + label {
      padding-left: 5px; }
  .easilys .group-price {
    background-color: #e0e0e0;
    text-align: center; }
    .easilys .group-price .unity {
      display: inline-block;
      width: 30px;
      line-height: 18px; }
    .easilys .group-price .input-label {
      line-height: 18px;
      font-size: 14px;
      font-weight: bold; }
    .easilys .group-price .grid-table span, .easilys .group-price .grid-table input.input-thin, .easilys .group-price .grid-table select.select-thin {
      vertical-align: middle; }
  .easilys input.menu-budget-input {
    margin: 1px;
    padding: 0 2px 0 0;
    font-style: normal;
    border-color: white;
    width: 40px;
    height: auto;
    line-height: 12px;
    font-size: 10px;
    text-align: right;
    -webkit-border-radius: 0;
    /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0;
    /* FF1-3.6 */
    border-radius: 0;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: none;
    /* FF3.5 - 3.6 */
    box-shadow: none;
    /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; }
  .easilys .admin-tags {
    /* hack nickel */ }
    .easilys .admin-tags .tab-content {
      padding: 5px; }
    .easilys .admin-tags p {
      margin: 0;
      padding: 0 !important; }
    .easilys .admin-tags .alert p {
      margin: inherit;
      padding: 10px !important; }
  .easilys .smartselection {
    /*Shift of bagde's labels to avoid multilines*/
    /* Modalbox hierarchy description */ }
    .easilys .smartselection .alert {
      padding-right: 0px; }
    .easilys .smartselection a.btnew {
      overflow: hidden;
      color: gray;
      padding: 3px 3px 3px 5px;
      margin: 0;
      border-radius: 4px;
      text-decoration: none;
      max-height: none; }
      .easilys .smartselection a.btnew .btnew-label {
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        float: left;
        margin-right: 5px; }
    .easilys .smartselection a.btnew:hover, .easilys .smartselection a.btnew:focus {
      color: #4d4d4d;
      background-color: #bababa; }
      .easilys .smartselection a.btnew:hover .btadd, .easilys .smartselection a.btnew:focus .btadd {
        background-position-y: 0px; }
    .easilys .smartselection select {
      width: 100%; }
    .easilys .smartselection .badge-pref {
      padding: 2px 2px 2px 4px;
      margin: 0 5px 5px 0;
      border: 1px solid lightgrey;
      border-radius: 4px;
      background-color: white;
      overflow: hidden; }
      .easilys .smartselection .badge-pref .badge-pref-label {
        line-height: 20px; }
      .easilys .smartselection .badge-pref .fe-cross, .easilys .smartselection .badge-pref .fe-more {
        line-height: 20px; }
    .easilys .smartselection .badge-pref-summary .badge-pref {
      border: none;
      background-color: #daeaf3; }
    .easilys .smartselection .badge-pref-label, .easilys .smartselection .btnew-label {
      margin-left: -25px;
      padding: 0 0 0 25px; }
    .easilys .smartselection a.ui-slider-handle:hover, .easilys .smartselection a.ui-slider-handle:focus {
      cursor: pointer;
      background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 5%));
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%)); }
    .easilys .smartselection .input-thin {
      width: 45px;
      border-color: lightgrey;
      margin: 5px; }
    .easilys .smartselection .ss-hierarchy {
      position: relative; }
      .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank {
        position: relative; }
        .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank .rank-graduation {
          height: 50px; }
          .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank .rank-graduation .graduation-top {
            height: 20px;
            border-left: solid 2px #d4d4d4; }
          .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank .rank-graduation .graduation-bottom {
            height: 30px;
            border-top: solid 2px #d4d4d4;
            border-left: solid 2px #d4d4d4; }
        .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank a.rank-box {
          position: relative;
          padding: 9px;
          height: 40px;
          text-decoration: none;
          background-color: inherit; }
        .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank a.rank-box:hover {
          background-color: lightgrey; }
        .easilys .smartselection .ss-hierarchy .ss-hierarchy-rank a.rank-box-unabled {
          background-image: url("../images/stripe1.png"); }
      .easilys .smartselection .ss-hierarchy .rank-box-selected {
        background-color: lightgrey;
        height: 40px;
        margin: 0px 11px 0px 32px;
        top: 0px;
        -webkit-transition: top 0.7s ease-out;
        /* Saf3.2+, Chrome */
        -moz-transition: top 0.7s ease-out;
        /* FF4+ */
        -ms-transition: top 0.7s ease-out;
        /* IE10 */
        -o-transition: top 0.7s ease-out;
        /* Opera 10.5+ */
        transition: top 0.7s ease-out;
        /* W3C*/ }
      .easilys .smartselection .ss-hierarchy .rank-box-viewed {
        margin: 11px 0px 0px 0px;
        -webkit-transition: top 0.7s ease-out;
        /* Saf3.2+, Chrome */
        -moz-transition: top 0.7s ease-out;
        /* FF4+ */
        -ms-transition: top 0.7s ease-out;
        /* IE10 */
        -o-transition: top 0.7s ease-out;
        /* Opera 10.5+ */
        transition: top 0.7s ease-out;
        /* W3C*/ }
  .easilys .isMain.fem {
    color: #7dc242; }

.easilys .equipment-screen .grid .list .list-item-link.disabled,
.easilys .maintenance-contract-screen .grid .list .list-item-link.disabled,
.easilys .equipment-supplier-screen .grid .list .list-item-link.disabled {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1); }

.easilys .equipment-screen .equipment-disabled,
.easilys .maintenance-contract-screen .equipment-disabled,
.easilys .equipment-supplier-screen .equipment-disabled {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1); }

.easilys .equipment-screen .ribbon,
.easilys .maintenance-contract-screen .ribbon,
.easilys .equipment-supplier-screen .ribbon {
  background-color: var(--application-main-color); }

.easilys .equipment-screen .info-card .taitems th,
.easilys .maintenance-contract-screen .info-card .taitems th,
.easilys .equipment-supplier-screen .info-card .taitems th {
  background-color: var(--application-main-color);
  color: #FFFFFF;
  font-weight: normal; }

.easilys .equipment-screen .info-card .taitems td span,
.easilys .maintenance-contract-screen .info-card .taitems td span,
.easilys .equipment-supplier-screen .info-card .taitems td span {
  font-size: 14px; }

.easilys .equipment-screen .info-card .taitems td .badge,
.easilys .maintenance-contract-screen .info-card .taitems td .badge,
.easilys .equipment-supplier-screen .info-card .taitems td .badge {
  float: left;
  padding: 5px;
  color: #FFFFFF; }

.easilys .modalbox .product-screen .info-card,
.easilys .modalbox .equipment-screen .info-card {
  border: none; }

.easilys .modalbox .product-screen .ribbon,
.easilys .modalbox .equipment-screen .ribbon {
  display: none; }

.easilys .modalbox .product-screen .info-panel-container,
.easilys .modalbox .equipment-screen .info-panel-container {
  padding: 0px; }

.easilys .renewal-plan-screen .lefttitle {
  border: none;
  margin-left: 0; }
  .easilys .renewal-plan-screen .lefttitle h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #ccc; }

.easilys .renewal-plan-screen .table-week .week-day {
  width: 20%;
  float: left;
  opacity: .9; }
  .easilys .renewal-plan-screen .table-week .week-day .day-header {
    background: var(--application-main-color);
    height: 40px;
    border-right: 1px solid #FFFFFF; }
    .easilys .renewal-plan-screen .table-week .week-day .day-header .day-header-content {
      height: 10px;
      padding: 10px 5px;
      position: relative;
      cursor: pointer; }
      .easilys .renewal-plan-screen .table-week .week-day .day-header .day-header-content .day {
        font-size: 18px;
        padding-left: 5px; }
      .easilys .renewal-plan-screen .table-week .week-day .day-header .day-header-content .amount {
        font-size: 14px;
        line-height: 12px;
        color: #0d0d0d; }
  .easilys .renewal-plan-screen .table-week .week-day .day-body {
    border: none;
    border-right: 1px dotted #FFFFFF;
    /*.day-body-content:last-child {*/
    /*}*/ }
    .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content {
      border-bottom: 1px dotted #FFFFFF;
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
      .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element {
        position: relative;
        cursor: pointer; }
        .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content {
          height: 25px;
          width: 100%;
          padding-bottom: 1px;
          overflow: hidden; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content .info {
            float: right;
            font-size: 12px;
            background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%));
            padding: 7px 5px;
            color: #000000; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content .label {
            color: var(--application-main-color);
            float: left;
            padding: 8px 0 4px 0;
            border-radius: inherit;
            background-color: inherit;
            display: inline-block;
            font-size: 10px; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content .label .badge {
              float: none;
              padding: 2px 3px;
              background-color: var(--application-main-color); }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content .ellipsis-gradient {
            height: 26px;
            left: 0px;
            margin-left: -50px;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)) 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%))));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)) 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)) 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)) 100%);
            /* IE10+ */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)) 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
            /* IE6-9 */ }
        .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content:hover {
          background-color: #FFFFFF;
          color: #000000; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content:hover .info {
            background-color: #FFFFFF; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content:hover .label {
            color: #000000;
            background-color: inherit; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content:hover .label .badge {
              color: #000000;
              background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%)); }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .parent-element .content:hover .ellipsis-gradient {
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, white));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
            /* IE10+ */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
            /* IE6-9 */ }
      .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content {
        background-color: #FFFFFF;
        border-bottom: 1px solid #E0E0E0; }
        .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element {
          position: relative;
          cursor: pointer; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content {
            width: 100%;
            overflow: hidden;
            height: 35px;
            padding-bottom: 1px;
            color: #fff; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content .small-icon {
              margin-top: 2px; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content .info {
              text-align: right;
              padding: 5px 5px 5px 15px;
              color: #0d0d0d;
              background-color: #FFFFFF; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content .label-equipment {
              color: #737373;
              padding: 6px 0 4px 0px;
              border-radius: inherit;
              background-color: inherit;
              font-size: 10px; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content .renewal-options {
              color: #737373;
              border-radius: inherit;
              background-color: inherit;
              font-size: 12px; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content div > .renewal-options div {
              position: relative;
              left: +100%;
              /* JS updated */
              -webkit-transition: left 0.5s ease;
              /* Saf3.2+, Chrome */
              -moz-transition: left 0.5s ease;
              /* FF4+ */
              -ms-transition: left 0.5s ease;
              /* IE10 */
              -o-transition: left 0.5s ease;
              /* Opera 10.5+ */
              transition: left 0.5s ease;
              /* W3C*/ }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content div > .renewal-options div.renewal-comment-exists, .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content div > .renewal-options div.renewal-handled-exists {
              left: 0%; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content div > .renewal-options div:hover {
              color: #97ce6c; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover {
            background-color: #FFFFFF;
            color: #000000; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover .node {
              opacity: 0.3;
              /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover .small-icon {
              font-size: 14px;
              margin-left: -1px; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover .info {
              color: black; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover .label-equipment {
              color: #000000; }
            .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .content:hover div > .renewal-options div {
              left: 0%; }
          .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-content .day-body-sub-content .child-element .ellipsis-gradient {
            /*height: 26px;*/
            left: 0px;
            margin-left: -50px; }
    .easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-sub-content:last-child {
      border-bottom: none; }

.easilys .equipment-sheet, .easilys .intervention-sheet {
  border: 5px solid var(--application-main-color);
  border-top: none;
  margin: 5px;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }

.easilys .recipe-card form.disabled a,
.easilys .recipe-card form.disabled input[type="text"],
.easilys .recipe-card form.disabled input[type="checkbox"] + label,
.easilys .recipe-card form.disabled input[type="radio"] + label,
.easilys .recipe-card form.disabled textarea {
  cursor: default;
  border-color: #999999;
  color: #a6a6a6;
  pointer-events: none; }

/********************************************************************************/
/******************************** SMART SELECTION *******************************/
/********************************************************************************/
/************ gathering of class used in site smart selection screen ************/
/********************************************************************************/
.easilys .smart-selection {
  /* applications */
  /* preferences */ }
  .easilys .smart-selection .tag {
    border: solid 1px;
    background-color: #FFFFFF;
    padding: 4px 6px;
    margin: 0 2px 2px 0; }
    .easilys .smart-selection .tag .small-text {
      display: inline;
      padding-left: 0px; }
  .easilys .smart-selection .tag-category-menu {
    color: #ed0775; }
  .easilys .smart-selection .tag-ingredient {
    color: #ed1556; }
  .easilys .smart-selection .tag-generic-family {
    color: #ed1b30; }
  .easilys .smart-selection .tag-recipe {
    color: #f15f22; }
  .easilys .smart-selection .tag-recipe-family {
    color: #f99f1c; }
  .easilys .smart-selection .tag-product {
    color: #00aeef; }
  .easilys .smart-selection .tag-packaging-size {
    color: #d2de26; }
  .easilys .smart-selection .tag-conformity {
    color: #7dc242; }
  .easilys .smart-selection .tag-range {
    color: #ed1260; }
  .easilys .smart-selection .tag-supplier {
    color: #00a770; }
  .easilys .smart-selection .tag-quality {
    color: #9e790e; }

.easilys .modalbox-rule .tag {
  border: solid 1px;
  border-radius: 0px;
  background: #FFFFFF;
  padding: 4px 6px;
  float: left;
  margin: 1px 2px 1px 0px; }
  .easilys .modalbox-rule .tag .tag-delete-button a {
    color: inherit; }
  .easilys .modalbox-rule .tag .tag-delete-button a:hover {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%)); }

.easilys .modalbox-rule .tag.tag-category-menu {
  color: #ed0775; }
  .easilys .modalbox-rule .tag.tag-category-menu .tag-delete-button a {
    color: #ed0775; }
  .easilys .modalbox-rule .tag.tag-category-menu .tag-delete-button a:hover {
    color: #a30550; }

.easilys .modalbox-rule .tag.tag-ingredient {
  color: #ed1556; }
  .easilys .modalbox-rule .tag.tag-ingredient .tag-delete-button a {
    color: #ed1556; }
  .easilys .modalbox-rule .tag.tag-ingredient .tag-delete-button a:hover {
    color: #a90d3c; }

.easilys .modalbox-rule .tag.tag-generic-family {
  color: #ed1b30; }
  .easilys .modalbox-rule .tag.tag-generic-family .tag-delete-button a {
    color: #ed1b30; }
  .easilys .modalbox-rule .tag.tag-generic-family .tag-delete-button a:hover {
    color: #ae0e1e; }

.easilys .modalbox-rule .tag.tag-recipe {
  color: #f15f22; }
  .easilys .modalbox-rule .tag.tag-recipe .tag-delete-button a {
    color: #f15f22; }
  .easilys .modalbox-rule .tag.tag-recipe .tag-delete-button a:hover {
    color: #bb3f0c; }

.easilys .modalbox-rule .tag.tag-recipe-family {
  color: #f99f1c; }
  .easilys .modalbox-rule .tag.tag-recipe-family .tag-delete-button a {
    color: #f99f1c; }
  .easilys .modalbox-rule .tag.tag-recipe-family .tag-delete-button a:hover {
    color: #c37605; }

.easilys .modalbox-rule .tag.tag-product {
  color: #00aeef; }
  .easilys .modalbox-rule .tag.tag-product .tag-delete-button a {
    color: #00aeef; }
  .easilys .modalbox-rule .tag.tag-product .tag-delete-button a:hover {
    color: #0076a3; }

.easilys .modalbox-rule .tag.tag-packaging-size {
  color: #d2de26; }
  .easilys .modalbox-rule .tag.tag-packaging-size .tag-delete-button a {
    color: #d2de26; }
  .easilys .modalbox-rule .tag.tag-packaging-size .tag-delete-button a:hover {
    color: #969f18; }

.easilys .modalbox-rule .tag.tag-conformity {
  color: #7dc242; }
  .easilys .modalbox-rule .tag.tag-conformity .tag-delete-button a {
    color: #7dc242; }
  .easilys .modalbox-rule .tag.tag-conformity .tag-delete-button a:hover {
    color: #588b2d; }

.easilys .modalbox-rule .tag.tag-range {
  color: #ed1260; }
  .easilys .modalbox-rule .tag.tag-range .tag-delete-button a {
    color: #ed1260; }
  .easilys .modalbox-rule .tag.tag-range .tag-delete-button a:hover {
    color: #a60d43; }

.easilys .modalbox-rule .tag.tag-supplier {
  color: #00a770; }
  .easilys .modalbox-rule .tag.tag-supplier .tag-delete-button a {
    color: #00a770; }
  .easilys .modalbox-rule .tag.tag-supplier .tag-delete-button a:hover {
    color: #005b3d; }

.easilys .modalbox-rule .tag.tag-quality {
  color: #9e790e; }
  .easilys .modalbox-rule .tag.tag-quality .tag-delete-button a {
    color: #9e790e; }
  .easilys .modalbox-rule .tag.tag-quality .tag-delete-button a:hover {
    color: #584308; }

.easilys .modalbox-rule .tag.tag-diet {
  color: #00aaa6; }
  .easilys .modalbox-rule .tag.tag-diet .tag-delete-button a {
    color: #00aaa6; }
  .easilys .modalbox-rule .tag.tag-diet .tag-delete-button a:hover {
    color: #005e5b; }

.easilys .modalbox-rule .tag.tag-dish {
  color: #00addb; }
  .easilys .modalbox-rule .tag.tag-dish .tag-delete-button a {
    color: #00addb; }
  .easilys .modalbox-rule .tag.tag-dish .tag-delete-button a:hover {
    color: #00718f; }

.easilys .modalbox-rule .tag.tag-guest {
  color: #0093d8; }
  .easilys .modalbox-rule .tag.tag-guest .tag-delete-button a {
    color: #0093d8; }
  .easilys .modalbox-rule .tag.tag-guest .tag-delete-button a:hover {
    color: #005f8c; }

.easilys .modalbox-rule .tag.tag-mealtype {
  color: #006bb6; }
  .easilys .modalbox-rule .tag.tag-mealtype .tag-delete-button a {
    color: #006bb6; }
  .easilys .modalbox-rule .tag.tag-mealtype .tag-delete-button a:hover {
    color: #003e6a; }

.easilys .modalbox-rule .tag.tag-segment {
  color: #20419a; }
  .easilys .modalbox-rule .tag.tag-segment .tag-delete-button a {
    color: #20419a; }
  .easilys .modalbox-rule .tag.tag-segment .tag-delete-button a:hover {
    color: #13265b; }

.easilys .modalbox-rule .tag.tag-texture {
  color: #602d91; }
  .easilys .modalbox-rule .tag.tag-texture .tag-delete-button a {
    color: #602d91; }
  .easilys .modalbox-rule .tag.tag-texture .tag-delete-button a:hover {
    color: #391b57; }

.easilys .modalbox-rule .tag.tag-production-workshop {
  color: #9c258f; }
  .easilys .modalbox-rule .tag.tag-production-workshop .tag-delete-button a {
    color: #9c258f; }
  .easilys .modalbox-rule .tag.tag-production-workshop .tag-delete-button a:hover {
    color: #5e1656; }

.easilys .modalbox-rule .tag.tag-error {
  color: #C00000; }
  .easilys .modalbox-rule .tag.tag-error .tag-delete-button a {
    color: #C00000; }
  .easilys .modalbox-rule .tag.tag-error .tag-delete-button a:hover {
    color: #740000; }

.easilys .modalbox-rule .btquiet {
  line-height: 25px; }

.easilys .modalbox-rule .border {
  background-color: white;
  border: dotted 3px #F0F0F0;
  border-radius: 5px;
  /*padding:0px !important;*/ }
  .easilys .modalbox-rule .border .rule .title {
    float: left;
    padding: 7px; }
  .easilys .modalbox-rule .border .rule .border.tao {
    border-color: #f7f7f7; }
  .easilys .modalbox-rule .border .rule .border.tae {
    border-color: #ffffff; }
  .easilys .modalbox-rule .border .rule .fe-category-menu {
    color: #ed0775; }
  .easilys .modalbox-rule .border .rule .fe-ingredient {
    color: #ed1556; }
  .easilys .modalbox-rule .border .rule .fe-generic-family {
    color: #ed1b30; }
  .easilys .modalbox-rule .border .rule .fe-recipe {
    color: #f15f22; }
  .easilys .modalbox-rule .border .rule .fe-recipe-family {
    color: #f99f1c; }
  .easilys .modalbox-rule .border .rule .fe-product {
    color: #00aeef; }
  .easilys .modalbox-rule .border .rule .fe-packaging-size {
    color: #d2de26; }
  .easilys .modalbox-rule .border .rule .fe-conformity {
    color: #7dc242; }
  .easilys .modalbox-rule .border .rule .fe-range {
    color: #ed1260; }
  .easilys .modalbox-rule .border .rule .fe-supplier {
    color: #00a770; }
  .easilys .modalbox-rule .border .rule .fe-quality {
    color: #9e790e; }
  .easilys .modalbox-rule .border .rule .fe-diet {
    color: #00aaa6; }
  .easilys .modalbox-rule .border .rule .fe-dish {
    color: #00addb; }
  .easilys .modalbox-rule .border .rule .fe-guest {
    color: #0093d8; }
  .easilys .modalbox-rule .border .rule .fe-mealtype {
    color: #006bb6; }
  .easilys .modalbox-rule .border .rule .fe-segment {
    color: #20419a; }
  .easilys .modalbox-rule .border .rule .fe-texture {
    color: #602d91; }
  .easilys .modalbox-rule .border .rule .fe-production-workshop {
    color: #9c258f; }
  .easilys .modalbox-rule .border .rule:last-child {
    border-bottom: none; }

.easilys .modalbox-rule .category-menu-input input[type="text"] {
  cursor: default;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--application-main-color);
  border: none; }

.easilys .modalbox-rule input[type="checkbox"] + label:before,
.easilys .modalbox-rule input[type="radio"] + label:before {
  color: #999999;
  border-color: #999999; }

.easilys .modalbox-rule select:disabled,
.easilys .modalbox-rule textarea:disabled,
.easilys .modalbox-rule input[type="text"]:disabled,
.easilys .modalbox-rule input[type="number"]:disabled,
.easilys .modalbox-rule input[type="checkbox"]:disabled + label,
.easilys .modalbox-rule input[type="checkbox"]:disabled + label:before {
  color: #CCCCCC;
  border-color: #CCCCCC;
  text-decoration: line-through; }

.easilys .modalbox-rule .category-menu-select select {
  font-size: 13px;
  text-transform: uppercase;
  color: var(--application-main-color);
  border-color: var(--application-main-color); }

.easilys .modalbox-rule .category-menu-select select:disabled {
  cursor: default;
  border-color: #CCCCCC;
  color: #CCCCCC;
  text-decoration: line-through; }

.easilys .production-screen .lefttitle {
  border: none;
  margin-left: 0; }
  .easilys .production-screen .lefttitle h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #CCC; }

.easilys .production-screen .production-week .week-day {
  width: 20%;
  float: left;
  opacity: 0.9;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .production-screen .production-week .week-day .header {
    background: var(--application-main-color);
    height: 40px; }
    .easilys .production-screen .production-week .week-day .header .content {
      padding: 8px 0px;
      text-align: center;
      border-right: 1px solid hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) + 10%)); }
      .easilys .production-screen .production-week .week-day .header .content .label {
        color: #FFFFFF;
        background: inherit;
        border-radius: inherit;
        float: inherit;
        padding: 0px;
        font-size: 12px;
        text-align: center; }
      .easilys .production-screen .production-week .week-day .header .content .tinylabel {
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 30%)); }
  .easilys .production-screen .production-week .week-day .body {
    border-right: 1px dotted #FFFFFF;
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .production-screen .production-week .week-day .body .row .prod-workshop {
      border-bottom: 1px dotted #FFFFFF;
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content {
        position: relative;
        cursor: pointer; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main {
          width: 100%;
          height: 35px;
          padding-bottom: 1px;
          color: #FFFFFF; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .normal-icon {
            padding: 7px 5px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .smaller-icon.fe-arrow-right,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .smaller-icon.fe-arrow-down {
            padding: 12px 5px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .label, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .info {
            display: inline-block;
            width: 100%;
            font-size: 10px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .label {
            float: left;
            padding: 6px 0px 4px 0px;
            border-radius: inherit;
            background-color: inherit; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .fe-production-workshop, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .label {
            color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 10%)); }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content .bt-main .info {
            color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
            font-style: italic; }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .bt-main {
        background-color: #FFFFFF;
        color: #000000; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .bt-main .label {
          color: #000000; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .bt-main .info {
          color: #999999; }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .bt-main .node,
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .bt-main .normal-icon {
        opacity: 0.3;
        /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .content:hover .action-panel {
        display: inline-block; }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel {
        position: absolute;
        height: 36px;
        top: 0px;
        right: -158px;
        bottom: 0px;
        left: -158px;
        display: none;
        z-index: 99;
        font-weight: bold;
        -webkit-box-shadow: 0 0 10px 0 #666666;
        -moz-box-shadow: 0 0 10px 0 #666666;
        box-shadow: 0 0 10px 0 #666666; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action,
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action,
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action {
          position: absolute;
          bottom: 0px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button {
            text-decoration: none; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.three-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.other-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.show-details,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.three-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.other-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.show-details,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.three-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.other-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.show-details {
            display: inline-block;
            width: 25px;
            text-align: center; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.three-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button.three-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.one-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.two-day,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.three-day {
            padding: 13px 6px 11px 6px; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action {
          background-color: #FFFFFF; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a:hover.action-panel-button, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a:hover.action-panel-button {
            font-weight: bold;
            background-color: #ebebeb;
            color: #000000; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action {
          left: 0px;
          /*left: -41px;*/ }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.one-day:after {
            content: '- 1'; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.two-day:after {
            content: '- 2'; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .left-action a.action-panel-button.three-day:after {
            content: '- 3'; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action {
          left: 158px;
          right: 158px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .middle-action a.action-panel-button {
            width: 100%;
            height: 36px;
            display: inline-block;
            background-color: inherit; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action {
          right: 0px;
          /*right: -41px;*/ }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.one-day:after {
            content: '+ 1'; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.two-day:after {
            content: '+ 2'; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .action-panel .right-action a.action-panel-button.three-day:after {
            content: '+ 3'; }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe {
        border-bottom: 1px dotted hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 3%)); }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .node .v-lign, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .node .h-lign {
          border-color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 10%)); }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .node:nth-child(2) {
          margin-left: -2px; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main {
          color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%));
          width: 100%;
          height: 35px; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .label, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .info {
            display: inline-block;
            width: 100%; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .fe-recipe, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .label {
            color: var(--application-main-color); }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .info {
            color: gray; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .smaller-icon.fe-arrow-right,
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content .bt-main .smaller-icon.fe-arrow-down {
            padding: 12px 5px; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content:hover .bt-main {
          background-color: #FFFFFF; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .content:hover .bt-main .label {
            color: #000000; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish {
          border-bottom: 1px dotted #CCCCCC;
          background-color: #f3f3f3; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .node .v-lign, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .node .h-lign {
            border-color: #666666; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .node:nth-child(1) .v-lign {
            border-color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 10%)); }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .node:nth-child(1) .h-lign {
            border-color: #f3f3f3; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .content .bt-main .fe-mealtype, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .content .bt-main .label {
            color: #666666; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .content .bt-main .info {
            color: #999999; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .content:hover .bt-main {
            background-color: #FFFFFF;
            color: #333333; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu {
            border-bottom: 1px solid #dddcdb;
            background-color: #FFFFFF; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node .v-lign, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node .h-lign {
              border-color: #999999; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node:nth-child(1) .h-lign, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node:nth-child(2) .h-lign {
              border-color: #FFFFFF; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node:nth-child(1) .v-lign {
              border-color: hsl(var(--ribbon-background-color-hs), calc(var(--ribbon-background-color-l) - 10%)); }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node:nth-child(2) .v-lign {
              border-color: #666666; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .node:nth-child(3) {
              margin-left: -2px; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content .bt-main .fe-category-menu, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content .bt-main .label {
              color: #737373; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content .bt-main .info {
              color: #999999; }
              .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content .bt-main .info b {
                color: #8c8c8c; }
            .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content:hover .bt-main {
              background-color: #FFFFFF;
              /*color: $black;*/ }
              .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content:hover .bt-main .label {
                color: #000000; }
              .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content:hover .bt-main .fe-menu, .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu .content:hover .bt-main .info {
                color: #999999; }
          .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish .prod-category-menu:last-child {
            border: none; }
        .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe .prod-dish:last-child {
          border: none; }
      .easilys .production-screen .production-week .week-day .body .row .prod-workshop .prod-recipe:last-child {
        border: none; }

.easilys .production-screen .production-week .week-day:first-child .body {
  border: none;
  border-right: 1px dotted #FFFFFF;
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }

.easilys .production-screen .production-week .week-day:last-child .header .content {
  border: none; }

.easilys .production-screen .production-week .week-day:last-child .body {
  border: none; }

.easilys .production-screen .production-week .week-day:hover {
  opacity: 1;
  /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }

.easilys .node {
  width: 12px;
  float: left; }
  .easilys .node .node-lign {
    height: 19px;
    width: 5px;
    float: left;
    margin-top: -1px; }
  .easilys .node .v-lign {
    border-right: 1px solid #000000; }
  .easilys .node .h-lign {
    border-bottom: 1px solid #000000; }

/********************************************************************************/
/******************************** SMART SELECTION *******************************/
/********************************************************************************/
/************ gathering of class used in site smart selection screen ************/
/********************************************************************************/
.easilys .smart-packaging .ellipsis-gradient {
  background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(50%, rgba(250, 250, 250, 0)), color-stop(100%, #fafafa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */ }

.easilys .smart-packaging .list .list-item-link:hover .ellipsis-gradient,
.easilys .smart-packaging .list .list-item-link:focus .ellipsis-gradient,
.easilys .smart-packaging .list .active .ellipsis-gradient {
  background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(50%, rgba(240, 240, 240, 0)), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */ }

.easilys .smart-packaging .tag.tag-block, .easilys .smart-packaging .modalbox-rule.tag.tag-block {
  padding: 5px;
  background-color: #FFFFFF;
  color: inherit; }

.easilys .smart-packaging .filter .tag,
.easilys .smart-packaging .info-card .tag {
  border: solid 1px;
  background: #FFFFFF;
  padding: 4px 6px;
  float: left;
  margin: 0px 2px 2px 0px; }

.easilys .smart-packaging .filter .tag.tag-diet,
.easilys .smart-packaging .info-card .tag.tag-diet {
  color: #00aaa6; }
  .easilys .smart-packaging .filter .tag.tag-diet .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-diet .tag-delete-button a {
    color: #00aaa6; }
  .easilys .smart-packaging .filter .tag.tag-diet .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-diet .tag-delete-button a:hover {
    color: #005e5b; }

.easilys .smart-packaging .filter .tag.tag-dish,
.easilys .smart-packaging .info-card .tag.tag-dish {
  color: #00addb; }
  .easilys .smart-packaging .filter .tag.tag-dish .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-dish .tag-delete-button a {
    color: #00addb; }
  .easilys .smart-packaging .filter .tag.tag-dish .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-dish .tag-delete-button a:hover {
    color: #00718f; }

.easilys .smart-packaging .filter .tag.tag-guest,
.easilys .smart-packaging .info-card .tag.tag-guest {
  color: #0093d8; }
  .easilys .smart-packaging .filter .tag.tag-guest .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-guest .tag-delete-button a {
    color: #0093d8; }
  .easilys .smart-packaging .filter .tag.tag-guest .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-guest .tag-delete-button a:hover {
    color: #005f8c; }

.easilys .smart-packaging .filter .tag.tag-mealtype,
.easilys .smart-packaging .info-card .tag.tag-mealtype {
  color: #006bb6; }
  .easilys .smart-packaging .filter .tag.tag-mealtype .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-mealtype .tag-delete-button a {
    color: #006bb6; }
  .easilys .smart-packaging .filter .tag.tag-mealtype .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-mealtype .tag-delete-button a:hover {
    color: #003e6a; }

.easilys .smart-packaging .filter .tag.tag-segment,
.easilys .smart-packaging .info-card .tag.tag-segment {
  color: #20419a; }
  .easilys .smart-packaging .filter .tag.tag-segment .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-segment .tag-delete-button a {
    color: #20419a; }
  .easilys .smart-packaging .filter .tag.tag-segment .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-segment .tag-delete-button a:hover {
    color: #13265b; }

.easilys .smart-packaging .filter .tag.tag-texture,
.easilys .smart-packaging .info-card .tag.tag-texture {
  color: #602d91; }
  .easilys .smart-packaging .filter .tag.tag-texture .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-texture .tag-delete-button a {
    color: #602d91; }
  .easilys .smart-packaging .filter .tag.tag-texture .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-texture .tag-delete-button a:hover {
    color: #391b57; }

.easilys .smart-packaging .filter .tag.tag-recipe,
.easilys .smart-packaging .info-card .tag.tag-recipe {
  color: #f15f22; }
  .easilys .smart-packaging .filter .tag.tag-recipe .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-recipe .tag-delete-button a {
    color: #f15f22; }
  .easilys .smart-packaging .filter .tag.tag-recipe .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-recipe .tag-delete-button a:hover {
    color: #13265b; }

.easilys .smart-packaging .filter .tag.tag-recipe-family,
.easilys .smart-packaging .info-card .tag.tag-recipe-family {
  color: #f99f1c; }
  .easilys .smart-packaging .filter .tag.tag-recipe-family .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-recipe-family .tag-delete-button a {
    color: #f99f1c; }
  .easilys .smart-packaging .filter .tag.tag-recipe-family .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-recipe-family .tag-delete-button a:hover {
    color: #391b57; }

.easilys .smart-packaging .filter .tag.tag-production-workshop,
.easilys .smart-packaging .info-card .tag.tag-production-workshop {
  color: #9c258f; }
  .easilys .smart-packaging .filter .tag.tag-production-workshop .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-production-workshop .tag-delete-button a {
    color: #9c258f; }
  .easilys .smart-packaging .filter .tag.tag-production-workshop .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-production-workshop .tag-delete-button a:hover {
    color: #5e1656; }

.easilys .smart-packaging .filter .tag.tag-error,
.easilys .smart-packaging .info-card .tag.tag-error {
  color: #C00000; }
  .easilys .smart-packaging .filter .tag.tag-error .tag-delete-button a,
  .easilys .smart-packaging .info-card .tag.tag-error .tag-delete-button a {
    color: #C00000; }
  .easilys .smart-packaging .filter .tag.tag-error .tag-delete-button a:hover,
  .easilys .smart-packaging .info-card .tag.tag-error .tag-delete-button a:hover {
    color: #740000; }

.easilys .smart-packaging .filter .tag {
  margin: 0px; }

.easilys .smart-packaging .list-item-link .info-card {
  padding: 0px;
  background-color: inherit; }

.easilys .smart-packaging__details .tooltip {
  padding: 0px;
  top: 3px; }

.easilys .smart-packaging__create-or-update .tooltip {
  padding: 0 5px;
  float: right;
  top: -2px; }

.easilys .daily-cost-screen {
  min-width: 980px; }
  .easilys .daily-cost-screen .ribbon {
    z-index: 10;
    background: var(--application-main-background-color);
    color: var(--application-main-color);
    position: relative; }
  .easilys .daily-cost-screen .form {
    border: none;
    padding: 0px;
    background-color: inherit; }
    .easilys .daily-cost-screen .form label {
      display: inline-block;
      margin: 5px;
      color: inherit; }
    .easilys .daily-cost-screen .form input[type=text], .easilys .daily-cost-screen .form input[type=password], .easilys .daily-cost-screen .form textarea, .easilys .daily-cost-screen .form select {
      width: auto;
      border: none; }
    .easilys .daily-cost-screen .form input[type=text]:active,
    .easilys .daily-cost-screen .form input[type=text]:visited,
    .easilys .daily-cost-screen .form input[type=text]:focus,
    .easilys .daily-cost-screen .form input[type=text]:hover {
      border: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }
  .easilys .daily-cost-screen ul {
    margin: 0 auto;
    padding: 0;
    height: 36px; }
  .easilys .daily-cost-screen ul li {
    display: inline-block;
    margin: 10px 0px;
    text-align: center; }
  .easilys .daily-cost-screen ul li a {
    padding: 10px;
    text-decoration: none;
    overflow: visible;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%));
    background-color: var(--application-main-background-color); }
  .easilys .daily-cost-screen ul li a:hover {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%));
    background-color: #FFFFFF; }
  .easilys .daily-cost-screen ul li.tab-current a {
    background-color: #FFFFFF;
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%));
    border-bottom: 2px solid #FFFFFF; }
  .easilys .daily-cost-screen .taitems tr.table-important th {
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 15%));
    color: #FFF; }
  .easilys .daily-cost-screen table thead.table-head th {
    background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 45%));
    text-align: center; }
  .easilys .daily-cost-screen .taitems tr.alert-success th, .easilys .daily-cost-screen .taitems tr td.alert-success {
    background-color: #dfeedf;
    border-color: #cee6ce;
    color: #468847; }
  .easilys .daily-cost-screen .taitems tr.alert-danger th, .easilys .daily-cost-screen .taitems tr td.alert-danger {
    background-color: #f1dcdc;
    border-color: #efd5d4;
    color: #b94a48; }
  .easilys .daily-cost-screen .taitems td {
    padding: 5px 4px; }
  .easilys .daily-cost-screen .taitems .sub-taitems th {
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 20%));
    padding: 5px;
    font-size: 14px;
    text-align: left; }

.easilys .login-screen {
  color: var(--application-main-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%; }
  .easilys .login-screen .box {
    padding: 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: initial;
    color: inherit;
    border-radius: 0;
    font-family: "Montserrat Medium", serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    min-width: 450px;
    width: 28%;
    height: 100%;
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
    z-index: 1;
    background-color: #f2f2f2;
    position: relative; }
    .easilys .login-screen .box .logo img {
      max-width: 320px;
      display: block;
      margin: 0 auto;
      height: 95px; }
    .easilys .login-screen .box form {
      width: 85%;
      margin: 10px auto; }
      .easilys .login-screen .box form a {
        color: var(--application-main-color);
        text-decoration: none;
        font-size: 13px; }
      .easilys .login-screen .box form a:hover {
        color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
      .easilys .login-screen .box form .normal-icon {
        left: 5px;
        top: 10px;
        color: #838BB1; }
      .easilys .login-screen .box form label {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold; }
      .easilys .login-screen .box form input[type="text"],
      .easilys .login-screen .box form input[type="email"],
      .easilys .login-screen .box form input[type="password"] {
        font-size: 13px;
        margin-top: 5px;
        height: 40px;
        padding: 10px 40px 10px 40px;
        background-color: #FFFFFF !important;
        background-image: none !important; }
      .easilys .login-screen .box form input:-webkit-autofill {
        box-shadow: 0 0 0px 1000px white inset;
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        -webkit-text-fill-color: #B4B9D0 !important; }
      .easilys .login-screen .box form .btloud {
        font-size: 12px;
        font-weight: bold;
        background-color: var(--application-main-color);
        font-weight: normal; }
      .easilys .login-screen .box form .error {
        background-color: #f37556;
        color: #FFFFFF;
        padding: 10px 10px;
        border-radius: 50px;
        text-align: center; }
    @media screen and (max-height: 700px) {
      .easilys .login-screen .box {
        /* hide footer on small screen (or mobile with keyboard) */ }
        .easilys .login-screen .box .login-form-footer {
          display: none; } }
    .easilys .login-screen .box .login-form-footer {
      padding-bottom: 20px;
      text-align: center;
      color: #656d8f;
      background: #f2f2f2; }
      .easilys .login-screen .box .login-form-footer .bymapal {
        margin-bottom: 10px; }
        .easilys .login-screen .box .login-form-footer .bymapal img {
          width: 105px; }
      .easilys .login-screen .box .login-form-footer .terms-policy {
        color: var(--application-main-color); }
        .easilys .login-screen .box .login-form-footer .terms-policy a {
          color: var(--application-main-color);
          text-decoration: none;
          font-size: 13px; }
        .easilys .login-screen .box .login-form-footer .terms-policy a:hover {
          color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 10%)); }
      .easilys .login-screen .box .login-form-footer .copyright {
        font-size: 13px;
        margin-top: 2px; }
  .easilys .login-screen .visual-box {
    background-size: cover;
    width: 100%;
    height: 100%; }

.easilys .lots-panel .grid-table .table-body span {
  padding: 7px; }

.easilys .catalog-screen {
  min-width: 980px; }
  .easilys .catalog-screen .list .list-item, .easilys .catalog-screen .list .list-item-link {
    padding: 0 10px 0 20px; }
  .easilys .catalog-screen .title-bar h1 {
    margin: 0px 5px;
    line-height: 1.2; }
  .easilys .catalog-screen .collapsible-left-panel .inner-right-panel input[type="checkbox"] + label,
  .easilys .catalog-screen .collapsible-left-panel .inner-right-panel input[type="radio"] + label {
    margin-right: 0px; }
  .easilys .catalog-screen .grid-table {
    position: relative; }
    .easilys .catalog-screen .grid-table .table-header {
      position: relative; }
    .easilys .catalog-screen .grid-table .table-header + .table-header {
      padding: 0px;
      height: 33px; }
      .easilys .catalog-screen .grid-table .table-header + .table-header a.full-width-button-icon {
        padding: 10px;
        text-align: center;
        color: #666666;
        border-right: solid 1px #CCCCCC; }
        .easilys .catalog-screen .grid-table .table-header + .table-header a.full-width-button-icon i.normal-icon {
          float: none;
          margin-top: 0px;
          padding: 0px 5px 0px 5px; }
        .easilys .catalog-screen .grid-table .table-header + .table-header a.full-width-button-icon span {
          padding: 0px;
          display: inline; }
      .easilys .catalog-screen .grid-table .table-header + .table-header .input-container i.normal-icon {
        padding: 10px; }
      .easilys .catalog-screen .grid-table .table-header + .table-header .input-container .input-search {
        padding-left: 30px;
        height: 33px;
        width: 99.8%;
        border: none;
        border-right: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC; }
    .easilys .catalog-screen .grid-table .table-body {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      right: auto; }
      .easilys .catalog-screen .grid-table .table-body .table-row {
        padding: 0px; }
        .easilys .catalog-screen .grid-table .table-body .table-row .title {
          padding: 9px; }
      .easilys .catalog-screen .grid-table .table-body .table-row.tae:hover,
      .easilys .catalog-screen .grid-table .table-body .table-row.tao:hover {
        background-color: #F2F2F2; }
  .easilys .catalog-screen .left-empty-column {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 30%;
    border-right: 1px solid #CCCCCC;
    background-color: rgba(224, 224, 224, 0.75); }

@font-face {
  font-family: "Gel Pen Upright Light";
  src: url("../../../fonts/GelPenUprightLight.ttf"); }

@font-face {
  font-family: "Gel Pen Upright";
  src: url("../../../fonts/GelPenUpright.ttf"); }

@font-face {
  font-family: "Gel Pen Upright Heavy";
  src: url("../../../fonts/GelPenUprightHeavy.ttf"); }

.easilys .waste-awareness-background {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url("../images/cantine.jpg");
  background-size: cover; }

.easilys .waste-awareness-main-panel {
  position: absolute;
  width: 100%;
  min-width: 768px;
  height: 100%;
  min-height: 720px;
  padding: 2em;
  box-sizing: border-box;
  display: flex;
  font-family: "Gel Pen Upright Light", Comic Sans MS, Cursive;
  background: rgba(255, 255, 255, 0.2); }
  .easilys .waste-awareness-main-panel .left-panel {
    height: 100%;
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column; }
  .easilys .waste-awareness-main-panel .right-panel {
    height: 100%;
    box-sizing: border-box;
    margin-left: 2em;
    flex: 2;
    display: flex;
    flex-direction: column; }
  .easilys .waste-awareness-main-panel .ideolys-logo {
    position: absolute;
    right: 2em;
    bottom: 3em;
    width: 12em;
    height: 3em; }
    .easilys .waste-awareness-main-panel .ideolys-logo img {
      max-width: 100%;
      max-height: 100%; }
  .easilys .waste-awareness-main-panel .day-box,
  .easilys .waste-awareness-main-panel .logo-box,
  .easilys .waste-awareness-main-panel .week-box {
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.8); }
    .easilys .waste-awareness-main-panel .day-box .titles h1,
    .easilys .waste-awareness-main-panel .logo-box .titles h1,
    .easilys .waste-awareness-main-panel .week-box .titles h1 {
      margin: 0;
      font-family: "Gel Pen Upright", Comic Sans MS, Cursive;
      font-size: 2.5vw;
      color: #000000; }
  .easilys .waste-awareness-main-panel .logo-box {
    flex: 1; }
    .easilys .waste-awareness-main-panel .logo-box .content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: White; }
      .easilys .waste-awareness-main-panel .logo-box .content img {
        max-width: 100%;
        max-height: 100%; }
  .easilys .waste-awareness-main-panel .week-box {
    flex: 2.6;
    margin-top: 2em; }
    .easilys .waste-awareness-main-panel .week-box .titles {
      width: 100%;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background: White; }
    .easilys .waste-awareness-main-panel .week-box .content {
      width: 100%;
      flex: 4;
      display: flex;
      justify-content: center;
      background: White; }
      .easilys .waste-awareness-main-panel .week-box .content table {
        width: 80%;
        height: 90%;
        table-layout: fixed; }
        .easilys .waste-awareness-main-panel .week-box .content table tr td {
          font-size: 2vw; }
        .easilys .waste-awareness-main-panel .week-box .content table tr td:nth-child(2) {
          text-align: right; }
        .easilys .waste-awareness-main-panel .week-box .content table tr td:nth-child(3) {
          height: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          .easilys .waste-awareness-main-panel .week-box .content table tr td:nth-child(3) .smiley {
            width: 3vw;
            height: 3vw;
            background-size: contain;
            background-repeat: no-repeat; }
  .easilys .waste-awareness-main-panel .day-box {
    height: 100%; }
    .easilys .waste-awareness-main-panel .day-box .head {
      width: 100%;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background: White; }
      .easilys .waste-awareness-main-panel .day-box .head .titles {
        flex: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .easilys .waste-awareness-main-panel .day-box .head .titles h2,
        .easilys .waste-awareness-main-panel .day-box .head .titles h3 {
          margin-top: 1em;
          font-size: 2vw; }
        .easilys .waste-awareness-main-panel .day-box .head .titles h3 {
          color: LightGrey; }
      .easilys .waste-awareness-main-panel .day-box .head .smiley-container {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
        .easilys .waste-awareness-main-panel .day-box .head .smiley-container .smiley {
          width: 10vw;
          height: 10vw;
          max-width: 100%;
          max-height: 100%;
          background-size: contain;
          background-repeat: no-repeat; }
    .easilys .waste-awareness-main-panel .day-box .content {
      width: 100%;
      margin: 4em;
      flex: 2.4;
      display: flex;
      justify-content: center;
      align-items: center; }
      .easilys .waste-awareness-main-panel .day-box .content .trashbin {
        height: 100%;
        flex: 2;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .easilys .waste-awareness-main-panel .day-box .content .trashbin .assembly {
          width: 50%;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .easilys .waste-awareness-main-panel .day-box .content .trashbin .assembly .handle {
            width: 20%;
            flex: 2;
            border-style: solid;
            border-width: 0 5px 5px 5px;
            border-color: Grey;
            border-radius: 1em 1em 0 0;
            background: Grey; }
          .easilys .waste-awareness-main-panel .day-box .content .trashbin .assembly .lid {
            width: 100%;
            flex: 8;
            border-style: solid;
            border-width: 0 5px 5px 5px;
            border-color: Grey;
            border-radius: 1em 1em 0 0;
            background: Grey; }
          .easilys .waste-awareness-main-panel .day-box .content .trashbin .assembly .bin {
            position: relative;
            width: 90%;
            flex: 90;
            border-style: solid;
            border-width: 0 5px 5px 5px;
            border-color: Grey;
            border-radius: 0 0 2em 2em;
            background: LightGrey;
            overflow: hidden; }
            .easilys .waste-awareness-main-panel .day-box .content .trashbin .assembly .bin .trash {
              position: absolute;
              bottom: 0;
              width: 100%;
              max-height: 100%; }
      .easilys .waste-awareness-main-panel .day-box .content .gauge {
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        white-space: nowrap; }
        .easilys .waste-awareness-main-panel .day-box .content .gauge .scale {
          position: relative;
          width: 100%;
          height: 88%; }
          .easilys .waste-awareness-main-panel .day-box .content .gauge .scale .cursor {
            position: absolute;
            bottom: 0;
            width: 100%;
            max-height: 100%;
            left: 0; }
            .easilys .waste-awareness-main-panel .day-box .content .gauge .scale .cursor h1 {
              margin-top: -3vw;
              margin-bottom: 0;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 6vw; }
  .easilys .waste-awareness-main-panel .good .cursor h1,
  .easilys .waste-awareness-main-panel .good h2,
  .easilys .waste-awareness-main-panel .good td {
    color: #7cc245; }
  .easilys .waste-awareness-main-panel .good .smiley {
    background-image: url("../images/smiley-good.png"); }
  .easilys .waste-awareness-main-panel .good .trash {
    background: #7cc245; }
  .easilys .waste-awareness-main-panel .bad .cursor h1,
  .easilys .waste-awareness-main-panel .bad h2,
  .easilys .waste-awareness-main-panel .bad td {
    color: #c34017; }
  .easilys .waste-awareness-main-panel .bad .smiley {
    background-image: url("../images/smiley-bad.png"); }
  .easilys .waste-awareness-main-panel .bad .trash {
    background: #c34017; }
  .easilys .waste-awareness-main-panel .neutral .cursor h1,
  .easilys .waste-awareness-main-panel .neutral h2,
  .easilys .waste-awareness-main-panel .neutral td {
    color: #fc9c0b; }
  .easilys .waste-awareness-main-panel .neutral .smiley {
    background-image: url("../images/smiley-neutral.png"); }
  .easilys .waste-awareness-main-panel .neutral .trash {
    background: #fc9c0b; }

.easilys .waste-awareness-parameters-modal {
  width: 100%;
  height: 100%; }
  .easilys .waste-awareness-parameters-modal h2 {
    margin: 2em; }
  .easilys .waste-awareness-parameters-modal table {
    margin: 0 5em; }
    .easilys .waste-awareness-parameters-modal table td {
      height: 3em;
      padding: 0 2em;
      text-align: center; }
      .easilys .waste-awareness-parameters-modal table td input[type='number'] {
        width: 6em;
        text-align: right; }
      .easilys .waste-awareness-parameters-modal table td img {
        max-width: 3em;
        max-height: 3em; }
    .easilys .waste-awareness-parameters-modal table td:nth-child(1) {
      text-align: left; }
  .easilys .waste-awareness-parameters-modal .form {
    padding: 0;
    margin: 0 7em; }
    .easilys .waste-awareness-parameters-modal .form .tag {
      margin: 5px; }

.easilys .wastes-analysis-screen .distribution-chart {
  width: 100%;
  display: inline-block; }

@media (max-width: 1279px) {
  .easilys .wastes-analysis-screen .distribution-chart {
    width: 49%; }
  .easilys .wastes-analysis-screen .distribution-chart:nth-child(2) {
    float: right; } }

.easilys .wastes-analysis-screen .chart-title {
  background: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 40%)); }
  .easilys .wastes-analysis-screen .chart-title h3 {
    padding: 12px;
    margin: 0;
    text-align: center;
    color: var(--application-main-color); }

.easilys .weighings-screen .firststep-smallsize .bigger-icon.fe-equipment,
.easilys .weighings-screen .firststep-smallsize .bigger-icon.fe-equipment-rounded, .easilys .scales-config-screen .firststep-smallsize .bigger-icon.fe-equipment,
.easilys .scales-config-screen .firststep-smallsize .bigger-icon.fe-equipment-rounded {
  line-height: 160px;
  font-size: 160px; }

.easilys .weighings-screen .firststep-smallsize h1, .easilys .scales-config-screen .firststep-smallsize h1 {
  padding: 20px 0; }

.easilys .weighings-screen .grid .list .list-item-link.disabled, .easilys .scales-config-screen .grid .list .list-item-link.disabled {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1); }

.easilys .weighings-screen .ribbon, .easilys .scales-config-screen .ribbon {
  background-color: var(--application-main-color); }

.easilys .weighings-screen .info-card, .easilys .scales-config-screen .info-card {
  border: solid 5px var(--application-main-color);
  border-top: none;
  margin-top: -5px; }
  .easilys .weighings-screen .info-card .info-card-header, .easilys .scales-config-screen .info-card .info-card-header {
    border-top: solid 1px var(--application-main-color); }
  .easilys .weighings-screen .info-card .info-card-header.znobort, .easilys .scales-config-screen .info-card .info-card-header.znobort {
    border-top: 0; }
  .easilys .weighings-screen .info-card table a.full-width-button-icon, .easilys .scales-config-screen .info-card table a.full-width-button-icon {
    padding: 0 6px; }
  .easilys .weighings-screen .info-card table .taitems th, .easilys .scales-config-screen .info-card table .taitems th {
    background-color: var(--application-main-color);
    color: #FFFFFF;
    font-weight: normal; }
    .easilys .weighings-screen .info-card table .taitems th label, .easilys .scales-config-screen .info-card table .taitems th label {
      color: #FFFFFF; }
  .easilys .weighings-screen .info-card table .taitems td span, .easilys .scales-config-screen .info-card table .taitems td span {
    font-size: 14px; }
  .easilys .weighings-screen .info-card table .taitems td .badge, .easilys .scales-config-screen .info-card table .taitems td .badge {
    float: left;
    padding: 5px;
    color: #FFFFFF; }
  .easilys .weighings-screen .info-card table .taitems tr:last-child, .easilys .scales-config-screen .info-card table .taitems tr:last-child {
    border-bottom: none; }

.easilys .smart-catalog-screen .tag.tag-block, .easilys .smart-catalog-screen .modalbox-rule.tag.tag-block {
  margin: 2px 0px 0px 5px;
  padding: 5px;
  background-color: #FFFFFF;
  color: inherit; }

.easilys .smart-catalog-screen .list .tag {
  border: solid 1px;
  background: #FFFFFF;
  padding: 4px 6px;
  float: left;
  margin: 0px 2px 2px 0px; }

.easilys .smart-catalog-screen .list .tag.tag-product {
  color: #00aeef; }
  .easilys .smart-catalog-screen .list .tag.tag-product .tag-delete-button a {
    color: #00aeef; }
  .easilys .smart-catalog-screen .list .tag.tag-product .tag-delete-button a:hover {
    color: #0076a3; }

.easilys .smart-catalog-screen .list .tag.tag-product-family {
  color: #9c258f; }
  .easilys .smart-catalog-screen .list .tag.tag-product-family .tag-delete-button a {
    color: #9c258f; }
  .easilys .smart-catalog-screen .list .tag.tag-product-family .tag-delete-button a:hover {
    color: #5e1656; }

.easilys .smart-catalog-screen .list .tag.tag-quality {
  color: #9e790e; }
  .easilys .smart-catalog-screen .list .tag.tag-quality .tag-delete-button a {
    color: #9e790e; }
  .easilys .smart-catalog-screen .list .tag.tag-quality .tag-delete-button a:hover {
    color: #584308; }

.easilys .smart-catalog-screen .list .tag.tag-range {
  color: #ed1260; }
  .easilys .smart-catalog-screen .list .tag.tag-range .tag-delete-button a {
    color: #ed1260; }
  .easilys .smart-catalog-screen .list .tag.tag-range .tag-delete-button a:hover {
    color: #a60d43; }

.easilys .smart-catalog-screen .list .tag.tag-flask {
  color: #f99f1c; }
  .easilys .smart-catalog-screen .list .tag.tag-flask .tag-delete-button a {
    color: #f99f1c; }
  .easilys .smart-catalog-screen .list .tag.tag-flask .tag-delete-button a:hover {
    color: #1c1d58; }

.easilys .smart-catalog-screen .list .tag.tag-conformity {
  color: #7dc242; }
  .easilys .smart-catalog-screen .list .tag.tag-conformity .tag-delete-button a {
    color: #7dc242; }
  .easilys .smart-catalog-screen .list .tag.tag-conformity .tag-delete-button a:hover {
    color: #588b2d; }

.easilys .smart-catalog-screen .list .tag.tag-supplier {
  color: #00a770; }
  .easilys .smart-catalog-screen .list .tag.tag-supplier .tag-delete-button a {
    color: #00a770; }
  .easilys .smart-catalog-screen .list .tag.tag-supplier .tag-delete-button a:hover {
    color: #005b3d; }

.easilys .smart-catalog-screen ~ .modalbox .box > .content {
  overflow: inherit; }
  .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .fe-product-family {
    color: #9c258f; }
  .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .fe-flask {
    color: #f99f1c; }
  .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-product-family {
    color: #9c258f; }
    .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-product-family .tag-delete-button a {
      color: #9c258f; }
    .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-product-family .tag-delete-button a:hover {
      color: #5e1656; }
  .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-flask {
    color: #f99f1c; }
    .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-flask .tag-delete-button a {
      color: #f99f1c; }
    .easilys .smart-catalog-screen ~ .modalbox .box > .content .modalbox-rule .tag.tag-flask .tag-delete-button a:hover {
      color: #c37605; }

.easilys .smart-catalog-screen .list-sub-header.include-criteria {
  color: #34531b;
  background-color: #7cc245; }

.easilys .smart-catalog-screen .list-sub-header.exclude-criteria {
  color: #3a1307;
  background-color: #e8673e; }

.easilys .smart-catalog-screen .smart-catalog-badge {
  background-color: #fff4e9;
  padding: 7px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 10px; }

.easilys .smart-catalog-screen .alert-warning-smart-catalog {
  color: #F89406;
  padding: 8px 15px;
  margin-bottom: 5px; }

.easilys .financial-management-screen .main-panel {
  right: 0%;
  width: 100%;
  left: 0%; }

.easilys .financial-management-screen .info-panel {
  right: -40%;
  width: 40%;
  left: 100%; }

.easilys .financial-management-screen.show-info-panel .main-panel {
  right: 40%;
  width: 60%; }

.easilys .financial-management-screen.show-info-panel .info-panel {
  right: 0%;
  left: 60%; }

.delivery-tours-screen .filter-panel {
  width: 200px;
  left: -200px; }

.delivery-tours-screen .main-panel {
  left: 0px;
  right: 0px; }

.delivery-tours-screen .info-panel {
  width: 350px;
  right: -350px;
  left: auto; }

.delivery-tours-screen.show-filter-panel .filter-panel {
  left: 0px; }

.delivery-tours-screen.show-filter-panel .main-panel {
  left: 200px; }

.delivery-tours-screen.show-info-panel .info-panel {
  right: 0px; }

.delivery-tours-screen.show-info-panel .main-panel {
  right: 350px; }

.delivery-tours-screen .forbidden-zone-panel {
  display: none; }

.delivery-tours-screen .grid-table .table-header {
  height: 30px; }

.delivery-tours-screen .grid-table .table-body {
  top: 40px;
  margin-top: 1px; }

.delivery-tours-screen .grid-table.col-1 {
  width: 100%; }

.delivery-tours-screen .grid-table.col-1:nth-child(2),
.delivery-tours-screen .grid-table.col-1:nth-child(3),
.delivery-tours-screen .grid-table.col-1:nth-child(4),
.delivery-tours-screen .grid-table.col-1:nth-child(5),
.delivery-tours-screen .grid-table.col-1:nth-child(6),
.delivery-tours-screen .grid-table.col-1:nth-child(7) {
  display: none !important; }

.delivery-tours-screen .grid-table.col-3 {
  width: 33.33333%; }

.delivery-tours-screen .grid-table.col-3:nth-child(1) {
  left: 0%;
  right: 66.66666%; }

.delivery-tours-screen .grid-table.col-3:nth-child(2) {
  left: 33.33333%;
  right: 33.33333%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-3:nth-child(3) {
  left: 66.66666%;
  right: 0%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-3:nth-child(4),
.delivery-tours-screen .grid-table.col-3:nth-child(5),
.delivery-tours-screen .grid-table.col-3:nth-child(6),
.delivery-tours-screen .grid-table.col-3:nth-child(7) {
  display: none !important; }

.delivery-tours-screen .grid-table.col-7 {
  width: 14.2857142857%; }

.delivery-tours-screen .grid-table.col-7:nth-child(1) {
  left: 0%;
  right: 85.7142857143%; }

.delivery-tours-screen .grid-table.col-7:nth-child(2) {
  left: 14.2857142857%;
  right: 71,4285714286%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-7:nth-child(3) {
  left: 28.5714285714%;
  right: 57.1428571428%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-7:nth-child(4) {
  left: 42.8571428571%;
  right: 42.8571428571%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-7:nth-child(5) {
  left: 57.1428571428%;
  right: 28.5714285714%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-7:nth-child(6) {
  left: 71.4285714285%;
  right: 14.2857142857%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .grid-table.col-7:nth-child(7) {
  left: 85.7142857142%;
  right: 0%;
  border-left: dotted 1px #999999; }

.delivery-tours-screen .accordion-multi-level .body {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .bt-main {
    margin-bottom: 1px;
    color: #333333;
    border-color: #CCCCCC;
    background-color: #F0F0F0; }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .bt-main .node .v-lign,
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .bt-main .node .h-lign {
      border-color: var(--application-main-color); }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .icon.fe-truck {
    color: var(--application-main-color); }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .icon:nth-child(1) {
    display: none; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content .icon:nth-child(2) {
    display: block; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content:hover .bt-main {
    color: #000000;
    border-color: #999999;
    background-color: #CCCCCC; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content:hover .icon:nth-child(1) {
    display: block; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content:hover .icon:nth-child(2) {
    display: none; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content.active .bt-main {
    background-color: var(--application-main-color);
    color: #FFFFFF; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .content.active .fe-truck {
    color: #FFFFFF; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content .bt-main {
    margin-bottom: 1px;
    color: #333333;
    border-color: #CCCCCC;
    background-color: #FFFFFF; }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content .bt-main .icon:nth-child(1) {
      display: block; }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content .bt-main .fe-site {
      display: block; }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content .bt-main .fe-cross {
      display: none; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content .icon {
    color: var(--application-main-color); }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content.active .bt-main {
    background-color: var(--application-main-color);
    color: #FFFFFF; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content.active .icon {
    color: #FFFFFF; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content:hover .bt-main {
    color: #333333;
    border-color: #CCCCCC;
    background-color: var(--application-main-background-color); }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content:hover .bt-main .fe-site {
      display: none; }
    .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content:hover .bt-main .fe-cross {
      display: block; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content:hover.active .bt-main {
    background-color: var(--application-main-color);
    color: #FFFFFF; }
  .delivery-tours-screen .accordion-multi-level .body .row .level-1 .level-2 .content:hover.active .icon {
    color: #FFFFFF; }

.delivery-tours-screen .info-card-container .info-card-content {
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 0px;
  left: 0;
  background-color: #FFFFFF; }
  .delivery-tours-screen .info-card-container .info-card-content .block-container {
    padding: 10px;
    margin: 0px; }
    .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content table {
      width: 100%; }
      .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content table thead th {
        padding: 10px 5px;
        background-color: var(--application-main-background-color);
        color: var(--application-main-color); }
      .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content table tbody td {
        padding: 5px;
        border-bottom: solid 1px #F0F0F0; }
      .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content table tbody td.znobor {
        border: none; }
      .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content table tbody tr:last-child td {
        border: none; }
    .delivery-tours-screen .info-card-container .info-card-content .block-container .block-content .rating {
      width: fit-content;
      margin: 0 auto;
      float: none; }
  .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .block-header {
    color: var(--application-main-color); }
  .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .image-content {
    float: left;
    width: 60%;
    height: 230px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */
    padding-right: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center; }
    .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .image-content img {
      width: 100%; }
  .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .infos-content {
    float: left;
    width: 40%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
  @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .image-content {
      width: 100%;
      height: 260px;
      margin-bottom: 10px;
      padding-right: 0; }
    .delivery-tours-screen .info-card-container .info-card-content .block-container.main-block .infos-content {
      width: 100%;
      padding-left: 0px; }
    .delivery-tours-screen .info-card-container .info-card-content [class^="span"].block-container, .delivery-tours-screen .info-card-container .info-card-content [class*=" span"].block-container {
      width: 100%; } }
  .delivery-tours-screen .info-card-container .info-card-content .button {
    width: 30px;
    height: 30px;
    margin: auto;
    line-height: 30px;
    border-width: 2px; }
  .delivery-tours-screen .info-card-container .info-card-content .button:hover {
    border-style: inset;
    cursor: pointer; }
  .delivery-tours-screen .info-card-container .info-card-content .button.on {
    color: #fdfdfd;
    background-color: #97ce6c;
    border-color: #cde8b8;
    border-style: inset; }
  .delivery-tours-screen .info-card-container .info-card-content .button:hover.on {
    color: #FFFFFF;
    background-color: #639f35; }
  .delivery-tours-screen .info-card-container .info-card-content .button.off {
    background-color: #F0F0F0;
    border-color: #fdfdfd;
    border-style: outset; }
  .delivery-tours-screen .info-card-container .info-card-content .button:hover.off {
    color: #666666;
    background-color: #CCCCCC; }
  .delivery-tours-screen .info-card-container .info-card-content .droppable-item {
    background-color: white;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    margin-bottom: 5px; }
  .delivery-tours-screen .info-card-container .info-card-content .droppable-item:last-child {
    margin-bottom: 0px; }
  .delivery-tours-screen .info-card-container .info-card-content .droppable-item:hover {
    background-color: #cde8b8;
    cursor: pointer; }
  .delivery-tours-screen .info-card-container .info-card-content .selected-items-container {
    background-color: #F0F0F0;
    padding: 5px;
    max-height: 200px;
    overflow-y: auto; }
  .delivery-tours-screen .info-card-container .info-card-content .selectable-items-container {
    background-color: #F0F0F0;
    padding: 5px;
    max-height: 200px;
    overflow-y: auto; }

.delivery-tours-screen .info-card-container .info-card-bottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 40px; }

.delivery-tours-screen .info-card-container .btquiet, .delivery-tours-screen .info-card-container .btloud, .delivery-tours-screen .info-card-container .btnoisy, .delivery-tours-screen .info-card-container .btabort, .delivery-tours-screen .info-card-container .btnormal {
  padding: 0px; }

.delivery-tours-screen .sites-droppable-overlay {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px; }
  .delivery-tours-screen .sites-droppable-overlay .sites-droppable-message {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    border: dotted 5px #CCCCCC;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.4);
    display: block; }
  .delivery-tours-screen .sites-droppable-overlay .sites-droppable-hover-message {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.6);
    display: none; }

.delivery-tours-screen .sites-droppable-overlay:hover .sites-droppable-message {
  display: none; }

.delivery-tours-screen .sites-droppable-overlay:hover .sites-droppable-hover-message {
  display: block; }

#qz_Delivery_Tours_Display_Mode_Popover .bt-icon,
#qz_Delivery_Tours_Display_Mode_Popover.popover_list .bt-icon {
  padding: 5px; }
  #qz_Delivery_Tours_Display_Mode_Popover .bt-icon .text,
  #qz_Delivery_Tours_Display_Mode_Popover.popover_list .bt-icon .text {
    padding: 5px 10px;
    display: inline-block; }
  #qz_Delivery_Tours_Display_Mode_Popover .bt-icon .icon,
  #qz_Delivery_Tours_Display_Mode_Popover.popover_list .bt-icon .icon {
    padding: 0px; }

.qz_Delivery_Tours_Foldable_Item.hovered {
  border: dotted 2px grey; }

.droppable-item.dragged {
  width: 250px;
  height: 32px;
  line-height: 32px;
  background-color: #C0C0C0;
  border: solid 2px grey;
  padding: 0px 10px;
  z-index: 999;
  list-style: none;
  box-shadow: 2px 2px 10px #777; }

.deliveryTourIsCheck {
  background-color: #97ce6c !important; }
  .deliveryTourIsCheck:hover {
    background-color: #FFFFFF; }

.deliveryTourIsDisabled {
  background-color: #e6e6e6 !important;
  color: #b3b3b3 !important; }
  .deliveryTourIsDisabled:hover {
    cursor: default !important; }

#qz_Delivery_Tours_Radio_Period_Choice {
  margin: 4px; }
  #qz_Delivery_Tours_Radio_Period_Choice label {
    margin: 4px;
    background-color: #ebebeb;
    border: 2px solid #FFFFFF;
    overflow: auto; }
    #qz_Delivery_Tours_Radio_Period_Choice label:hover {
      border: 2px solid #333333;
      cursor: pointer; }
    #qz_Delivery_Tours_Radio_Period_Choice label span {
      text-align: center;
      font-size: 15px;
      padding: 13px 0px;
      display: block; }
    #qz_Delivery_Tours_Radio_Period_Choice label input {
      position: absolute;
      top: -20px; }
  #qz_Delivery_Tours_Radio_Period_Choice input:checked + span {
    background-color: var(--application-main-color);
    color: #FFFFFF; }

.content:has(> .qz_ModalBox_contentwrap > .gaia_messages) {
  height: 100%; }

/**************************************************
 * Default modification for mobility adaptability
***************************************************/
/* variables */
.easilys .show-on-tablet {
  display: none; }

.easilys .tablet-display {
  background-color: #FFFFFF;
  min-width: initial;
  /* panel default position */
  /* title-bar / action-panel */
  /* Search input in top of middle panel */
  /* overrides panels properties */
  /* storage panels position */
  /* inventory panels position */
  /* specifics override properties */
  /* Popover */
  /* modalbox */ }
  .easilys .tablet-display .show-on-tablet {
    display: block; }
  @media (max-width: 1279px) {
    .easilys .tablet-display .hide-on-tablet {
      display: none; } }
  .easilys .tablet-display .close-menu-button {
    display: block; }
  .easilys .tablet-display .filter-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: -30%;
    right: 100%;
    width: 30%; }
  .easilys .tablet-display .main-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 0%;
    right: 0%;
    margin: 0%;
    width: initial; }
  .easilys .tablet-display .info-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 100%;
    right: -50%;
    width: 50%; }
  .easilys .tablet-display .navback:not(.main-menu) {
    overflow: initial;
    height: auto;
    width: 300px; }
    .easilys .tablet-display .navback:not(.main-menu) .navigation-menu {
      right: 0;
      bottom: 100px;
      border-top: solid 1px var(--application-main-color); }
      .easilys .tablet-display .navback:not(.main-menu) .navigation-menu ul li ul li {
        border-right: none;
        border-bottom: solid 1px var(--application-main-background-color); }
        .easilys .tablet-display .navback:not(.main-menu) .navigation-menu ul li ul li a span {
          padding: 0px 10px; }
    .easilys .tablet-display .navback:not(.main-menu) .navbar-right {
      left: 0;
      bottom: 0;
      top: initial; }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li {
        border-left: none;
        border-top: solid 1px var(--application-main-background-color);
        overflow: hidden; }
        .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li a {
          width: 100%; }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:first-child a:first-child {
        width: 99%; }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:first-child a:nth-child(2) {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        padding: 12px;
        border-left: solid 1px rgba(255, 255, 255, 0.15);
        background-color: rgba(255, 255, 255, 0.15); }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(2) {
        width: 260px; }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(3) {
        display: none; }
      .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(4) {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        border-left: solid 1px var(--application-main-background-color); }
        .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(4) a.btnav {
          padding: 5px 0px; }
          .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(4) a.btnav i {
            padding: 7px 10px; }
        .easilys .tablet-display .navback:not(.main-menu) .navbar-right ul li:nth-child(4) a:hover.btnav {
          background-color: #FFFFFF;
          color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 15%)); }
    .easilys .tablet-display .navback:not(.main-menu) ul.nvbar {
      float: initial; }
      .easilys .tablet-display .navback:not(.main-menu) ul.nvbar li {
        float: initial; }
        .easilys .tablet-display .navback:not(.main-menu) ul.nvbar li ul li.nvbari a {
          width: 100%;
          padding: 10px 0px;
          text-align: left; }
        .easilys .tablet-display .navback:not(.main-menu) ul.nvbar li ul li.nvbari a:hover {
          background-color: rgba(255, 255, 255, 0.65); }
        .easilys .tablet-display .navback:not(.main-menu) ul.nvbar li ul li.nvbari a:nth-child(2) {
          position: absolute;
          right: 0;
          top: 0;
          width: auto;
          padding: 12px;
          border-left: solid 1px rgba(255, 255, 255, 0.15);
          background-color: rgba(255, 255, 255, 0.15); }
      .easilys .tablet-display .navback:not(.main-menu) ul.nvbar li.nvbari.more {
        border-right: none; }
    .easilys .tablet-display .navback:not(.main-menu) .menu-button {
      position: absolute;
      z-index: 10;
      top: 0px;
      right: -40px;
      height: 38px;
      width: 40px;
      color: #FFFFFF;
      background-color: var(--application-main-color);
      border-top: solid 1px var(--application-main-color);
      border-right: solid 1px var(--application-main-color);
      border-bottom: solid 1px var(--application-main-color);
      border-left: dashed 1px var(--application-main-color); }
    .easilys .tablet-display .navback:not(.main-menu) a:hover.menu-button,
    .easilys .tablet-display .navback:not(.main-menu) a:active.menu-button,
    .easilys .tablet-display .navback:not(.main-menu) a:focus.menu-button {
      background-color: var(--application-main-color);
      color: #FFFFFF; }
  .easilys .tablet-display .main-menu.hide-main-menu {
    width: 0px;
    left: -70px; }
    .easilys .tablet-display .main-menu.hide-main-menu ~ .navigation__widget {
      left: -70px; }
  .easilys .tablet-display .main-menu + div,
  .easilys .tablet-display .main-menu + .panel {
    left: 0px; }
  .easilys .tablet-display .animate {
    -webkit-transition: all 0.2s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.2s ease;
    /* FF4+ */
    -ms-transition: all 0.2s ease;
    /* IE10 */
    -o-transition: all 0.2s ease;
    /* Opera 10.5+ */
    transition: all 0.2s ease;
    /* W3C*/ }
  .easilys .tablet-display .animate .navigation-menu {
    overflow: auto; }
  .easilys .tablet-display .nav-panel.hide-main-menu {
    margin-left: -300px; }
  .easilys .tablet-display .nav-panel + div {
    top: 0px; }
  .easilys .tablet-display .show-filter-panel .filter-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 0%;
    right: 70%; }
  .easilys .tablet-display .show-filter-panel .main-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 30%; }
  .easilys .tablet-display .show-info-panel .main-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 0%;
    right: 50%; }
  .easilys .tablet-display .show-info-panel .info-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    left: 50%;
    right: 0%; }
  .easilys .tablet-display select {
    height: 40px; }
  .easilys .tablet-display .title-bar {
    background-color: #FFFFFF;
    color: var(--application-main-color);
    border-bottom: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 10%)); }
    .easilys .tablet-display .title-bar .btnormal.button-display-fix {
      height: 40px; }
      .easilys .tablet-display .title-bar .btnormal.button-display-fix .normal-icon {
        padding: 11px 6px; }
    .easilys .tablet-display .title-bar .grid.zpad5 {
      padding: 0px; }
    .easilys .tablet-display .title-bar .btquiet, .easilys .tablet-display .title-bar .btnormal, .easilys .tablet-display .title-bar .btloud, .easilys .tablet-display .title-bar .btnoisy, .easilys .tablet-display .title-bar .btabort {
      padding: 0px 5px; }
      .easilys .tablet-display .title-bar .btquiet .small-icon + span, .easilys .tablet-display .title-bar .btnormal .small-icon + span, .easilys .tablet-display .title-bar .btloud .small-icon + span, .easilys .tablet-display .title-bar .btnoisy .small-icon + span, .easilys .tablet-display .title-bar .btabort .small-icon + span {
        padding: 5px; }
      .easilys .tablet-display .title-bar .btquiet .fe-spinner, .easilys .tablet-display .title-bar .btnormal .fe-spinner, .easilys .tablet-display .title-bar .btloud .fe-spinner, .easilys .tablet-display .title-bar .btnoisy .fe-spinner, .easilys .tablet-display .title-bar .btabort .fe-spinner {
        padding: 8px; }
    .easilys .tablet-display .title-bar .btselect {
      padding: 5px 40px 5px 10px; }
      .easilys .tablet-display .title-bar .btselect i.smaller-icon {
        padding: 11px 7px; }
    .easilys .tablet-display .title-bar .btnormal {
      color: var(--application-main-color); }
      .easilys .tablet-display .title-bar .btnormal .small-text {
        line-height: 40px; }
    .easilys .tablet-display .title-bar .small-icon {
      font-size: 18px;
      line-height: 24px; }
    .easilys .tablet-display .title-bar .normal-icon {
      padding: 11px 6px; }
    .easilys .tablet-display .title-bar a.bt-icon {
      padding: 10px;
      color: inherit; }
    .easilys .tablet-display .title-bar a:hover.bt-icon,
    .easilys .tablet-display .title-bar a:focus.bt-icon,
    .easilys .tablet-display .title-bar a:active.bt-icon {
      color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
      background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
    .easilys .tablet-display .title-bar input.input-search,
    .easilys .tablet-display .title-bar input.input-date {
      font-size: 16px;
      line-height: 40px;
      padding: 20px 20px 20px 20px;
      border-top: none;
      border-bottom: none;
      border-left: solid 1px #F0F0F0;
      border-right: solid 1px #F0F0F0; }
    .easilys .tablet-display .title-bar input.input-search {
      padding-left: 40px; }
    .easilys .tablet-display .title-bar input.input-date {
      padding-left: 40px; }
    .easilys .tablet-display .title-bar .form input[type=text],
    .easilys .tablet-display .title-bar .form input[type=password],
    .easilys .tablet-display .title-bar .form textarea,
    .easilys .tablet-display .title-bar .form select {
      padding: 20px 5px;
      border-left: solid 1px #CCCCCC;
      border-right: solid 1px #CCCCCC;
      color: #CCCCCC; }
    .easilys .tablet-display .title-bar .form input[type=text]:active,
    .easilys .tablet-display .title-bar .form input[type=text]:visited,
    .easilys .tablet-display .title-bar .form input[type=text]:focus,
    .easilys .tablet-display .title-bar .form input[type=text]:hover {
      border-top: none;
      border-bottom: none;
      border-color: var(--application-main-color);
      color: var(--application-main-color); }
    .easilys .tablet-display .title-bar .zmarl5 {
      border-left: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
      margin-left: 0px; }
    .easilys .tablet-display .title-bar .zmarr5 {
      border-right: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
      margin-right: 0px; }
    .easilys .tablet-display .title-bar .normal-icon.fe-navigation-drawer {
      padding: 10px 3px 12px 9px; }
    .easilys .tablet-display .title-bar h1 {
      padding: 5px 10px; }
    .easilys .tablet-display .title-bar h2 {
      padding: 10px; }
    .easilys .tablet-display .title-bar .bt-switch-panel {
      background: inherit;
      cursor: pointer; }
      .easilys .tablet-display .title-bar .bt-switch-panel .switch {
        margin: 5px; }
      .easilys .tablet-display .title-bar .bt-switch-panel input.checked + .slider {
        background-color: var(--application-main-color);
        border-color: var(--application-main-color); }
      .easilys .tablet-display .title-bar .bt-switch-panel input.checked + .slider:before {
        content: "I";
        text-align: center;
        color: var(--application-main-color);
        border-color: var(--application-main-color);
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px); }
    .easilys .tablet-display .title-bar .zbor, .easilys .tablet-display .title-bar .zbort, .easilys .tablet-display .title-bar .zborr, .easilys .tablet-display .title-bar .zborb, .easilys .tablet-display .title-bar .zborl {
      border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
  .easilys .tablet-display .search-bar .ribbon .fe-search {
    padding: 12px 10px 12px 10px; }
  .easilys .tablet-display .search-bar .ribbon .big-input-search {
    height: 40px; }
  .easilys .tablet-display .filter-panel {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFFFFF;
    color: var(--application-main-color);
    border-right: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
    padding: 0px; }
    .easilys .tablet-display .filter-panel .calendar .actual-month {
      left: 40px;
      right: 40px; }
      .easilys .tablet-display .filter-panel .calendar .actual-month h5 {
        font-size: 16px;
        margin: 12px 5px; }
    .easilys .tablet-display .filter-panel .calendar .calendar-header {
      margin-bottom: 0px;
      padding-bottom: 0px;
      padding-top: 10px;
      background-color: var(--application-main-color);
      color: #FFFFFF; }
      .easilys .tablet-display .filter-panel .calendar .calendar-header .colday .tinylabel {
        color: #FFFFFF; }
    .easilys .tablet-display .filter-panel span.spanh2 {
      font-size: 16px;
      padding: 5px; }
    .easilys .tablet-display .filter-panel .accordion {
      margin-bottom: 0px; }
      .easilys .tablet-display .filter-panel .accordion a {
        color: var(--application-main-color); }
      .easilys .tablet-display .filter-panel .accordion a.btloadmore {
        padding: 15px 0px;
        border-bottom: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
      .easilys .tablet-display .filter-panel .accordion .accheader {
        height: 40px;
        font-size: 16px;
        padding: 0px;
        background-color: inherit;
        border-bottom: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
        .easilys .tablet-display .filter-panel .accordion .accheader .cont {
          padding: 10px 35px 10px 10px;
          background-color: #FFFFFF; }
          .easilys .tablet-display .filter-panel .accordion .accheader .cont .smaller-icon.fe-arrow-down,
          .easilys .tablet-display .filter-panel .accordion .accheader .cont .smaller-icon.fe-arrow-top {
            top: 0px;
            right: 0px;
            padding: 15px; }
      .easilys .tablet-display .filter-panel .accordion .accheader + .accitem {
        padding: 5px;
        border-bottom: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
      .easilys .tablet-display .filter-panel .accordion .accitem a {
        padding: 14px 0px; }
      .easilys .tablet-display .filter-panel .accordion .accitem h3 {
        font-size: 16px; }
      .easilys .tablet-display .filter-panel .accordion .accitem label {
        padding: 14px 10px 14px 30px; }
      .easilys .tablet-display .filter-panel .accordion .accitem input[type="file"],
      .easilys .tablet-display .filter-panel .accordion .accitem input[type=text],
      .easilys .tablet-display .filter-panel .accordion .accitem input[type=email],
      .easilys .tablet-display .filter-panel .accordion .accitem input[type=password] {
        height: 40px;
        font-size: 16px; }
      .easilys .tablet-display .filter-panel .accordion .accitem input[type=text].input-search + a.zpabs {
        padding: 0px; }
        .easilys .tablet-display .filter-panel .accordion .accitem input[type=text].input-search + a.zpabs .small-icon {
          padding: 15px; }
        .easilys .tablet-display .filter-panel .accordion .accitem input[type=text].input-search + a.zpabs .zborl {
          border-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
      .easilys .tablet-display .filter-panel .accordion .accordion .accheader {
        border-bottom: none; }
    .easilys .tablet-display .filter-panel .filter.narrow .accordion .calendar .accitem a {
      padding: 14px 0px; }
  .easilys .tablet-display .info-panel {
    background-color: #FFFFFF;
    padding: 0px; }
    .easilys .tablet-display .info-panel .info-panel-container {
      padding: 0px; }
    .easilys .tablet-display .info-panel table tr td:first-child {
      color: var(--application-main-color); }
    .easilys .tablet-display .info-panel .form {
      border: none;
      -webkit-border-radius: none;
      -moz-border-radius: none;
      border-radius: none;
      padding: 0px; }
      .easilys .tablet-display .info-panel .form input[type="submit"] {
        padding: 7px 10px;
        font-size: 14px;
        color: #666666;
        background-color: #D8D8D8; }
      .easilys .tablet-display .info-panel .form input[type="submit"]:hover {
        text-decoration: none;
        font-weight: normal;
        color: #000000;
        background-color: #C7C1C1; }
        .easilys .tablet-display .info-panel .form input[type="submit"]:hover.disabled {
          opacity: 65;
          /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
          cursor: default;
          background-image: none;
          color: #a1a1a1;
          background-color: #d4d4d4; }
    .easilys .tablet-display .info-panel .recipe {
      margin: 0px; }
    .easilys .tablet-display .info-panel .message-box-content .bt-shadow {
      padding: 0px; }
  .easilys .tablet-display .admin-product-screen.show-filter-panel .filter-panel {
    width: 30%; }
  .easilys .tablet-display .admin-product-screen.show-filter-panel .main-panel {
    left: 30%; }
  .easilys .tablet-display .admin-product-screen.show-info-panel {
    /*.main-panel {
        left: 0%;
        right: $infoPanelWidth;
        width: $MainPanelWidth;
      }
      .info-panel {
        left: $MainPanelWidth;
        right: 0%;
        width: $infoPanelWidth;
      }*/ }
    .easilys .tablet-display .admin-product-screen.show-info-panel .main-panel {
      left: 0%;
      right: 50%;
      width: 50%; }
    .easilys .tablet-display .admin-product-screen.show-info-panel .info-panel {
      width: 50%;
      left: 50%; }
  .easilys .tablet-display .product-panel {
    min-width: auto; }
  .easilys .tablet-display .storage-screen .filter-panel {
    left: 0%;
    width: 30%; }
  .easilys .tablet-display .storage-screen .main-panel {
    left: 30%;
    right: 0%; }
  .easilys .tablet-display .storage-screen.hide-filter-panel .filter-panel {
    left: -30%; }
  .easilys .tablet-display .storage-screen.hide-filter-panel .main-panel {
    left: 0%; }
  .easilys .tablet-display .inventory-screen .filter-panel {
    left: 0%;
    width: 30%; }
  .easilys .tablet-display .inventory-screen .main-panel {
    left: 30%;
    right: 0%; }
  .easilys .tablet-display .inventory-screen.hide-filter-panel .filter-panel {
    left: -30%; }
  .easilys .tablet-display .inventory-screen.hide-filter-panel .main-panel {
    left: 0%; }
  .easilys .tablet-display .smart-catalog-screen.show-filter-panel .filter-panel {
    width: 30%; }
  .easilys .tablet-display .smart-catalog-screen.show-filter-panel .main-panel {
    left: 30%; }
  .easilys .tablet-display .smart-catalog-screen .filter-panel {
    left: -30%;
    width: 30%;
    right: 100%;
    /*right: 70%;*/ }
  .easilys .tablet-display .smart-catalog-screen .main-panel {
    width: 100%;
    right: 0%;
    left: 0%; }
  .easilys .tablet-display .smart-catalog-screen .info-panel {
    width: 50%;
    left: 100%;
    right: -50%; }
  .easilys .tablet-display .smart-catalog-screen .info-panel table tr td:first-child {
    color: inherit; }
  .easilys .tablet-display .smart-catalog-screen.show-filter-panel {
    /*.info-panel {
        width: 50%;
        left: 100%;
        right: -50%;
      }*/ }
    .easilys .tablet-display .smart-catalog-screen.show-filter-panel .filter-panel {
      left: 0%;
      width: 30%;
      right: 70%; }
    .easilys .tablet-display .smart-catalog-screen.show-filter-panel .main-panel {
      left: 30%;
      width: 70%; }
  .easilys .tablet-display .smart-catalog-screen.show-info-panel .main-panel {
    width: 50%;
    left: 0%; }
  .easilys .tablet-display .smart-catalog-screen.show-info-panel .info-panel {
    width: 50%;
    left: 50%; }
  .easilys .tablet-display .receipt-screen.show-filter-panel .filter-panel {
    width: 100%;
    right: 0%;
    left: 0%; }
    .easilys .tablet-display .receipt-screen.show-filter-panel .filter-panel .inner-left {
      left: 0%;
      width: 35%; }
    .easilys .tablet-display .receipt-screen.show-filter-panel .filter-panel .inner-right {
      left: 35%;
      width: 65%; }
  .easilys .tablet-display .receipt-screen.show-filter-panel .main-panel {
    left: 100%;
    width: 50%;
    right: -50%; }
  .easilys .tablet-display .receipt-screen.hide-filter-panel .filter-panel {
    width: 50%;
    right: 50%;
    left: 0%; }
  .easilys .tablet-display .receipt-screen.hide-filter-panel .main-panel {
    left: 50%;
    width: 50%;
    right: 0%; }
  .easilys .tablet-display .receipt-screen.show-info-panel .filter-panel {
    width: 50%;
    right: 100%;
    left: -50%; }
  .easilys .tablet-display .receipt-screen.show-info-panel .main-panel {
    left: 0%;
    width: 50%;
    right: 50%; }
  .easilys .tablet-display .receipt-screen.show-info-panel .info-panel {
    left: 50%;
    width: 50%;
    right: 0%; }
  .easilys .tablet-display .customer-order-screen .filter-panel {
    left: 0%;
    width: 30%; }
  .easilys .tablet-display .customer-order-screen .main-panel {
    left: 30%;
    right: 0%; }
  .easilys .tablet-display .customer-order-screen .info-panel {
    left: 50%;
    right: 0%;
    width: 50%; }
  .easilys .tablet-display .customer-order-screen #customerOrders-calendar-panel.main-panel {
    left: 0%;
    right: 50%;
    width: initial; }
  .easilys .tablet-display .customer-order-screen #customerOrders-notifications-panel.info-panel {
    left: 50%;
    right: 0%;
    width: initial; }
  .easilys .tablet-display .customer-order-screen.hide-filter-panel .filter-panel {
    left: -30%;
    width: 30%; }
  .easilys .tablet-display .customer-order-screen.hide-filter-panel .main-panel {
    left: 0%; }
  .easilys .tablet-display .customer-order-screen.show-filter-panel .filter-panel {
    left: 30%; }
  .easilys .tablet-display .customer-order-screen.show-filter-panel .main-panel {
    left: 30%;
    right: 0%; }
  .easilys .tablet-display .customer-order-screen.hide-info-panel .main-panel,
  .easilys .tablet-display .customer-order-screen.hide-info-panel #customerOrders-calendar-panel.main-panel {
    right: 0%; }
  .easilys .tablet-display .customer-order-screen.hide-info-panel .info-panel,
  .easilys .tablet-display .customer-order-screen.hide-info-panel #customerOrders-notifications-panel.info-panel {
    left: 100%;
    right: -50%; }
  .easilys .tablet-display #customerOrders-calendar-panel.main-panel {
    left: 0;
    right: 0;
    width: auto; }
  .easilys .tablet-display #customerOrders-notifications-panel.info-panel {
    right: -100%;
    left: 100%;
    width: auto; }
  .easilys .tablet-display #customerOrders-calendar-panel.main-panel.hide-info-panel {
    left: -100%;
    right: 100%;
    width: auto; }
  .easilys .tablet-display #customerOrders-notifications-panel.info-panel.hide-info-panel {
    right: 0;
    left: 0;
    width: auto; }
  .easilys .tablet-display .tree_site .filter-panel {
    left: -60%;
    width: 60%;
    right: 100%;
    margin: 0;
    border: 0; }
  .easilys .tablet-display .tree_site .main-panel {
    width: 100%;
    right: 0%;
    left: 0%;
    margin: 0;
    border: 0; }
  .easilys .tablet-display .tree_site.show-filter-panel .filter-panel {
    left: 0%;
    right: 40%; }
  .easilys .tablet-display .tree_site.show-filter-panel .main-panel {
    left: 60%;
    width: 40%; }
  .easilys .tablet-display .tree_site.hide-filter-panel .filter-panel {
    left: -60%;
    right: 100%; }
  .easilys .tablet-display .tree_site.hide-filter-panel .main-panel {
    left: 0%;
    width: 40%; }
  .easilys .tablet-display select.menu-categories-list {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    cursor: pointer;
    color: var(--application-main-color); }
  .easilys .tablet-display select:hover.menu-categories-list,
  .easilys .tablet-display select:active.menu-categories-list,
  .easilys .tablet-display select:focus.menu-categories-list {
    color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) - 10%));
    background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
  .easilys .tablet-display .link-report-container h3, .easilys .tablet-display .link-report-container .link-download-report {
    padding: 15px 5px; }
  .easilys .tablet-display .link-report-container .link-report-format-container {
    margin-top: 0px;
    /*padding: 5px;*/ }
    .easilys .tablet-display .link-report-container .link-report-format-container .format {
      float: right;
      margin: 0px 0px 0px 5px;
      font-size: 14px;
      line-height: 25px; }
  .easilys .tablet-display .link-report-format-container {
    margin-top: 11px; }
    .easilys .tablet-display .link-report-format-container .normal-icon {
      font-size: 28px;
      line-height: 28px; }
  .easilys .tablet-display .link-report-format-content {
    padding: 5px; }
  .easilys .tablet-display .format {
    float: right;
    margin: 0px 0px 0px 5px;
    font-size: 14px;
    line-height: 25px; }
  .easilys .tablet-display .inventory-screen .title-bar h3 {
    margin: 5px 0px 0px 0px; }
  .easilys .tablet-display .inventory-screen .main-panel .col-qty .small-text {
    line-height: 20px; }
  .easilys .tablet-display .inventory-screen .main-panel form a.bt-icon {
    padding: 10px; }
  .easilys .tablet-display .service-logs-screen .main-panel .grid-table .table-body .table-row .col-qty {
    padding: 3px 6px; }
    .easilys .tablet-display .service-logs-screen .main-panel .grid-table .table-body .table-row .col-qty .small-text {
      line-height: 20px; }
  .easilys .tablet-display .service-logs-screen .main-panel .grid-table .table-body .table-row form a.bt-icon {
    padding: 10px; }
  .easilys .tablet-display .customer-order .bt-account .xbig-text {
    padding: 5px; }
  .easilys .tablet-display .login-screen {
    font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; }
    .easilys .tablet-display .login-screen .login-form form .normal-icon {
      display: block;
      top: 0px;
      left: 0px;
      padding: 11px 10px 11px 16px; }
    .easilys .tablet-display .login-screen .login-form form label {
      display: inline-block;
      padding: 5px 10px;
      font-size: 13px;
      display: none; }
    .easilys .tablet-display .login-screen .login-form form input[type="text"],
    .easilys .tablet-display .login-screen .login-form form input[type="email"],
    .easilys .tablet-display .login-screen .login-form form input[type="password"] {
      padding-left: 50px;
      margin-top: 0px;
      font-size: 13px;
      border: none;
      color: #656D8F;
      font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
      border-radius: 4px; }
    .easilys .tablet-display .login-screen .login-form form input:-webkit-autofill {
      box-shadow: 0 0 0px 1000px #FFFFFF inset;
      -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
      -webkit-text-fill-color: #B4B9D0 !important; }
    .easilys .tablet-display .login-screen .login-form form input.btloud {
      width: 100%;
      font-size: 13px;
      padding: 5px 15px; }
  .easilys .tablet-display .supplier-order-screen .filter-panel {
    left: 0%;
    width: 30%; }
  .easilys .tablet-display .supplier-order-screen .main-panel {
    left: 30%;
    right: 50%; }
  .easilys .tablet-display .supplier-order-screen .info-panel {
    left: 50%;
    width: 50%; }
  .easilys .tablet-display .supplier-order-screen.hide-filter-panel .filter-panel {
    left: -30%; }
  .easilys .tablet-display .supplier-order-screen.hide-filter-panel .main-panel {
    left: 0%; }
  .easilys .tablet-display .supplier-order-screen.hide-info-panel .main-panel {
    right: 0%; }
  .easilys .tablet-display .supplier-order-screen.hide-info-panel .info-panel {
    left: 100%;
    right: -50%; }
  .easilys .tablet-display .supplier-order-screen.show-info-panel .main-panel {
    width: auto; }
  .easilys .tablet-display .supplier-order-screen ~ .pika-single {
    z-index: 1000001;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 15px; }
    .easilys .tablet-display .supplier-order-screen ~ .pika-single.is-bound {
      -webkit-box-shadow: 0px -100px 100px 100px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px -100px 100px 100px rgba(0, 0, 0, 0.3);
      box-shadow: 0px -100px 100px 100px rgba(0, 0, 0, 0.3); }
    .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar {
      width: 100%;
      margin: 0; }
      .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-label {
        font-size: 18px;
        line-height: 18px;
        padding: 10px 5px; }
      .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-prev, .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-next {
        width: 40px;
        height: 40px;
        border: solid 1px grey !important; }
      .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-table th {
        font-size: 16px;
        line-height: 40px; }
        .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-table th abbr[title], .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-table th acronym[title] {
          text-decoration: none; }
      .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-lendar .pika-table .pika-button {
        font-size: 16px;
        line-height: 30px;
        text-align: center; }
    .easilys .tablet-display .supplier-order-screen ~ .pika-single .pika-button {
      font-size: 16px;
      line-height: 30px;
      text-align: center; }
  .easilys .tablet-display .community-panel .info-panel .pant100 {
    top: 120px; }
  .easilys .tablet-display .community-panel .info-panel .panh100 {
    height: 120px; }
  .easilys .tablet-display .community-panel .info-panel .title-bar input {
    height: 40px; }
  .easilys .tablet-display .community-panel .info-panel .title-bar .zmarl5,
  .easilys .tablet-display .community-panel .info-panel .title-bar .zmarr5 {
    border: none; }
  .easilys .tablet-display .community-panel .info-panel .title-bar .bt-select {
    float: left;
    height: 40px; }
    .easilys .tablet-display .community-panel .info-panel .title-bar .bt-select a {
      padding: 5px 40px 5px 15px; }
      .easilys .tablet-display .community-panel .info-panel .title-bar .bt-select a .smaller-icon {
        padding: 15px; }
  .easilys .tablet-display .community-panel .info-panel .message-box .message-box-content {
    padding: 10px 35px 10px 10px; }
    .easilys .tablet-display .community-panel .info-panel .message-box .message-box-content .bt-icon .small-icon {
      font-size: 18px;
      line-height: 18px; }
    .easilys .tablet-display .community-panel .info-panel .message-box .message-box-content .bt-icon.zpadr10 {
      padding: 10px 11px; }
  .easilys .tablet-display .community-panel .main-panel .grid-table .table-header a.bt-icon {
    color: #FFFFFF; }
  .easilys .tablet-display .community-panel .main-panel .grid-table .table-header span.normal-icon {
    padding: 11px;
    margin: 5px; }
  .easilys .tablet-display .receipt-screen .main-panel #breadcrumb-panel {
    z-index: 11;
    height: 35px; }
    .easilys .tablet-display .receipt-screen .main-panel #breadcrumb-panel .breadcrumb a.breadcrumb-container .breadcrumb-content {
      height: 35px; }
    .easilys .tablet-display .receipt-screen .main-panel #breadcrumb-panel .breadcrumb a:hover.breadcrumb-container .breadcrumb-content {
      height: 80px; }
    .easilys .tablet-display .receipt-screen .main-panel #breadcrumb-panel + .pant80 {
      top: 35px; }
  .easilys .tablet-display .receipt-screen .main-panel .badge {
    font-size: 16px;
    margin-top: 5px; }
  .easilys .tablet-display .menus-screen .adminbudget .filter-panel {
    width: 200px; }
  .easilys .tablet-display .financial-management-screen .main-panel {
    right: 0%;
    width: 100%;
    left: 0%; }
  .easilys .tablet-display .financial-management-screen .info-panel {
    right: -40%;
    width: 40%;
    left: 100%; }
  .easilys .tablet-display .financial-management-screen.show-info-panel .main-panel {
    right: 40%;
    width: 60%; }
  .easilys .tablet-display .financial-management-screen.show-info-panel .info-panel {
    right: 0%;
    left: 60%; }
  .easilys .tablet-display .recipe-screen .grid-table .table-body {
    top: 40px; }
  .easilys .tablet-display .recipe-screen .list .list-item-header .top-content img {
    opacity: 1;
    /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .tablet-display .org_card .filter-panel .accheader {
    height: auto;
    padding: 15px; }
  .easilys .tablet-display .org_card .main-panel .title-bar h1 {
    line-height: 40px; }
  .easilys .tablet-display .popover {
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    max-height: 100% !important; }
    .easilys .tablet-display .popover .header {
      padding: 10px;
      margin-bottom: 0px; }
      .easilys .tablet-display .popover .header .header_title, .easilys .tablet-display .popover .header h1 {
        font-size: 21px; }
      .easilys .tablet-display .popover .header a.small-icon {
        font-size: 21px;
        padding: 14px; }
    .easilys .tablet-display .popover input[type="file"],
    .easilys .tablet-display .popover input[type="text"],
    .easilys .tablet-display .popover input[type="email"],
    .easilys .tablet-display .popover input[type="password"] {
      height: 40px; }
    .easilys .tablet-display .popover .content {
      top: 51px;
      top: 51px;
      height: 100% !important;
      max-height: 100% !important; }
      .easilys .tablet-display .popover .content .popover_list {
        margin-bottom: 51px; }
        .easilys .tablet-display .popover .content .popover_list .format {
          margin-top: -10px; }
        .easilys .tablet-display .popover .content .popover_list li > a {
          padding: 15px;
          border-bottom: solid 1px #F0F0F0; }
        .easilys .tablet-display .popover .content .popover_list .btloadmore {
          height: 0px;
          padding: 0px; }
          .easilys .tablet-display .popover .content .popover_list .btloadmore a {
            padding: 10px;
            background: #F0F0F0;
            text-decoration: none; }
          .easilys .tablet-display .popover .content .popover_list .btloadmore a {
            padding: 15px; }
          .easilys .tablet-display .popover .content .popover_list .btloadmore a:hover {
            background: #CCCCCC;
            color: #000000; }
        .easilys .tablet-display .popover .content .popover_list hr {
          margin: 0px; }
      .easilys .tablet-display .popover .content .popover_list.category-menus-button {
        margin-bottom: 0px;
        background-image: url("../images/texture1.png");
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
        margin-top: -20px; }
        .easilys .tablet-display .popover .content .popover_list.category-menus-button .list {
          min-width: 400px;
          width: 50%;
          margin: 0 auto;
          text-align: center; }
          .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item,
          .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item-link {
            margin: 10px;
            padding: 5px; }
            .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item.zborb,
            .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item-link.zborb {
              border: solid 1px #CCCCCC; }
            .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item .normal-icon,
            .easilys .tablet-display .popover .content .popover_list.category-menus-button .list .list-item-link .normal-icon {
              float: left; }
    .easilys .tablet-display .popover .footer {
      padding: 0px;
      height: 50px; }
      .easilys .tablet-display .popover .footer a.btquiet, .easilys .tablet-display .popover .footer a.btnormal, .easilys .tablet-display .popover .footer a.btnoisy, .easilys .tablet-display .popover .footer a.btloud {
        padding: 10px 20px;
        font-size: 16px; }
  .easilys .tablet-display .modalbox .box {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
    .easilys .tablet-display .modalbox .box .header {
      padding: 10px;
      margin-bottom: 0px; }
      .easilys .tablet-display .modalbox .box .header h1 {
        font-size: 21px; }
      .easilys .tablet-display .modalbox .box .header a.small-icon {
        font-size: 21px;
        padding: 14px; }
    .easilys .tablet-display .modalbox .box input[type="file"],
    .easilys .tablet-display .modalbox .box input[type="text"],
    .easilys .tablet-display .modalbox .box input[type="email"],
    .easilys .tablet-display .modalbox .box input[type="password"] {
      height: 40px; }
    .easilys .tablet-display .modalbox .box .content {
      top: 51px; }
      .easilys .tablet-display .modalbox .box .content .panh40 {
        height: 40px; }
      .easilys .tablet-display .modalbox .box .content .pant40 {
        top: 50px; }
      .easilys .tablet-display .modalbox .box .content .big-icon.fe-search {
        font-size: 16px;
        line-height: 20px; }
      .easilys .tablet-display .modalbox .box .content a.btnormal,
      .easilys .tablet-display .modalbox .box .content a.btnoisy,
      .easilys .tablet-display .modalbox .box .content a.btloud,
      .easilys .tablet-display .modalbox .box .content a.btquiet {
        padding: 5px 10px; }
        .easilys .tablet-display .modalbox .box .content a.btnormal .smaller-icon,
        .easilys .tablet-display .modalbox .box .content a.btnoisy .smaller-icon,
        .easilys .tablet-display .modalbox .box .content a.btloud .smaller-icon,
        .easilys .tablet-display .modalbox .box .content a.btquiet .smaller-icon {
          padding: 15px;
          top: 0px;
          right: 0px; }
      .easilys .tablet-display .modalbox .box .content .bt-icon {
        padding: 10px; }
      .easilys .tablet-display .modalbox .box .content .grid-table .table-body span {
        padding: 12px;
        font-size: 14px;
        line-height: 14px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-cart .full-order .table .taitems th {
        padding: 0px 6px; }
        .easilys .tablet-display .modalbox .box .content .customer-order-cart .full-order .table .taitems th .bt-icon {
          padding: 6px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-cart .full-order .table .taitems th.tabutton {
        width: 80px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body span {
        padding: 5px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row {
        height: 40px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row .quantity-manager {
        width: 190px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager .smaller-icon {
        font-size: 16px;
        padding: 13px 12px; }
      .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement {
        margin-top: -19px; }
        .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask-label {
          height: 31px;
          margin-top: -31px; }
        .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask {
          height: 50px;
          width: 150px;
          margin-top: -31px; }
        .easilys .tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .row-replacement-label {
          margin-right: 190px; }
    .easilys .tablet-display .modalbox .box .footer {
      padding: 0px;
      height: 50px; }
      .easilys .tablet-display .modalbox .box .footer a.btquiet, .easilys .tablet-display .modalbox .box .footer a.btnormal, .easilys .tablet-display .modalbox .box .footer a.btnoisy, .easilys .tablet-display .modalbox .box .footer a.btloud {
        padding: 10px 10px;
        font-size: 14px; }
      .easilys .tablet-display .modalbox .box .footer .button-choice .btloud {
        padding: 10px;
        font-size: 14px; }
      .easilys .tablet-display .modalbox .box .footer a.btorder {
        font-size: 14px;
        line-height: 50px; }
        .easilys .tablet-display .modalbox .box .footer a.btorder .normal-icon {
          padding: 15px 10px; }
  .easilys .tablet-display .list-sub-header {
    padding: 8px; }
  .easilys .tablet-display .optbox {
    background-color: var(--application-main-color);
    background-image: url(../images/stripe3.png);
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }

@media (min-width: 1280px) {
  .mapal .login-screen .box {
    min-width: 28%; } }

@media (max-width: 1279px) {
  .mapal .login-screen .box {
    min-width: 35%; }
  .mapal .footer__info {
    display: none; } }

@media (max-width: 1023px) {
  .mapal .login-screen .box {
    min-width: 45%; }
  .mapal .footer__logo {
    display: none; }
  .mapal .footer__operator {
    width: 100%;
    justify-content: end; } }

@media (max-width: 767px) {
  .mapal .login-screen .box {
    min-width: 100%; } }

.easilys .show-on-phone {
  display: none; }
  @media (max-width: 767px) {
    .easilys .show-on-phone {
      display: block; } }

@media (max-width: 767px) {
  .easilys .hide-on-phone {
    display: none !important; } }

.easilys .phone-display.tablet-display .hide-info-panel .main-panel {
  right: 0%; }

.easilys .phone-display.tablet-display .hide-info-panel .info-panel {
  left: 100%; }

.easilys .phone-display.tablet-display .hide-filter-panel .filter-panel {
  left: -100%; }

.easilys .phone-display.tablet-display .hide-filter-panel .main-panel {
  left: 0%; }

.easilys .phone-display.tablet-display .filter-panel.hide-filter-panel {
  width: 100%;
  left: 0%;
  margin-left: -100%; }

.easilys .phone-display.tablet-display .filter-panel {
  left: -100%;
  right: 100%;
  width: 100%; }

.easilys .phone-display.tablet-display .main-panel {
  left: 0%;
  right: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .info-panel {
  left: 100%;
  right: -100%;
  width: 100%;
  z-index: 20; }

.easilys .phone-display.tablet-display .show-filter-panel .filter-panel {
  left: 0%;
  right: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .show-filter-panel .main-panel {
  left: 100%;
  right: -100%;
  width: 100%; }

.easilys .phone-display.tablet-display .show-info-panel .main-panel {
  left: -100%;
  right: 100%;
  width: 100%; }

.easilys .phone-display.tablet-display .show-info-panel .info-panel {
  left: 0%;
  right: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .receipt-screen .filter-panel {
  width: 100%;
  left: 0%; }
  .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-left, .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-right {
    width: 100%; }
  .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-left {
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/
    left: -100%; }
    .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-left .qz_Receipts_Filters_Box_Container {
      padding-top: 40px; }
  .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-right {
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    transition: all 0.5s ease;
    /* W3C*/
    left: 0%; }
    .easilys .phone-display.tablet-display .receipt-screen .filter-panel .inner-right .mobile-style {
      padding-left: 35px; }

.easilys .phone-display.tablet-display .receipt-screen .filter-panel.show-inner-left .inner-left {
  left: 0%; }

.easilys .phone-display.tablet-display .receipt-screen .filter-panel.show-inner-left .inner-right {
  left: 100%; }

.easilys .phone-display.tablet-display .receipt-screen .main-panel {
  left: 100%;
  right: -100%; }
  .easilys .phone-display.tablet-display .receipt-screen .main-panel #breadcrumb-panel {
    height: 0px; }
    .easilys .phone-display.tablet-display .receipt-screen .main-panel #breadcrumb-panel .breadcrumb a.breadcrumb-container .breadcrumb-content {
      height: 0px; }
    .easilys .phone-display.tablet-display .receipt-screen .main-panel #breadcrumb-panel .breadcrumb a:hover.breadcrumb-container .breadcrumb-content {
      height: 0px; }
    .easilys .phone-display.tablet-display .receipt-screen .main-panel #breadcrumb-panel + .pant80 {
      top: 0px; }

.easilys .phone-display.tablet-display .receipt-screen.hide-info-panel .filter-panel {
  left: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .receipt-screen.hide-info-panel .main-panel {
  left: 100%;
  right: -100%;
  width: 100%; }

.easilys .phone-display.tablet-display .receipt-screen.hide-filter-panel .filter-panel {
  width: 100%;
  left: -100%; }

.easilys .phone-display.tablet-display .receipt-screen.hide-filter-panel .main-panel {
  left: 0%;
  right: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .receipt-screen.show-info-panel .filter-panel {
  left: -100%; }

.easilys .phone-display.tablet-display .receipt-screen.show-info-panel .main-panel {
  left: -100%;
  right: 100%;
  width: 100%; }

.easilys .phone-display.tablet-display .customer-order-screen #customerOrders-calendar-panel.main-panel {
  left: 0;
  right: 0; }

.easilys .phone-display.tablet-display .customer-order-screen #customerOrders-notifications-panel.info-panel {
  right: -100%;
  left: 100%; }

.easilys .phone-display.tablet-display .customer-order-screen.show-info-panel #customerOrders-calendar-panel.main-panel {
  left: -100%;
  right: 100%; }

.easilys .phone-display.tablet-display .customer-order-screen.show-info-panel #customerOrders-notifications-panel.info-panel {
  right: 0%;
  left: 0%; }

.easilys .phone-display.tablet-display .customer-order-screen table.cal tbody tr .orderbox {
  margin: 0px; }
  .easilys .phone-display.tablet-display .customer-order-screen table.cal tbody tr .orderbox a {
    border-left: none;
    margin-top: -1px; }

.easilys .phone-display.tablet-display .customer-order-screen table.cal tbody tr td:last-child a {
  border-right: none; }

.easilys .phone-display.tablet-display .storage-screen,
.easilys .phone-display.tablet-display .inventory-screen {
  /*.show-filter-panel .filter-panel {
        margin-left: -100%;
      }*/
  /*.show-filter-panel .filter-panel + .main-panel {
        left: 0%;
      }*/ }
  .easilys .phone-display.tablet-display .storage-screen .title-bar,
  .easilys .phone-display.tablet-display .inventory-screen .title-bar {
    text-align: center;
    height: 80px; }
    .easilys .phone-display.tablet-display .storage-screen .title-bar .span40,
    .easilys .phone-display.tablet-display .storage-screen .title-bar .span60,
    .easilys .phone-display.tablet-display .inventory-screen .title-bar .span40,
    .easilys .phone-display.tablet-display .inventory-screen .title-bar .span60 {
      width: 100%; }
    .easilys .phone-display.tablet-display .storage-screen .title-bar .span40,
    .easilys .phone-display.tablet-display .inventory-screen .title-bar .span40 {
      border-bottom: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
      .easilys .phone-display.tablet-display .storage-screen .title-bar .span40 h3,
      .easilys .phone-display.tablet-display .inventory-screen .title-bar .span40 h3 {
        margin: 5px 0px 0px 0px;
        font-weight: bold; }
      .easilys .phone-display.tablet-display .storage-screen .title-bar .span40 h3 + i,
      .easilys .phone-display.tablet-display .inventory-screen .title-bar .span40 h3 + i {
        color: #CCCCCC; }
  .easilys .phone-display.tablet-display .storage-screen .filter-panel,
  .easilys .phone-display.tablet-display .inventory-screen .filter-panel {
    /*width: 100%;*/
    border-top: solid 1px hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
  .easilys .phone-display.tablet-display .storage-screen .main-panel,
  .easilys .phone-display.tablet-display .inventory-screen .main-panel {
    /*left: 100%;
        width: 100%;*/
    top: 80px; }

@media (max-width: 767px) {
  .easilys .phone-display.tablet-display .recipe-screen .list-item-container .span33 {
    width: 100%; } }

@media (max-width: 1023px) {
  .easilys .phone-display.tablet-display .recipe-screen .list-item-container .span33 {
    width: 50%; } }

@media (min-width: 1280px) {
  .easilys .phone-display.tablet-display .recipe-screen .list-item-container .span33 {
    width: 33.33333%; } }

@media (min-width: 1800px) {
  .easilys .phone-display.tablet-display .recipe-screen .list-item-container .span33 {
    width: 25%; } }

.easilys .phone-display.tablet-display .recipe-screen .info-card-container .info-panel-body .block-container.main-block .image-content {
  width: 100%; }

.easilys .phone-display.tablet-display .recipe-screen .info-card-container .info-panel-body .block-container.main-block .infos-content {
  width: 100%;
  padding-left: 0px; }

.easilys .phone-display.tablet-display .print-panel .print-container.opened {
  left: 0%;
  width: 100%; }

.easilys .phone-display.tablet-display .print-panel .print-container.closed {
  left: 100%; }

.easilys .phone-display.tablet-display .movement-detail-panel .title-bar {
  padding-left: 0px; }

.easilys .phone-display.tablet-display .nav-panel ~ .panel .title-bar {
  padding-left: 40px; }

.easilys .phone-display.tablet-display .panbottom.title-bar {
  padding-left: 0px; }

.easilys .phone-display.tablet-display .grid-table .table-body .table-row:hover,
.easilys .phone-display.tablet-display .grid-table .table-body a:hover.table-row + .table-row.row-option {
  background-color: #FFFFFF; }

.easilys .phone-display.tablet-display .modalbox .box .content {
  /*.form {
            .span50 { width: 100%; }
          }*/ }
  .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body span {
    line-height: 11px; }
  .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .quantity-manager {
    width: 50px;
    margin-top: -23px;
    right: 5px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .quantity-manager a.button-icon {
      display: none; }
  .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row.row-title {
    padding: 5px 65px 5px 5px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row.row-title .row-title-label {
      padding: 5px 5px 0 40px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row.row-title .row-label {
      margin-right: 50px; }
  .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row.row-title + .quantity-manager {
    margin-top: 0;
    right: 0; }
  .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement {
    padding-bottom: 0px;
    margin-top: -24px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .quantity-manager {
      width: 100px;
      margin-top: -37px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask-label {
      height: 31px;
      margin-top: -31px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .dirty-input-mask {
      height: 50px;
      width: 150px;
      margin-top: -31px; }
    .easilys .phone-display.tablet-display .modalbox .box .content .customer-order-form .grid-table .table-body .table-row + .table-row.row-replacement .row-replacement-label {
      margin-right: 100px; }
  .easilys .phone-display.tablet-display .modalbox .box .content .form .table .span70 {
    width: 100%; }

.easilys .phone-display.tablet-display .collapsible-left-panel .inner-left-panel {
  width: 100%;
  left: -100%; }

.easilys .phone-display.tablet-display .collapsible-left-panel .inner-right-panel {
  left: 0px;
  width: 100%; }
  .easilys .phone-display.tablet-display .collapsible-left-panel .inner-right-panel .ribbon.mobile-style {
    padding-left: 40px; }

.easilys .phone-display.tablet-display .collapsible-left-panel.show-inner-left-panel .inner-left-panel {
  left: 0%; }

.easilys .phone-display.tablet-display .collapsible-left-panel.show-inner-left-panel .inner-right-panel {
  left: 100%; }

.easilys .phone-display.tablet-display .collapsible-bottom-panel {
  -webkit-transition: all 0.5s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s ease;
  /* FF4+ */
  -ms-transition: all 0.5s ease;
  /* IE10 */
  -o-transition: all 0.5s ease;
  /* Opera 10.5+ */
  transition: all 0.5s ease;
  /* W3C*/
  height: 100%;
  left: 0px;
  right: 0px;
  bottom: -100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: none; }
  .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    left: 0px;
    right: 0px;
    border: none;
    background-color: var(--application-main-color);
    color: #FFFFFF; }
  .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body {
    position: absolute;
    top: 44px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 5px;
    border-left: none;
    border-right: none;
    background-color: #FFFFFF; }
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1,
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2,
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
      position: absolute;
      top: inherit;
      bottom: inherit;
      width: 100%;
      height: 33%; }
      .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 .panw33-title,
      .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 .panw33-title,
      .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 .panw33-title {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        height: 29px;
        background-color: hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 35%));
        color: var(--application-main-color);
        border-bottom: 1px solid hsl(var(--application-main-color-hs), calc(var(--application-main-color-l) + 35%)); }
        .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 .panw33-title h4,
        .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 .panw33-title h4,
        .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 .panw33-title h4 {
          color: var(--application-main-color);
          font-weight: bold;
          margin-bottom: 0px;
          float: left;
          padding: 7px 5px; }
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2,
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
      border-left: none;
      border-top: 1px solid var(--application-main-color); }
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-1 {
      left: 0px;
      top: 0px; }
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-2 {
      left: 0px;
      top: 33%;
      height: 47%; }
    .easilys .phone-display.tablet-display .collapsible-bottom-panel .bottom-collapsible-panel-body .panw33-3 {
      left: 0px;
      top: 80%;
      height: 80px; }

.easilys .phone-display.tablet-display .breadcrumb {
  display: none !important; }

.easilys .phone-display.tablet-display .breadcrumb + .pant80 {
  top: 0px; }

.easilys .phone-display.tablet-display .optbox {
  height: 40px;
  line-height: 40px; }

.easilys .phone-display.tablet-display .animate-option-panel {
  padding-left: 45px; }

@media (min-width: 1800px) {
  .easilys .phone-display.tablet-display .supplier-order-screen .list-item-container .span33 {
    width: 25%; } }

@media (max-width: 1279px) {
  .easilys .phone-display.tablet-display .supplier-order-screen .list-item-container .span33 {
    width: 33.33333%; } }

@media (max-width: 1023px) {
  .easilys .phone-display.tablet-display .supplier-order-screen .list-item-container .span33 {
    width: 50%; } }

@media (max-width: 767px) {
  .easilys .phone-display.tablet-display .supplier-order-screen .list-item-container .span33 {
    width: 100%; } }

.easilys .phone-display.tablet-display .supplier-order-screen .list-item-container.line-item-style .span33 {
  width: 100% !important; }

.easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox {
  /*
      Max width before this PARTICULAR table gets nasty
      This query will take effect for any screen smaller than 760px
      and also iPads specifically.
      */ }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .main-infos-header .print-button {
    display: none; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .quantity-choice-container .span33,
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .main-infos-content .span33 {
    width: 100%; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .quantity-choice-container .info-title,
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .main-infos-content .info-title {
    float: left; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .quantity-choice-container .info-label,
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .main-infos-content .info-label {
    float: left;
    margin: 0px 0px 0px 20px; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .contact-infos-header h3 .icon {
    float: right; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .contact-infos-content .zborl {
    border-left: none;
    border-top: solid 1px #CCCCCC; }
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .amount-box {
    margin-right: 0px; }
  @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox {
      /* Force table to not be like tables anymore */
      /* Hide table headers (but not display: none;, for accessibility) */ }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .contact-infos-content [class^="span"], .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .contact-infos-content [class*=" span"] {
        width: 100%;
        padding-right: 0; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox table, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox thead, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tbody, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox th, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox td, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr {
        display: block;
        overflow: hidden; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr {
        border: 1px solid #CCCCCC;
        position: relative;
        margin-bottom: 10px; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr td {
          /* Behave  like a "row" */
          border: none;
          border-bottom: 1px solid #E0E0E0;
          position: relative;
          padding-left: 50%; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr td.button-bar {
          width: 100% !important;
          padding: 0px; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr td:before {
          /* Now like a table header */
          position: absolute;
          /* Top/left values mimic padding */
          top: 6px;
          left: 6px;
          width: 45%;
          padding-right: 10px;
          white-space: nowrap;
          font-weight: bold; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr td:last-child {
          border-bottom: none; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr.list-sub-header {
        padding: 5px;
        border: none;
        background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%)); }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr.list-sub-header td {
          display: initial;
          padding: inherit;
          border: none; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr.list-sub-header td:before {
          content: ""; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr.product-comment {
        border-top: none;
        margin-top: -10px; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox tr.product-comment td {
          padding: 6px;
          line-height: 14px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail .tinylabel, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model .tinylabel {
        font-size: 12px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.list-sub-header td:first-child, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model tr.list-sub-header td:first-child {
        display: none; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.list-sub-header td.checkbox, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model tr.list-sub-header td.checkbox {
        width: 20px;
        float: left;
        padding-left: 4px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail td.tabutton, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model td.tabutton {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0px;
        min-width: 40px;
        width: 40px; }
        .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail td.tabutton a, .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model td.tabutton a {
          padding: 10px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details td:first-child {
        width: 20px;
        float: left; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details td:nth-of-type(1),
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details td:nth-of-type(2) {
        padding-left: 13px;
        line-height: 20px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details:last-child {
        border-top: none; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details td:nth-of-type(3) {
        padding-left: 13px;
        padding-right: 30px;
        font-size: 16px;
        font-weight: bold; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail td:nth-last-child(2) {
        border-bottom: none; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-detail tr.product-details:last-child {
        border: 1px solid #CCCCCC; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model h1 a.bt-icon {
        padding: 0px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model tr.product-details td:nth-of-type(1) {
        padding-left: 13px;
        line-height: 20px; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .order-model tr.product-details td:nth-of-type(2) {
        padding-left: 6px;
        font-size: 16px;
        font-weight: bold; }
      .easilys .phone-display.tablet-display .supplier-order-screen ~ .modalbox .amount-box .results {
        width: auto; } }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .easilys .phone-display.tablet-display .supplier-order-screen ~ .popover [class^="span"], .easilys .phone-display.tablet-display .supplier-order-screen ~ .popover [class*=" span"] {
    width: 100%;
    padding-right: 0; } }

.easilys .phone-display.tablet-display .main-menu.show-main-menu {
  width: 10000px !important;
  background-color: rgba(0, 0, 0, 0.6) !important; }
  .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-header .module-block,
  .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-footer .module-block {
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10 */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    /* W3C*/
    width: 280px; }
  .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-header .card,
  .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-footer .card {
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10 */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    /* W3C*/
    width: 280px; }
    .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-header .card .card-header,
    .easilys .phone-display.tablet-display .main-menu.show-main-menu .nav-menu-footer .card .card-header {
      -webkit-transition: all 0.3s ease-out;
      /* Saf3.2+, Chrome */
      -moz-transition: all 0.3s ease-out;
      /* FF4+ */
      -ms-transition: all 0.3s ease-out;
      /* IE10 */
      -o-transition: all 0.3s ease-out;
      /* Opera 10.5+ */
      transition: all 0.3s ease-out;
      /* W3C*/
      width: 280px; }
  .easilys .phone-display.tablet-display .main-menu.show-main-menu + div + .menu-button,
  .easilys .phone-display.tablet-display .main-menu.show-main-menu + .panel + .menu-button,
  .easilys .phone-display.tablet-display .main-menu.show-main-menu .top-panel {
    left: 0px; }
  .easilys .phone-display.tablet-display .main-menu.show-main-menu ~ .top-panel .nav-panel .nav-panel-content .navigation-menu {
    padding-left: 45px;
    margin-left: 0px; }

.easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-header .module-block,
.easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-footer .module-block {
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
  /* W3C*/
  width: 70px; }

.easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-header .card,
.easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-footer .card {
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
  /* W3C*/
  width: 70px; }
  .easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-header .card .card-header,
  .easilys .phone-display.tablet-display .main-menu.hide-main-menu .nav-menu-footer .card .card-header {
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10 */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    /* W3C*/
    width: 70px; }

.easilys .phone-display.tablet-display .main-menu.hide-main-menu .navigation-menu {
  background-color: rgba(0, 0, 0, 0) !important; }

.easilys .phone-display.tablet-display .main-menu.hide-main-menu ~ .top-panel .nav-panel .nav-panel-content .navbar-right {
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
  /* W3C*/
  margin-right: -0px; }

.easilys .phone-display.tablet-display .title-bar {
  padding-left: 40px; }

.easilys .wireframe {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0; }
  .easilys .wireframe .top-panel,
  .easilys .wireframe .left-panel,
  .easilys .wireframe .middle-panel,
  .easilys .wireframe .right-panel {
    -webkit-transition: all 400ms ease;
    /* Saf3.2+, Chrome */
    -moz-transition: all 400ms ease;
    /* FF4+ */
    -ms-transition: all 400ms ease;
    /* IE10 */
    -o-transition: all 400ms ease;
    /* Opera 10.5+ */
    transition: all 400ms ease;
    /* W3C*/
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
    -moz-box-sizing: border-box;
    /* Firefox 2-11 */
    box-sizing: border-box;
    /* All and IE8+ */ }
    .easilys .wireframe .top-panel .header,
    .easilys .wireframe .top-panel .body,
    .easilys .wireframe .top-panel .footer,
    .easilys .wireframe .left-panel .header,
    .easilys .wireframe .left-panel .body,
    .easilys .wireframe .left-panel .footer,
    .easilys .wireframe .middle-panel .header,
    .easilys .wireframe .middle-panel .body,
    .easilys .wireframe .middle-panel .footer,
    .easilys .wireframe .right-panel .header,
    .easilys .wireframe .right-panel .body,
    .easilys .wireframe .right-panel .footer {
      position: absolute;
      right: 0;
      left: 0;
      -webkit-box-sizing: border-box;
      /* Chrome4-9, Saf3.1-5, iOS 3.2-5, Android 2.1-4 */
      -moz-box-sizing: border-box;
      /* Firefox 2-11 */
      box-sizing: border-box;
      /* All and IE8+ */ }
    .easilys .wireframe .top-panel .header,
    .easilys .wireframe .left-panel .header,
    .easilys .wireframe .middle-panel .header,
    .easilys .wireframe .right-panel .header {
      overflow: hidden;
      height: 50px;
      background-color: #FFFFFF; }
    .easilys .wireframe .top-panel .body,
    .easilys .wireframe .left-panel .body,
    .easilys .wireframe .middle-panel .body,
    .easilys .wireframe .right-panel .body {
      overflow-x: hidden;
      overflow-y: auto;
      top: 50px;
      bottom: 0;
      color: #999999;
      background-color: #FFFFFF;
      border-top: solid 1px var(--application-main-background-color);
      padding: 5px; }
    .easilys .wireframe .top-panel .footer,
    .easilys .wireframe .left-panel .footer,
    .easilys .wireframe .middle-panel .footer,
    .easilys .wireframe .right-panel .footer {
      overflow: hidden;
      bottom: 0;
      height: 50px;
      color: #666666;
      background-color: #FFFFFF;
      border-top: solid 1px var(--application-main-background-color);
      padding: 10px; }
    .easilys .wireframe .top-panel .header .title,
    .easilys .wireframe .top-panel .title-panel .title,
    .easilys .wireframe .top-panel .action-panel .title,
    .easilys .wireframe .left-panel .header .title,
    .easilys .wireframe .left-panel .title-panel .title,
    .easilys .wireframe .left-panel .action-panel .title,
    .easilys .wireframe .middle-panel .header .title,
    .easilys .wireframe .middle-panel .title-panel .title,
    .easilys .wireframe .middle-panel .action-panel .title,
    .easilys .wireframe .right-panel .header .title,
    .easilys .wireframe .right-panel .title-panel .title,
    .easilys .wireframe .right-panel .action-panel .title {
      float: left;
      line-height: 30px;
      margin: 5px;
      padding: 0px 10px;
      color: var(--application-main-color);
      text-transform: uppercase; }
    .easilys .wireframe .top-panel .header .button,
    .easilys .wireframe .top-panel .title-panel .button,
    .easilys .wireframe .top-panel .action-panel .button,
    .easilys .wireframe .left-panel .header .button,
    .easilys .wireframe .left-panel .title-panel .button,
    .easilys .wireframe .left-panel .action-panel .button,
    .easilys .wireframe .middle-panel .header .button,
    .easilys .wireframe .middle-panel .title-panel .button,
    .easilys .wireframe .middle-panel .action-panel .button,
    .easilys .wireframe .right-panel .header .button,
    .easilys .wireframe .right-panel .title-panel .button,
    .easilys .wireframe .right-panel .action-panel .button {
      -webkit-border-radius: 0;
      /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
      -moz-border-radius: 0;
      /* FF1-3.6 */
      border-radius: 0;
      /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
      /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      float: left;
      height: inherit;
      margin: 5px;
      height: 25px;
      line-height: 30px;
      padding-top: 0px; }
    .easilys .wireframe .top-panel .header .button.right,
    .easilys .wireframe .top-panel .title-panel .button.right,
    .easilys .wireframe .top-panel .action-panel .button.right,
    .easilys .wireframe .left-panel .header .button.right,
    .easilys .wireframe .left-panel .title-panel .button.right,
    .easilys .wireframe .left-panel .action-panel .button.right,
    .easilys .wireframe .middle-panel .header .button.right,
    .easilys .wireframe .middle-panel .title-panel .button.right,
    .easilys .wireframe .middle-panel .action-panel .button.right,
    .easilys .wireframe .right-panel .header .button.right,
    .easilys .wireframe .right-panel .title-panel .button.right,
    .easilys .wireframe .right-panel .action-panel .button.right {
      float: right; }
    .easilys .wireframe .top-panel .header .search,
    .easilys .wireframe .top-panel .title-panel .search,
    .easilys .wireframe .top-panel .action-panel .search,
    .easilys .wireframe .left-panel .header .search,
    .easilys .wireframe .left-panel .title-panel .search,
    .easilys .wireframe .left-panel .action-panel .search,
    .easilys .wireframe .middle-panel .header .search,
    .easilys .wireframe .middle-panel .title-panel .search,
    .easilys .wireframe .middle-panel .action-panel .search,
    .easilys .wireframe .right-panel .header .search,
    .easilys .wireframe .right-panel .title-panel .search,
    .easilys .wireframe .right-panel .action-panel .search {
      position: absolute;
      left: 40px;
      right: 40px;
      line-height: 50px; }
      .easilys .wireframe .top-panel .header .search .input-icon,
      .easilys .wireframe .top-panel .title-panel .search .input-icon,
      .easilys .wireframe .top-panel .action-panel .search .input-icon,
      .easilys .wireframe .left-panel .header .search .input-icon,
      .easilys .wireframe .left-panel .title-panel .search .input-icon,
      .easilys .wireframe .left-panel .action-panel .search .input-icon,
      .easilys .wireframe .middle-panel .header .search .input-icon,
      .easilys .wireframe .middle-panel .title-panel .search .input-icon,
      .easilys .wireframe .middle-panel .action-panel .search .input-icon,
      .easilys .wireframe .right-panel .header .search .input-icon,
      .easilys .wireframe .right-panel .title-panel .search .input-icon,
      .easilys .wireframe .right-panel .action-panel .search .input-icon {
        width: 100%;
        height: 40px;
        line-height: 25px;
        padding-left: 40px; }
    .easilys .wireframe .top-panel .button.not-selected,
    .easilys .wireframe .left-panel .button.not-selected,
    .easilys .wireframe .middle-panel .button.not-selected,
    .easilys .wireframe .right-panel .button.not-selected {
      opacity: 0.4;
      /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ }
  .easilys .wireframe .top-panel {
    height: 40px;
    top: 0px;
    background-color: var(--application-main-background-color); }
    .easilys .wireframe .top-panel .title-panel .title,
    .easilys .wireframe .top-panel .action-panel .title {
      float: left;
      line-height: 30px;
      margin: 5px;
      padding: 0px 10px;
      font-weight: bold;
      text-transform: uppercase; }
  .easilys .wireframe .left-panel {
    width: 350px;
    top: 40px;
    left: -350px;
    right: initial;
    background-color: #FFFFFF;
    border-top: solid 1px var(--application-main-background-color);
    background-image: url("../images/texture1.png"); }
  .easilys .wireframe .middle-panel {
    top: 40px;
    left: 0%;
    right: 0%;
    background-color: #FFFFFF;
    border-top: solid 1px var(--application-main-background-color);
    border-right: solid 1px var(--application-main-background-color);
    border-left: solid 1px var(--application-main-background-color); }
    .easilys .wireframe .middle-panel .header {
      background-color: #FFFFFF; }
      .easilys .wireframe .middle-panel .header .title {
        color: var(--application-main-color); }
  .easilys .wireframe .right-panel {
    top: 40px;
    left: 100%;
    width: 50%;
    background-color: #FFFFFF;
    border-top: solid 1px var(--application-main-background-color);
    background-image: url("../images/texture1.png"); }
    .easilys .wireframe .right-panel .body {
      bottom: 40px; }
    .easilys .wireframe .right-panel .right-panel-containers {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      width: 100%; }
    .easilys .wireframe .right-panel [class^="right-panel-container-"], .easilys .wireframe .right-panel [class*=" right-panel-container-"] {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      width: 100%; }
    .easilys .wireframe .right-panel .right-panel-container-01 {
      right: 0%; }
    .easilys .wireframe .right-panel .right-panel-container-02 {
      right: -100%; }
    .easilys .wireframe .right-panel .right-panel-container-03 {
      right: -200%; }
  .easilys .wireframe .separator {
    float: left;
    border-right: solid 1px #666;
    height: 50px; }

.easilys .show-right-panel .middle-panel {
  right: 50%; }

.easilys .show-right-panel .right-panel {
  left: 50%;
  right: 0%; }

.easilys .show-left-panel .middle-panel {
  left: 350px; }

.easilys .show-left-panel .left-panel {
  left: 0%; }

.easilys .show-left-panel.show-right-panel .middle-panel {
  margin-right: -350px; }

.easilys .show-left-panel.show-right-panel .right-panel {
  margin-right: -350px;
  margin-left: 350px; }

.easilys .tablet-display .wireframe {
  top: 50px; }
  .easilys .tablet-display .wireframe .top-panel,
  .easilys .tablet-display .wireframe .left-panel,
  .easilys .tablet-display .wireframe .middle-panel,
  .easilys .tablet-display .wireframe .right-panel {
    background-color: #FFFFFF;
    border-color: #CCCCCC; }
    .easilys .tablet-display .wireframe .top-panel .footer,
    .easilys .tablet-display .wireframe .left-panel .footer,
    .easilys .tablet-display .wireframe .middle-panel .footer,
    .easilys .tablet-display .wireframe .right-panel .footer {
      height: 40px;
      padding: 0px; }
      .easilys .tablet-display .wireframe .top-panel .footer .btloud,
      .easilys .tablet-display .wireframe .top-panel .footer .btnoisy,
      .easilys .tablet-display .wireframe .top-panel .footer .btnormal,
      .easilys .tablet-display .wireframe .top-panel .footer .btquiet,
      .easilys .tablet-display .wireframe .top-panel .footer .btabort,
      .easilys .tablet-display .wireframe .left-panel .footer .btloud,
      .easilys .tablet-display .wireframe .left-panel .footer .btnoisy,
      .easilys .tablet-display .wireframe .left-panel .footer .btnormal,
      .easilys .tablet-display .wireframe .left-panel .footer .btquiet,
      .easilys .tablet-display .wireframe .left-panel .footer .btabort,
      .easilys .tablet-display .wireframe .middle-panel .footer .btloud,
      .easilys .tablet-display .wireframe .middle-panel .footer .btnoisy,
      .easilys .tablet-display .wireframe .middle-panel .footer .btnormal,
      .easilys .tablet-display .wireframe .middle-panel .footer .btquiet,
      .easilys .tablet-display .wireframe .middle-panel .footer .btabort,
      .easilys .tablet-display .wireframe .right-panel .footer .btloud,
      .easilys .tablet-display .wireframe .right-panel .footer .btnoisy,
      .easilys .tablet-display .wireframe .right-panel .footer .btnormal,
      .easilys .tablet-display .wireframe .right-panel .footer .btquiet,
      .easilys .tablet-display .wireframe .right-panel .footer .btabort {
        padding: 5px 10px; }
  .easilys .tablet-display .wireframe .middle-panel .header .search .input-icon {
    height: 40px; }

.easilys .tablet-display .main-menu + .wireframe {
  top: 40px; }

.easilys .phone-display .wireframe {
  top: 0px; }
  .easilys .phone-display .wireframe .top-panel {
    left: 40px; }
  .easilys .phone-display .wireframe .left-panel,
  .easilys .phone-display .wireframe .middle-panel,
  .easilys .phone-display .wireframe .right-panel {
    width: 100%; }

.easilys .phone-display .show-left-panel .left-panel {
  left: 0%;
  right: 0%; }

.easilys .phone-display .show-left-panel .middle-panel {
  left: 100%;
  right: -100%;
  margin-right: 0px; }

.easilys .phone-display .show-right-panel .middle-panel {
  left: -100%;
  right: 100%; }

.easilys .phone-display .show-right-panel .right-panel {
  right: 0%;
  left: 0%; }

.easilys .slide-fade-enter-active,
.easilys .slide-fade-leave-active {
  transition: all 1s ease; }

.easilys .slide-fade-enter,
.easilys .slide-fade-leave {
  opacity: 0; }

.easilys .slide-toggle-enter-active,
.easilys .slide-toggle-leave-active {
  transition: height .3s;
  overflow: hidden; }

.easilys .slide-toggle-enter-active {
  height: 240px;
  overflow: hidden; }

.easilys .slide-toggle-enter,
.easilys .slide-toggle-leave-active {
  height: 0;
  overflow: hidden; }

.easilys .slide-toggle-leave {
  height: 240px;
  overflow: hidden; }

/**************************************************************************************************
* LESS general variables
****************************************************************************************************/
/* Path of the image folder without slash at the end*/
/* Minimum width/height of the application, below a scroll appears on the body */
/**************************************************************************************************
* Z-Index variables
****************************************************************************************************/
/* Nav bar z-index must be higher than anything else otherwise the drop down menu won't appear */
/**********************/
/**************************************************************************************************
* Animation transition speed
****************************************************************************************************/
/**************************************************************************************************
* Applications colors
****************************************************************************************************/
/* Default monochrome color of the text and the background of the application */
/**************************************************************************************************
* Home page style
****************************************************************************************************/
/*Font-size of the title in the document list*/
/*Font-size of the dates*/
/*Font-size of the dates*/
/**************************************************************************************************
* Specific text and label size
****************************************************************************************************/
/****************************************************************************************************
* Supplier Order
****************************************************************************************************/
/***************************************************************************************************
*Label and badges
***************************************************************************************************/
/***************************************************************************************************
* Special table properties
**************************************************************************************************/
/* Buttons attributes */
/**************************************************************************************************
* Special Form style
****************************************************************************************************/
/***************************************************************************************************
* General inputs
****************************************************************************************************/
/**************************************************************************************************/
/********************************************* COLORS *********************************************/
/**************************************************************************************************/
/**************************************************************************************************
* Main colors dependent color
****************************************************************************************************/
/**************************************************************************************************
* Action Panel Color
****************************************************************************************************/
/**************************************************************************************************
* Alert Color
****************************************************************************************************/
/**************************************************************************************************
* Format Icone Color
****************************************************************************************************/
/**************************************************************************************************
* Buttons Color
****************************************************************************************************/
/***************************************************************************************************
* Receipt module
****************************************************************************************************/
/* Input radio :before */
/* Input radio :after */
/***************************************************************************************************
* Gross profit color estimation
****************************************************************************************************/
/***************************************************************************************************
* Nutrition guide line (simulation)
/***************************************************************************************************/
/**************************************************************************************************
* Food colors
****************************************************************************************************/
/***************************************************************************************************
* Home colors
****************************************************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
:root {
  --main-color: #34475f;
  --main-color-hs: 213.48837deg, 29.2517%;
  --main-color-l: 28.82353%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.13208deg, 100%;
  --main-color-0-l: 41.56863%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.38462deg, 62.4%;
  --main-color-1-l: 49.01961%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.88235%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.90291deg, 88.7931%;
  --main-color-3-l: 54.5098%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.60377%;
  --main-color-4-l: 41.56863%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.37209deg, 100%;
  --main-color-5-l: 42.15686%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.05521deg, 84.45596%;
  --main-color-6-l: 37.84314%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.69231deg, 36.79245%;
  --main-color-7-l: 41.56863%;
  --main-background-color: #ebeff4;
  --main-background-color-hs: 213.48837deg, 29.2517%;
  --main-background-color-l: 93.82353%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.86275%;
  --main-background-color-1: #f3f8fc;
  --main-background-color-1-hs: 205.38462deg, 62.4%;
  --main-background-color-1-l: 97.01961%;
  --main-background-color-2: whitesmoke;
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.88235%;
  --main-background-color-3: #fef9ee;
  --main-background-color-3-hs: 39.90291deg, 88.7931%;
  --main-background-color-3-l: 96.5098%;
  --main-background-color-4: #f7fcf5;
  --main-background-color-4-hs: 104.5deg, 56.60377%;
  --main-background-color-4-l: 97.56863%;
  --main-background-color-5: #fff7f6;
  --main-background-color-5-hs: 8.37209deg, 100%;
  --main-background-color-5-l: 98.15686%;
  --main-background-color-6: #fef5f5;
  --main-background-color-6-hs: 357.05521deg, 84.45596%;
  --main-background-color-6-l: 97.84314%;
  --main-background-color-7: #f9f6f3;
  --main-background-color-7-hs: 27.69231deg, 36.79245%;
  --main-background-color-7-l: 96.56863%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.13208deg, 100%;
  --application-main-color-l: 41.56863%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.86275%;
  --ribbon-background-color-hs: var(--application-main-color-hs);
  --ribbon-background-color-l: var(--application-main-color-l);
  --accordion-header-background-color-hs: var(--application-main-background-color-hs);
  --accordion-header-background-color-l: calc(var(--application-main-background-color-l) - 7%);
  --accordion-header-color-hs: var(--application-main-color-hs);
  --accordion-header-color-l: calc(var(--application-main-color-l) - 5%);
  --navigation-menu-transition-delay: 500ms;
  --color-grey-05: #F9F9F9;
  --color-grey-25: #F3F2F5;
  --color-grey-50: #E6E5EC;
  --color-grey-75: #DADBE7;
  --color-grey-100: #CFCFDD;
  --color-grey-200: #B4B9D0;
  --color-grey-300: #9BA2C0;
  --color-grey-400: #838BB1;
  --color-grey-500: #757D9F;
  --color-grey-600: #656D8F;
  --color-grey-700: #505971;
  --color-grey-800: #303543; }

.help-center-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.help-center-wrapper > iframe {
  flex: 1; }

.help-center-wrapper button {
  float: right;
  padding: .5rem .75rem;
  font-size: 16px; }

.help-center-header {
  display: flex;
  flex-direction: row;
  align-items: center; }

.easilys body {
  /*reset css*/
  position: fixed;
  width: 100%;
  height: 100%;
  min-width: 768px;
  color: #666666;
  background: #FFFFFF;
  font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 1; }

.easilys h1 {
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 10px; }

.easilys h2 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 10px; }

.easilys h3 {
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

.easilys h4 {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.25;
  margin-bottom: 1.25em; }

.easilys h5 {
  font-weight: normal;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 1.5em; }

.easilys h6 {
  font-weight: normal;
  font-size: 12px;
  font-weight: bold; }

.easilys p {
  margin: 0 0 10px;
  line-height: 16px; }

.easilys a:focus, .easilys a:hover {
  color: var(--application-main-color);
  outline: none; }

.easilys a {
  color: #666666;
  text-decoration: underline;
  border: none; }

.easilys a:visited {
  border: none;
  outline: none; }

.easilys li ul, .easilys li {
  margin: 0; }

.easilys ul {
  margin: 0;
  padding-left: 0;
  list-style: none; }

.easilys ul.default {
  padding-left: 20px;
  list-style: initial;
  line-height: 16px; }

.easilys hr {
  height: 1px;
  margin: 15px 0;
  padding: 0;
  border: 0;
  border: none;
  width: 100%;
  background: #cccccc;
  color: #cccccc; }

.easilys hr.dashed-line {
  background: none;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #CCCCCC;
  margin: 0px; }

.easilys .xsmall-text {
  font-size: 10px; }

.easilys .xsmall-italic-text {
  font-style: italic;
  font-size: 10px; }

.easilys .small-text {
  font-size: 11px; }

.easilys .small-italic-text {
  font-style: italic;
  font-size: 11px; }

.easilys .normal-text {
  font-size: 12px; }

.easilys .big-text,
.easilys input.big-text {
  font-size: 14px; }

.easilys .xbig-text,
.easilys input.xbig-text {
  font-size: 18px; }

.easilys .tinylabel {
  font-style: italic;
  font-size: 10px;
  color: #bfbfbf; }

.easilys .alert-info .tinylabel,
.easilys .alert-danger .tinylabel,
.easilys .alert-success .tinylabel {
  color: gray; }

.easilys .price {
  color: #000000;
  font-style: normal;
  font-size: 12px; }

.easilys .redtext {
  color: red; }

.easilys .lefttitle {
  margin-left: 5px;
  border-bottom: 1px solid #CCCCCC;
  margin-right: -10px; }

.easilys .righttitle {
  margin-left: -10px;
  border-bottom: 1px solid lightgrey;
  margin-right: 5px;
  margin-left: -5px; }

.easilys .list-header {
  background-color: #e0e0e0; }

.easilys .list-sub-header {
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 7%));
  color: var(--application-main-color);
  text-transform: uppercase;
  padding: 5px; }

.easilys .screen-title {
  margin: 5px;
  float: left;
  line-height: 30px; }

.easilys .strikethrough, .easilys .admin-recipe .strikethrough {
  text-decoration: line-through;
  color: #bababa; }

.easilys .ztexup {
  text-transform: uppercase; }

.easilys .ztexlow {
  text-transform: lowercase; }

.easilys .prodlabel {
  height: 20px;
  width: 20px;
  margin: 0 2px 5px 2px;
  float: right; }

.easilys .art {
  float: auto;
  color: var(--application-main-color); }

.easilys .art-family,
.easilys .art-gross-price {
  font-style: italic;
  font-size: 10px;
  line-height: 13px; }

.easilys .bg-stripe-1 {
  background-image: url("../images/stripe1.png"); }

.easilys .bg-stripe-2 {
  background-image: url("../images/stripe2.png"); }

.easilys .bg-stripe-3 {
  background-image: url("../images/stripe3.png"); }

.easilys .bg-texture-1 {
  background-image: url("../images/texture1.png"); }

.easilys .bg-texture-2 {
  background-image: url("../images/texture2.png"); }

.easilys .bg-texture-3 {
  background-image: url("../images/texture3.png"); }

.easilys .zprel {
  position: relative; }

.easilys .zpabs {
  position: absolute; }

.easilys .zpabs0 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.easilys .zp0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.easilys .zp5 {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px; }

.easilys .zp10 {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px; }

.easilys .zt0 {
  top: 0px; }

.easilys .zb0 {
  bottom: 0px; }

.easilys .zr0 {
  right: 0px; }

.easilys .zl0 {
  left: 0px; }

.easilys .zt1 {
  top: 1px; }

.easilys .zb1 {
  bottom: 1px; }

.easilys .zr1 {
  right: 1px; }

.easilys .zl1 {
  left: 1px; }

.easilys .zt2 {
  top: 2px; }

.easilys .zb2 {
  bottom: 2px; }

.easilys .zr2 {
  right: 2px; }

.easilys .zl2 {
  left: 2px; }

.easilys .zt3 {
  top: 3px; }

.easilys .zb3 {
  bottom: 3px; }

.easilys .zr3 {
  right: 3px; }

.easilys .zl3 {
  left: 3px; }

.easilys .zt4 {
  top: 4px; }

.easilys .zb4 {
  bottom: 4px; }

.easilys .zr4 {
  right: 4px; }

.easilys .zl4 {
  left: 4px; }

.easilys .zt5 {
  top: 5px; }

.easilys .zb5 {
  bottom: 5px; }

.easilys .zr5 {
  right: 5px; }

.easilys .zl5 {
  left: 5px; }

.easilys .zt6 {
  top: 6px; }

.easilys .zb6 {
  bottom: 6px; }

.easilys .zr6 {
  right: 6px; }

.easilys .zl6 {
  left: 6px; }

.easilys .zt7 {
  top: 7px; }

.easilys .zb7 {
  bottom: 7px; }

.easilys .zr7 {
  right: 7px; }

.easilys .zl7 {
  left: 7px; }

.easilys .zt8 {
  top: 8px; }

.easilys .zb8 {
  bottom: 8px; }

.easilys .zr8 {
  right: 8px; }

.easilys .zl8 {
  left: 8px; }

.easilys .zt9 {
  top: 9px; }

.easilys .zb9 {
  bottom: 9px; }

.easilys .zr9 {
  right: 9px; }

.easilys .zl9 {
  left: 9px; }

.easilys .zt10 {
  top: 10px; }

.easilys .zb10 {
  bottom: 10px; }

.easilys .zr10 {
  right: 10px; }

.easilys .zl10 {
  left: 10px; }

.easilys .zt15 {
  top: 15px; }

.easilys .zb15 {
  bottom: 15px; }

.easilys .zr15 {
  right: 15px; }

.easilys .zl15 {
  left: 15px; }

.easilys .zt20 {
  top: 20px; }

.easilys .zb20 {
  bottom: 20px; }

.easilys .zr20 {
  right: 20px; }

.easilys .zl20 {
  left: 20px; }

.easilys .zt25 {
  top: 25px; }

.easilys .zb25 {
  bottom: 25px; }

.easilys .zr25 {
  right: 25px; }

.easilys .zl25 {
  left: 25px; }

.easilys .zt30 {
  top: 30px; }

.easilys .zb30 {
  bottom: 30px; }

.easilys .zr30 {
  right: 30px; }

.easilys .zl30 {
  left: 30px; }

.easilys .zt40 {
  top: 40px; }

.easilys .zb40 {
  bottom: 40px; }

.easilys .zr40 {
  right: 40px; }

.easilys .zl40 {
  left: 40px; }

.easilys .zt50 {
  top: 50px; }

.easilys .zb50 {
  bottom: 50px; }

.easilys .zr50 {
  right: 50px; }

.easilys .zl50 {
  left: 50px; }

.easilys .zt60 {
  top: 60px; }

.easilys .zb60 {
  bottom: 60px; }

.easilys .zr60 {
  right: 60px; }

.easilys .zl60 {
  left: 60px; }

.easilys .zt80 {
  top: 80px; }

.easilys .zb80 {
  bottom: 80px; }

.easilys .zr80 {
  right: 80px; }

.easilys .zl80 {
  left: 80px; }

.easilys .zt90 {
  top: 90px; }

.easilys .zb90 {
  bottom: 90px; }

.easilys .zr90 {
  right: 90px; }

.easilys .zl90 {
  left: 90px; }

.easilys .zmar0 {
  margin: 0px; }

.easilys .zmarl0 {
  margin-left: 0px; }

.easilys .zmarr0 {
  margin-right: 0px; }

.easilys .zmart0 {
  margin-top: 0px; }

.easilys .zmarb0 {
  margin-bottom: 0px; }

.easilys .zmar1 {
  margin: 1px; }

.easilys .zmarl1 {
  margin-left: 1px; }

.easilys .zmarr1 {
  margin-right: 1px; }

.easilys .zmart1 {
  margin-top: 1px; }

.easilys .zmarb1 {
  margin-bottom: 1px; }

.easilys .zmar2 {
  margin: 2px; }

.easilys .zmarl2 {
  margin-left: 2px; }

.easilys .zmarr2 {
  margin-right: 2px; }

.easilys .zmart2 {
  margin-top: 2px; }

.easilys .zmarb2 {
  margin-bottom: 2px; }

.easilys .zmar3 {
  margin: 3px; }

.easilys .zmarl3 {
  margin-left: 3px; }

.easilys .zmarr3 {
  margin-right: 3px; }

.easilys .zmart3 {
  margin-top: 3px; }

.easilys .zmarb3 {
  margin-bottom: 3px; }

.easilys .zmar4 {
  margin: 4px; }

.easilys .zmarl4 {
  margin-left: 4px; }

.easilys .zmarr4 {
  margin-right: 4px; }

.easilys .zmart4 {
  margin-top: 4px; }

.easilys .zmarb4 {
  margin-bottom: 4px; }

.easilys .zmar5 {
  margin: 5px; }

.easilys .zmarl5 {
  margin-left: 5px; }

.easilys .zmarr5 {
  margin-right: 5px; }

.easilys .zmart5 {
  margin-top: 5px; }

.easilys .zmarb5 {
  margin-bottom: 5px; }

.easilys .zmar6 {
  margin: 6px; }

.easilys .zmarl6 {
  margin-left: 6px; }

.easilys .zmarr6 {
  margin-right: 6px; }

.easilys .zmart6 {
  margin-top: 6px; }

.easilys .zmarb6 {
  margin-bottom: 6px; }

.easilys .zmar7 {
  margin: 7px; }

.easilys .zmarl7 {
  margin-left: 7px; }

.easilys .zmarr7 {
  margin-right: 7px; }

.easilys .zmart7 {
  margin-top: 7px; }

.easilys .zmarb7 {
  margin-bottom: 7px; }

.easilys .zmar8 {
  margin: 8px; }

.easilys .zmarl8 {
  margin-left: 8px; }

.easilys .zmarr8 {
  margin-right: 8px; }

.easilys .zmart8 {
  margin-top: 8px; }

.easilys .zmarb8 {
  margin-bottom: 8px; }

.easilys .zmar9 {
  margin: 9px; }

.easilys .zmarl9 {
  margin-left: 9px; }

.easilys .zmarr9 {
  margin-right: 9px; }

.easilys .zmart9 {
  margin-top: 9px; }

.easilys .zmarb9 {
  margin-bottom: 9px; }

.easilys .zmar10 {
  margin: 10px; }

.easilys .zmarl10 {
  margin-left: 10px; }

.easilys .zmarr10 {
  margin-right: 10px; }

.easilys .zmart10 {
  margin-top: 10px; }

.easilys .zmarb10 {
  margin-bottom: 10px; }

.easilys .zmar15 {
  margin: 15px; }

.easilys .zmarl15 {
  margin-left: 15px; }

.easilys .zmarr15 {
  margin-right: 15px; }

.easilys .zmart15 {
  margin-top: 15px; }

.easilys .zmarb15 {
  margin-bottom: 15px; }

.easilys .zmar20 {
  margin: 20px; }

.easilys .zmarl20 {
  margin-left: 20px; }

.easilys .zmarr20 {
  margin-right: 20px; }

.easilys .zmart20 {
  margin-top: 20px; }

.easilys .zmarb20 {
  margin-bottom: 20px; }

.easilys .zmar25 {
  margin: 25px; }

.easilys .zmarl25 {
  margin-left: 25px; }

.easilys .zmarr25 {
  margin-right: 25px; }

.easilys .zmart25 {
  margin-top: 25px; }

.easilys .zmarb25 {
  margin-bottom: 25px; }

.easilys .zmar30 {
  margin: 30px; }

.easilys .zmarl30 {
  margin-left: 30px; }

.easilys .zmarr30 {
  margin-right: 30px; }

.easilys .zmart30 {
  margin-top: 30px; }

.easilys .zmarb30 {
  margin-bottom: 30px; }

.easilys .zmar35 {
  margin: 35px; }

.easilys .zmarl35 {
  margin-left: 35px; }

.easilys .zmarr35 {
  margin-right: 35px; }

.easilys .zmart35 {
  margin-top: 35px; }

.easilys .zmarb30 {
  margin-bottom: 35px; }

.easilys .zmar45 {
  margin: 45px; }

.easilys .zmarl45 {
  margin-left: 45px; }

.easilys .zmarr45 {
  margin-right: 45px; }

.easilys .zmart45 {
  margin-top: 45px; }

.easilys .zmarb45 {
  margin-bottom: 45px; }

.easilys .zmar80 {
  margin: 80px; }

.easilys .zmarl80 {
  margin-left: 80px; }

.easilys .zmarr80 {
  margin-right: 80px; }

.easilys .zmart80 {
  margin-top: 80px; }

.easilys .zmarb80 {
  margin-bottom: 80px; }

.easilys .zpad0 {
  padding: 0px; }

.easilys .zpadl0 {
  padding-left: 0px; }

.easilys .zpadr0 {
  padding-right: 0px; }

.easilys .zpadt0 {
  padding-top: 0px; }

.easilys .zpadb0 {
  padding-bottom: 0px; }

.easilys .zpad1 {
  padding: 1px; }

.easilys .zpadl1 {
  padding-left: 1px; }

.easilys .zpadr1 {
  padding-right: 1px; }

.easilys .zpadt1 {
  padding-top: 1px; }

.easilys .zpadb1 {
  padding-bottom: 1px; }

.easilys .zpad2 {
  padding: 2px; }

.easilys .zpadl2 {
  padding-left: 2px; }

.easilys .zpadr2 {
  padding-right: 2px; }

.easilys .zpadt2 {
  padding-top: 2px; }

.easilys .zpadb2 {
  padding-bottom: 2px; }

.easilys .zpad3 {
  padding: 3px; }

.easilys .zpadl3 {
  padding-left: 3px; }

.easilys .zpadr3 {
  padding-right: 3px; }

.easilys .zpadt3 {
  padding-top: 3px; }

.easilys .zpadb3 {
  padding-bottom: 3px; }

.easilys .zpad4 {
  padding: 4px; }

.easilys .zpadl4 {
  padding-left: 4px; }

.easilys .zpadr4 {
  padding-right: 4px; }

.easilys .zpadt4 {
  padding-top: 4px; }

.easilys .zpadb4 {
  padding-bottom: 4px; }

.easilys .zpad5 {
  padding: 5px; }

.easilys .zpadl5 {
  padding-left: 5px; }

.easilys .zpadr5 {
  padding-right: 5px; }

.easilys .zpadt5 {
  padding-top: 5px; }

.easilys .zpadb5 {
  padding-bottom: 5px; }

.easilys .zpad6 {
  padding: 6px; }

.easilys .zpadl6 {
  padding-left: 6px; }

.easilys .zpadr6 {
  padding-right: 6px; }

.easilys .zpadt6 {
  padding-top: 6px; }

.easilys .zpadb6 {
  padding-bottom: 6px; }

.easilys .zpad7 {
  padding: 7px; }

.easilys .zpadl7 {
  padding-left: 7px; }

.easilys .zpadr7 {
  padding-right: 7px; }

.easilys .zpadt7 {
  padding-top: 7px; }

.easilys .zpadb7 {
  padding-bottom: 7px; }

.easilys .zpad8 {
  padding: 8px; }

.easilys .zpadl8 {
  padding-left: 8px; }

.easilys .zpadr8 {
  padding-right: 8px; }

.easilys .zpadt8 {
  padding-top: 8px; }

.easilys .zpadb8 {
  padding-bottom: 8px; }

.easilys .zpad9 {
  padding: 9px; }

.easilys .zpadl9 {
  padding-left: 9px; }

.easilys .zpadr9 {
  padding-right: 9px; }

.easilys .zpadt9 {
  padding-top: 9px; }

.easilys .zpadb9 {
  padding-bottom: 9px; }

.easilys .zpad10 {
  padding: 10px; }

.easilys .zpadl10 {
  padding-left: 10px; }

.easilys .zpadr10 {
  padding-right: 10px; }

.easilys .zpadt10 {
  padding-top: 10px; }

.easilys .zpadb10 {
  padding-bottom: 10px; }

.easilys .zpad11 {
  padding: 12px; }

.easilys .zpad12 {
  padding: 12px; }

.easilys .zpad13 {
  padding: 12px; }

.easilys .zpad14 {
  padding: 14px; }

.easilys .zpad15 {
  padding: 15px; }

.easilys .zpadl15 {
  padding-left: 15px; }

.easilys .zpadr15 {
  padding-right: 15px; }

.easilys .zpadt15 {
  padding-top: 15px; }

.easilys .zpadb15 {
  padding-bottom: 15px; }

.easilys .zpad20 {
  padding: 20px; }

.easilys .zpadl20 {
  padding-left: 20px; }

.easilys .zpadr20 {
  padding-right: 20px; }

.easilys .zpadt20 {
  padding-top: 20px; }

.easilys .zpadb20 {
  padding-bottom: 20px; }

.easilys .zpad25 {
  padding: 25px; }

.easilys .zpadl25 {
  padding-left: 25px; }

.easilys .zpadr25 {
  padding-right: 25px; }

.easilys .zpadt25 {
  padding-top: 25px; }

.easilys .zpadb25 {
  padding-bottom: 25px; }

.easilys .zpad30 {
  padding: 30px; }

.easilys .zpadl30 {
  padding-left: 30px; }

.easilys .zpadr30 {
  padding-right: 30px; }

.easilys .zpadt30 {
  padding-top: 30px; }

.easilys .zpadb30 {
  padding-bottom: 30px; }

.easilys .zpad35 {
  padding: 35px; }

.easilys .zpadl35 {
  padding-left: 35px; }

.easilys .zpadr35 {
  padding-right: 35px; }

.easilys .zpadt35 {
  padding-top: 35px; }

.easilys .zpadb35 {
  padding-bottom: 35px; }

.easilys .zpad40 {
  padding: 40px; }

.easilys .zpadl40 {
  padding-left: 40px; }

.easilys .zpadr40 {
  padding-right: 40px; }

.easilys .zpadt40 {
  padding-top: 40px; }

.easilys .zpadb40 {
  padding-bottom: 40px; }

.easilys .zpad45 {
  padding: 45px; }

.easilys .zpadl45 {
  padding-left: 45px; }

.easilys .zpadr45 {
  padding-right: 45px; }

.easilys .zpadt45 {
  padding-top: 45px; }

.easilys .zpadb45 {
  padding-bottom: 45px; }

.easilys .zpad55 {
  padding: 55px; }

.easilys .zpadl55 {
  padding-left: 55px; }

.easilys .zpadr55 {
  padding-right: 55px; }

.easilys .zpadt55 {
  padding-top: 55px; }

.easilys .zpadb55 {
  padding-bottom: 55px; }

.easilys .zpadl100 {
  padding-left: 100px; }

.easilys .zpadr100 {
  padding-right: 100px; }

.easilys .zmarl-5 {
  margin-left: -5px; }

.easilys .zmarr-5 {
  margin-right: -5px; }

.easilys .zmart-5 {
  margin-top: -5px; }

.easilys .zmarb-5 {
  margin-bottom: -5px; }

.easilys .zmarl-10 {
  margin-left: -10px; }

.easilys .zmarr-10 {
  margin-right: -10px; }

.easilys .zmart-10 {
  margin-top: -10px; }

.easilys .zmarb-10 {
  margin-bottom: -10px; }

.easilys .ztexr {
  text-align: right; }

.easilys .ztexj {
  text-align: justify; }

.easilys .ztexc {
  text-align: center; }

.easilys .ztexl {
  text-align: left; }

.easilys .ztexb {
  font-weight: bold; }

.easilys .ztexn {
  font-style: normal;
  font-weight: normal; }

.easilys .ztexi {
  font-style: italic; }

.easilys .ztexu {
  text-decoration: underline; }

.easilys .zdisno {
  display: none; }

.easilys .zdisinit {
  display: initial; }

.easilys .zdisi {
  display: inline; }

.easilys .zdisib {
  display: inline-block; }

.easilys .zdisb {
  display: block; }

.easilys .zdisf {
  display: flex; }

.easilys .zvertalbase {
  vertical-align: baseline; }

.easilys .zvertaltop {
  vertical-align: top; }

.easilys .zvertalmid {
  vertical-align: middle; }

.easilys .zvertalbot {
  vertical-align: bottom; }

.easilys .zvertalsub {
  vertical-align: sub; }

.easilys .zvertaltxttop {
  vertical-align: text-top; }

.easilys .zvish {
  visibility: hidden; }

.easilys .zhline {
  margin-bottom: 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #FFFFFF; }

.easilys .zbor {
  border: 1px solid #e0e0e0; }

.easilys .zbort {
  border-top: 1px solid #e0e0e0; }

.easilys .zborb {
  border-bottom: 1px solid #e0e0e0; }

.easilys .zborl {
  border-left: 1px solid #e0e0e0; }

.easilys .zborr {
  border-right: 1px solid #e0e0e0; }

.easilys .zbor-grey {
  border: 1px solid #666666; }

.easilys .zbort-grey {
  border-top: 1px solid #666666; }

.easilys .zborb-grey {
  border-bottom: 1px solid #666666; }

.easilys .zborl-grey {
  border-left: 1px solid #666666; }

.easilys .zborr-grey {
  border-right: 1px solid #666666; }

.easilys .zdbor {
  border: dotted 3px #e0e0e0; }

.easilys .znobor, .easilys input.znobor {
  border: none; }

.easilys .clear {
  clear: both; }

.easilys .zovh {
  overflow: hidden; }

.easilys .ztxtnodec {
  text-decoration: none; }

.easilys .zflor {
  float: right; }

.easilys .zflol {
  float: left; }

.easilys .zflon {
  float: none; }

.easilys .zh100pc {
  height: 100%; }

.easilys .zw100pc {
  width: 100%; }

.easilys .white-bg-color {
  background-color: #FFFFFF; }

.easilys .application-color {
  background-color: var(--application-main-color); }

.easilys .application-bg-color {
  background-color: var(--application-main-background-color); }

.easilys #loimage {
  height: 325px;
  margin-bottom: -2px; }

.easilys .lochrono {
  padding-left: 40px;
  line-height: 30px;
  background: url("../images/easilys_title_icons.png") no-repeat 0 -90px;
  height: 30px;
  margin-bottom: 5px;
  margin-top: 10px; }

.easilys .lopeople {
  padding-left: 40px;
  line-height: 30px;
  background: url("../images/easilys_title_icons.png") no-repeat 0 -360px;
  height: 30px;
  margin-bottom: 5px;
  margin-top: 10px; }

.easilys .losun {
  padding-left: 40px;
  line-height: 30px;
  background: url("../images/easilys_title_icons.png") no-repeat 0 -240px;
  height: 30px;
  margin-bottom: 5px;
  margin-top: 10px; }

.easilys #lotitle {
  font-size: 30px; }

.easilys .bg-white {
  background-color: white; }

.easilys .tbmarg {
  margin: 6px 0px; }

.easilys .sctitle {
  margin: 4px 20px 0px 0px; }

.easilys .oradd_td {
  background: #f2f2f2;
  padding: 10px;
  margin: 0;
  -webkit-border-radius: 0 6px 6px 0;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
  -moz-border-radius: 0 6px 6px 0;
  /* FF1-3.6 */
  border-radius: 0 6px 6px 0;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border. cf CSS3please.com : */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 60px;
  border-left: 1px solid #e0e0e0; }

.easilys .oradd_td:hover {
  background-color: #FFFFFF;
  -webkit-transition: background 130ms ease-in;
  /* Saf3.2+, Chrome */
  -moz-transition: background 130ms ease-in;
  /* FF4+ */
  -ms-transition: background 130ms ease-in;
  /* IE10 */
  -o-transition: background 130ms ease-in;
  /* Opera 10.5+ */
  transition: background 130ms ease-in;
  /* W3C*/ }

.easilys .ellipsis {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

.easilys a.button-icon.ellipsis,
.easilys a.full-width-button-icon.ellipsis {
  padding-right: 25px; }

.easilys .ellipsis-gradient {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  width: 50px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */ }

.easilys .ic-alignment {
  overflow: hidden;
  height: 100%;
  width: 30px;
  display: block;
  position: absolute;
  top: 0;
  right: 0; }

.easilys .ic-alignment:hover {
  background-color: white; }

.easilys .pabsitem, .easilys .pabsritem {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0; }

.easilys .pabsitem {
  right: 0;
  left: auto;
  width: 60px; }

.easilys .pabsritem {
  left: 0;
  right: auto; }

.easilys .pabsitem-inner {
  padding: 0;
  height: 100%;
  border-radius: 0; }

.easilys .central {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px; }

.easilys .main-container {
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%; }
  .easilys .main-container .top-content {
    overflow-x: hidden;
    overflow-y: scroll;
    position: initial;
    width: 100%;
    height: 100%; }
    .easilys .main-container .top-content .scroll-mask {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 18px;
      width: 100%;
      border-bottom: solid 1px lightgrey;
      border-top: solid 1px lightgrey;
      border-right: solid 1px lightgrey;
      margin-left: -1px; }
    .easilys .main-container .top-content .top-content-data {
      position: relative;
      height: 19px;
      width: 100%; }
      .easilys .main-container .top-content .top-content-data .ribmenucol-raw {
        padding-top: 0px;
        height: 20px;
        border-bottom: solid 1px #d4d4d4;
        border-left: solid 1px #d4d4d4;
        box-sizing: border-box;
        background-color: #FFFFFF; }
  .easilys .main-container .bottom-content {
    overflow: hidden;
    position: initial;
    width: 100%;
    height: auto; }
    .easilys .main-container .bottom-content .bottom-content-data {
      overflow-y: scroll;
      position: absolute;
      top: 20px;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%; }

.easilys .login-screen .title-icon {
  height: 40px; }

.easilys .tag.tag-radius,
.easilys .modalbox-rule.tag.tag-radius {
  border-radius: 7px; }

.easilys .tag.tag-block,
.easilys .modalbox-rule.tag.tag-block {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 11px;
  border: solid 1px #999999; }

.easilys .color-select {
  width: 15px;
  border: 1px solid #999999;
  border-radius: 4px;
  height: 15px;
  margin: 4px 0px 0px 4px; }

.easilys .highlight-keyword {
  background-color: yellow; }

.easilys .arrow-left {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid white; }

.easilys .separator:before {
  content: "|"; }

.easilys .separator {
  color: #F0F0F0; }

.easilys div[class*="_Open"],
.easilys div[class*="_See"],
.easilys div[class*="_Show"] {
  cursor: pointer; }

.easilys .email-fax-dry-run {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #FFF transparent transparent transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000; }

.easilys option {
  padding: 0px;
  min-height: 0px; }

.supplier-order-screen .price,
.supplier-order-screen .price *,
.supplier-order-screen + div .price,
.supplier-order-screen + div .price * {
  color: #000000;
  line-height: 12px;
  font-size: 14px;
  font-weight: bold; }

#qz_Right_Panel_Container_For_Help .title-bar {
  background-color: #222e3e;
  color: white; }

.beta-tag {
  padding: 0.25rem 0.4rem;
  margin: 0 0.5rem !important;
  border-radius: 4px;
  background: #34475f;
  color: #F0F0F0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle; }

.beta-tag.outlined {
  background-color: #F0F0F0;
  color: #34475f; }

.display-flex {
  display: flex; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

#crisp-chatbox > div > a span {
  display: none !important; }

.flex-card-header {
  display: flex;
  align-items: center; }

.version-flex {
  color: #2596BE;
  display: inline-block;
  margin-right: 9%; }