@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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* Font-icon color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/*********************************************************************/
/* Smart-Selection color
/*********************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
/***************************************************************************************************
* Staple collection - d-system
****************************************************************************************************/
/***************************************************************************************************
* Specific colors
****************************************************************************************************/
@import "/operator-switcher/styles.css";
:root {
  --main-color: #34475f;
  --main-color-hs: 213.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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 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 {
  /* 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 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.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

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

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: 0.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.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

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

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: 0.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: rgb(101, 109, 143);
}

.fm-heatmap .path2:before {
  content: "\e9e4";
  margin-left: -1em;
  color: rgb(101, 109, 143);
}

.fm-heatmap .path3:before {
  content: "\e9e5";
  margin-left: -1em;
  color: rgb(101, 109, 143);
}

.fm-heatmap .path4:before {
  content: "\e9e6";
  margin-left: -1em;
  color: rgb(155, 162, 192);
}

.fm-heatmap .path5:before {
  content: "\e9e7";
  margin-left: -1em;
  color: rgb(218, 219, 231);
}

.fm-heatmap .path6:before {
  content: "\e9e8";
  margin-left: -1em;
  color: rgb(155, 162, 192);
}

.fm-heatmap .path7:before {
  content: "\e9e9";
  margin-left: -1em;
  color: rgb(218, 219, 231);
}

.fm-heatmap .path8:before {
  content: "\e9ea";
  margin-left: -1em;
  color: rgb(218, 219, 231);
}

.fm-heatmap .path9:before {
  content: "\e9eb";
  margin-left: -1em;
  color: rgb(218, 219, 231);
}

.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: rgb(40, 200, 152);
}

.fm-komo-komo .path2:before {
  content: "\e9fe";
  margin-left: -1em;
  color: rgb(243, 117, 86);
}

.fm-komo-komo .path3:before {
  content: "\e9ff";
  margin-left: -1em;
  color: rgb(247, 205, 102);
}

.fm-komo-komo .path4:before {
  content: "\ea00";
  margin-left: -1em;
  color: rgb(80, 89, 113);
}

.fm-komo-komo .path5:before {
  content: "\ea01";
  margin-left: -1em;
  color: rgb(80, 89, 113);
}

.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";
}

.fm-module-customers:before {
  content: "\ea89";
}

.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.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

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

.fe-sm, .fa-sm, .fm-sm, .fi-sm {
  font-size: 0.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: 0.5rem;
}
html.mapal .container__footer .footer__operator .btnormal .icon {
  font-size: 16px;
}
html.mapal .container__footer .footer__operator .btnormal:hover {
  color: rgb(79.8893442623, 86.2172131148, 113.1106557377);
}
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 .icon {
  color: #FFFFFF;
}
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-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 a {
  text-decoration: none;
}
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 .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%;
}
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 {
  width: 35px;
  height: 35px;
}
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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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 .table {
  width: 100%;
  margin: 10px 0;
}
.easilys .table a.full-width-button-icon {
  padding: 6px;
}
.easilys {
  /* class applied on the <table> tag*/
}
.easilys .taitems {
  background: none;
  border-collapse: collapse;
  width: 100%;
  border: 0 none !important;
  margin-bottom: 5px;
}
.easilys {
  /* Table row*/
}
.easilys .tao, .easilys .tae {
  border-bottom: solid 1px rgb(224.4, 224.4, 224.4);
  background-color: #FFFFFF;
}
.easilys {
  /* Table row in info card*/
}
.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 {
  /* button column */
}
.easilys td.tabutton {
  text-align: right;
  width: 55px;
  padding: 4px;
}
.easilys td.zpad0 {
  padding: 0px !important;
}
.easilys {
  /* table header */
}
.easilys .taitems th {
  background-color: rgb(224.4, 224.4, 224.4);
}
.easilys {
  /* control button */
}
.easilys .tacontrol {
  margin: 10px 0;
  overflow: hidden; /*to avoid empty clear div*/
}
.easilys {
  /* Sort icon */
}
.easilys .sortable {
  padding-right: 20px;
  text-decoration: none;
}
.easilys {
  /*********************************************************************************/
  /* specific table and classes used in meal plan or nutrition guide line modalbox */
  /*********************************************************************************/
}
.easilys .dishtable {
  width: 100%;
  overflow-x: auto;
}
.easilys .dishtable .dishcell {
  background-color: rgb(224.4, 224.4, 224.4);
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}
.easilys .dishtable .subheader {
  height: 28px;
  background-color: rgb(224.4, 224.4, 224.4);
}
.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 {
  /* Specific attributes for one day column in the calandar menus */
}
.easilys .colday {
  width: 14.2857142857%;
}
.easilys {
  /* special dish service title used in mo mealplan and menuElement administration modalbox */
}
.easilys .servtitle {
  padding: 10px 5px;
  font-size: 16px;
  line-height: 0.7;
}
.easilys {
  /* Colored squared cell in table modalbox used to change the selected or unselected status of the related element */
}
.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 {
  /* Class to simulate an header when the table is build with div */
}
.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;
}
.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 rgb(224.4, 224.4, 224.4);
  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: rgb(127.5, 127.5, 127.5);
  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: rgb(214.5, 214.5, 214.5);
}
@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 {
  /* use the span* classes to define columns width */
}
.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 {
  /* Specific table use to indicate unity, included in an other table */
}
.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 {
  /* Specific row in the table of recipesGroups */
}
.easilys .recipegroup-newprice {
  border-top: solid 1px rgb(211.65, 211.65, 211.65);
}
.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 rgb(76.5, 76.5, 76.5);
}
.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 rgb(211.65, 211.65, 211.65);
}
.easilys {
  /* Amout table */
}
.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 {
  /* Table with checkable blocks */
}
.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);
}
.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,
.easilys .list .list-item-container .row-option .grid .span33 a.sticker-inner:hover {
  background-color: var(--application-main-background-color);
  color: #000000;
}
.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: rgb(218.6, 255, 209.5);
}
@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;
}
.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-right,*/
}
.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;
}
.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 {
  text-decoration: none;
}
.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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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 rgb(186.15, 186.15, 186.15);
  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 rgb(186.15, 186.15, 186.15);
  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: rgb(115.0563380282, 208.3521126761, 250.9436619718);
  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: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.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: 0.3;
  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: 0.3;
  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: 0.2em 0.2em 0;
  display: none;
  z-index: 240 !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.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: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.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: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.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 0.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: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.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: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.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 .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 {
  /* styles for a solid line in the legend */
}
.easilys .dygraph-legend-line {
  display: inline-block;
  position: relative;
  bottom: 0.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 {
  /* styles for a dashed line in the legend, e.g. when strokePattern is set */
}
.easilys .dygraph-legend-dash {
  display: inline-block;
  position: relative;
  bottom: 0.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 {
  /* This class is shared by all annotations, including those with icons */
}
.easilys .dygraph-annotation {
  position: absolute;
  z-index: 10;
  overflow: hidden;
}
.easilys {
  /* This class only applies to annotations without icons */
  /* Old class name: .dygraphDefaultAnnotation */
}
.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 {
  /* For y-axis label */
}
.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 {
  /* For y2-axis label */
}
.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--, ...
  */
}
.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 {
  /* 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
  */
}
.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 {
  /* 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
  */
}
.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 {
  /* 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)
  */
}
.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 {
  /* Specific FIXED WIDTH panels  */
}
.easilys .panw290 {
  width: 290px;
}
.easilys .panw100e {
  width: 100%;
}
.easilys .panw50e {
  width: 50%;
}
.easilys {
  /* 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
  */
}
.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 {
  /* 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)
  */
}
.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 {
  /*
  * 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 .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 .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 {
  /* WARNING: there is a IE7-hack in ie.scss to enable the property box-sizing:border-box on column*/
}
.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 {
  /* 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 .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 .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 {
  /* WARNING: there is a IE7-hack in ie.scss to enable the property box-sizing:border-box on grid*/
}
.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. */
}
.easilys .empty {
  display: none;
}
.easilys {
  /**************************************************************************************************
  * 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+ */
}
@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 {
    /* Exception: Remove border reset for operator-switcher buttons */
    /* The ID selector ensures this works for both regular and Angular-encapsulated buttons */
  }
  .easilys #operator-switcher-wrapper button {
    border: 1px solid #dadbe7 !important;
  }
}
.easilys {
  /* A specific hack is used for Firefox */
}
.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 {
  /*
    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)
  */
}
.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 box style */
}
.easilys select {
  height: 30px;
  line-height: 20px;
  background-color: white;
  color: #666666;
  border: 1px solid rgb(175.95, 175.95, 175.95);
  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 {
  /* 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;
  }*/
}
.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 {
  /*
    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:
  */
}
.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 {
  /**************************************************************************************************
  * Customization of checkbox and radiobox with pure CSS
  ****************************************************************************************************/
  /* The checkbo/radio must be placed on the left of a label*/
}
.easilys input[type=checkbox],
.easilys input[type=radio] {
  float: left;
}
.easilys {
  /* Style the label which is just after the input */
}
.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"]+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 */
}
.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 {
  /* Add some left padding to the label in order to show the new customized checkbox/radio */
}
.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 {
  /* Create the new customized checkbox/radio with pure css */
}
.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 rgb(175.95, 175.95, 175.95);
}
.easilys {
  /* Make the radio circular with border-radius (the only difference with the checkbox) */
}
.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 {
  /* Create the content of the checkbox/radio */
}
.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 {
  /* Make the content of radio circular and a litlle bit smaller than the checkbox */
}
.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 {
  /* Show the content of the checkbox/radio when the latter is CHECKED */
}
.easilys #onlyModernBrowser:checked,
.easilys input[type=checkbox]:checked + label:after,
.easilys input[type=radio]:checked + label:after {
  opacity: 1;
}
.easilys {
  /* Hover and focus style on the checkbox/radio */
}
.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 {
  /* Special version when the checkbox/radio is disabled*/
}
.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: rgb(165.75, 165.75, 165.75);
  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: rgb(165.75, 165.75, 165.75);
}
.easilys select:disabled {
  cursor: default;
  border-color: #999999;
  color: rgb(165.75, 165.75, 165.75);
}
.easilys {
  /* IE11 Hack for input radio and checkbox label */
  /* Create the content of the checkbox/radio */
}
.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 { /* Give some space to the "x" inside the input */ }
.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 {
  /**************************************************************************************************
  * Special Form style
  ****************************************************************************************************/
}
.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 */
}
.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 {
  /* Remove the top-margin on the first label */
}
.easilys .form label:first-child {
  margin-top: 0;
}
.easilys .form label > .icon-label-info {
  margin-left: 3px;
  cursor: pointer;
  font-size: 12px;
}
.easilys .form {
  /* Error class */
}
.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: rgb(255, 217.5, 217.5);
  border-color: #C00000;
  color: #C00000;
}
.easilys .form {
  /* Help message. Usage: <p class:"help"> </p>; */
}
.easilys .form .help {
  color: #666666;
  font-style: italic;
  margin-top: 2px;
}
.easilys .form {
  /*special class which group the buttons in a div container*/
}
.easilys .form .form_btn {
  border-top: 1px solid #cccccc;
  margin-top: 10px;
  padding-top: 20px;
  clear: both;
  text-align: right;
}
.easilys .form {
  /*
    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, ...)
  */
}
.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 {
  /*TODO remove when the column class will not be used. Here for backward compatibility */
}
.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 {
  /* the input specific sizes can overwrite the width of 100% in a grid*/
}
.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 {
  /* Required fields */
}
.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 {
  /* specific css in a modal box */
}
.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: rgb(165.75, 165.75, 165.75);
}
.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: rgb(165.75, 165.75, 165.75);
}
.easilys .modalbox .box > .content .form .container.disabled .btnormal:hover,
.easilys .modalbox .box > .content .form .container.disabled .btnormal:focus {
  background-color: #D8D8D8;
}
.easilys {
  /* reduce the height of input and select in table */
}
.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 {
  /*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: rgb(241.442687747, 219.9446640316, 219.557312253);
  border-color: rgb(238.6205533597, 212.64743083, 212.1794466403);
  color: #B94A48;
}
.easilys .alert-warning {
  background-color: rgb(253.7716535433, 233.2992125984, 204.2283464567);
  border-color: rgb(253.5307086614, 229.042519685, 194.2692913386);
  color: #F89406;
}
.easilys .alert-info {
  background-color: rgb(198.8311688312, 223.8311688312, 236.1688311688);
  border-color: rgb(179.7337662338, 213.2337662338, 229.7662337662);
  color: #3A87AD;
}
.easilys .alert-success {
  background-color: rgb(222.6504854369, 238.3495145631, 222.8883495146);
  border-color: rgb(205.8155339806, 229.6844660194, 206.177184466);
  color: #468847;
}
.easilys {
  /* alert classes can be use in a tao/tae list.
    It will modificate the background-color of tao/tae classes */
}
.easilys .tae.alert-danger {
  background-color: rgb(234.3873517787, 201.7015810277, 201.1126482213);
}
.easilys .tae.alert-danger .tao {
  background-color: rgb(227.3320158103, 183.4584980237, 182.6679841897);
}
.easilys .tae.alert-danger .tae {
  background-color: rgb(234.3873517787, 201.7015810277, 201.1126482213);
}
.easilys .tae.alert-warning {
  background-color: rgb(253.1692913386, 222.657480315, 179.3307086614);
}
.easilys .tae.alert-warning .tao {
  background-color: rgb(252.5669291339, 212.0157480315, 154.4330708661);
}
.easilys .tae.alert-warning .tae {
  background-color: rgb(253.1692913386, 222.657480315, 179.3307086614);
}
.easilys .tae.alert-info {
  background-color: rgb(179.7337662338, 213.2337662338, 229.7662337662);
}
.easilys .tae.alert-info .tao {
  background-color: rgb(160.6363636364, 202.6363636364, 223.3636363636);
}
.easilys .tae.alert-info .tae {
  background-color: rgb(179.7337662338, 213.2337662338, 229.7662337662);
}
.easilys .tae.alert-success {
  background-color: rgb(205.8155339806, 229.6844660194, 206.177184466);
}
.easilys .tae.alert-success .tao {
  background-color: rgb(155.3106796117, 203.6893203883, 156.0436893204);
}
.easilys .tae.alert-success .tae {
  background-color: rgb(172.145631068, 212.354368932, 172.7548543689);
}
.easilys .tao.alert-danger .tao {
  background-color: rgb(234.3873517787, 201.7015810277, 201.1126482213);
}
.easilys .tao.alert-danger .tae {
  background-color: rgb(241.442687747, 219.9446640316, 219.557312253);
}
.easilys .tao.alert-warning .tao {
  background-color: rgb(253.7716535433, 233.2992125984, 204.2283464567);
}
.easilys .tao.alert-warning .tae {
  background-color: rgb(254.374015748, 243.9409448819, 229.125984252);
}
.easilys .tao.alert-info .tao {
  background-color: rgb(198.8311688312, 223.8311688312, 236.1688311688);
}
.easilys .tao.alert-info .tae {
  background-color: rgb(217.9285714286, 234.4285714286, 242.5714285714);
}
.easilys .tao.alert-success .tao {
  background-color: rgb(222.6504854369, 238.3495145631, 222.8883495146);
}
.easilys .tao.alert-success .tae {
  background-color: rgb(239.4854368932, 247.0145631068, 239.5995145631);
}
.easilys {
  /*************************************************************
  * Notification
  *************************************************************/
  /* Design used for the notification tool */
}
.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: rgb(78.6650485437, 152.8349514563, 79.7888349515);
  border: 1px solid rgb(35.3398058252, 68.6601941748, 35.8446601942);
}
.easilys #overlaym .error {
  color: #FFFFFF;
  background-color: rgb(192.0553359684, 92.243083004, 90.4446640316);
  border: 1px solid rgb(112.1146245059, 44.1106719368, 42.8853754941);
}
.easilys #overlaym .warning {
  color: #FFFFFF;
  background-color: rgb(249.5551181102, 158.8070866142, 29.9448818898);
  border: 1px solid rgb(148.4094488189, 88.5669291339, 3.5905511811);
}
.easilys {
  /************************************************************
  * Message box for specific option
  ************************************************************/
}
.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 {
  /*************************************************************
  * Badges and Labels
  *************************************************************/
}
.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: rgb(250.7598425197, 180.0905511811, 79.7401574803);
}
.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 {
  /* .label-error,
    .badge-error {
      background-color: #D81A1A;
    }*/
}
.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: rgb(212.1076923077, 51.8923076923, 51.8923076923);
}
.easilys a:hover.format-doc {
  background-color: rgb(0, 183.375, 243);
}
.easilys a:hover.format-docx {
  background-color: rgb(0, 183.375, 243);
}
.easilys a:hover.format-xls {
  background-color: rgb(58.9014084507, 187.0985915493, 105.0985915493);
}
.easilys a:hover.format-xlsx {
  background-color: rgb(58.9014084507, 187.0985915493, 105.0985915493);
}
.easilys a:hover.format-odt {
  background-color: rgb(76.5, 76.5, 76.5);
}
.easilys a:hover.format-ods {
  background-color: rgb(76.5, 76.5, 76.5);
}
.easilys {
  /* Budget color alert */
}
.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: rgb(227.3320158103, 183.4584980237, 182.6679841897);
  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: rgb(227.3320158103, 183.4584980237, 182.6679841897);
  border-color: rgb(199.1106719368, 110.4861660079, 108.8893280632);
  color: rgb(149.0039525692, 58.6245059289, 56.9960474308);
}
.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: rgb(199.1106719368, 110.4861660079, 108.8893280632);
  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 .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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(224.4, 224.4, 224.4);
  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: rgb(224.4, 224.4, 224.4);
  font-weight: bold;
  margin-right: -15px;
}
.easilys .button-choice .btloud + .btloud {
  margin-left: -3px;
  border-left: solid 1px rgb(6.2831325301, 150.7951807229, 217.2168674699);
}
.easilys .button-choice .btloud + .btloud.disabled {
  margin-left: -3px;
  border-left: solid 1px rgb(140.25, 140.25, 140.25);
}
.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: rgb(217.8684210526, 71.7684210526, 25.6315789474);
}
.easilys .fe-smiley-2 {
  color: rgb(235, 121, 85);
}
.easilys .fe-smiley-3 {
  color: rgb(253, 197, 112);
}
.easilys .fe-smiley-4 {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys .fe-smiley-5 {
  color: rgb(137.375862069, 200.0068965517, 88.4931034483);
}
.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: rgb(217.8684210526, 71.7684210526, 25.6315789474);
}
.easilys .condition-selector .fe-smiley-2 {
  color: rgb(235, 121, 85);
}
.easilys .condition-selector .fe-smiley-3 {
  color: rgb(253, 197, 112);
}
.easilys .condition-selector .fe-smiley-4 {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys .condition-selector .fe-smiley-5 {
  color: rgb(137.375862069, 200.0068965517, 88.4931034483);
}
.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 {
  /* switch button */
}
.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: 0.3s;
  transition: 0.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: 0.3s;
  transition: 0.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: 0.3s;
  transition: 0.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: 0.3s;
  transition: 0.3s;
}
.easilys {
  /****** Style Star Rating Widget *****/
}
.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 {
  /* CSS magic to highlight stars on hover */
  /* on span */
}
.easilys .rating > span ~ label:hover {
  color: #CCCCCC;
}
.easilys .rating > span ~ label:hover ~ span.checked ~ label {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys .rating > span.checked ~ label {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys .rating > span.checked ~ label:hover ~ label {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys {
  /* on input */
}
.easilys .rating > input ~ label:hover {
  color: rgb(252.9444444444, 235.8148148148, 146.0555555556);
}
.easilys .rating > input ~ label:hover ~ label {
  color: rgb(252.9444444444, 235.8148148148, 146.0555555556);
}
.easilys .rating > input:checked ~ label {
  color: rgb(251.0555555556, 218.1851851852, 45.9444444444);
}
.easilys .rating > input:checked ~ label:hover {
  color: rgb(252.9444444444, 235.8148148148, 146.0555555556);
}
.easilys .rating > input:checked ~ label:hover ~ label {
  color: rgb(252.9444444444, 235.8148148148, 146.0555555556);
}
.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: rgb(252, 227, 96);
}
.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 */
}
.easilys .input-tick .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.easilys .input-tick .container {
  /* hide the checkmark when checked */
}
.easilys .input-tick .container input:checked ~ .checkmark:before {
  display: none;
}
.easilys .input-tick .container {
  /* Show the checkmark when checked */
}
.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: rgb(250.2, 250.2, 250.2);
  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: rgb(209.075862069, 127.2, 2.924137931);
}
.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: rgb(149.4210526316, 49.2210526316, 17.5789473684);
}
.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 .timeline-box {
  position: relative;
  overflow: hidden;
  height: 50px;
  background-color: rgb(242.25, 238, 233.75);
}
.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: rgb(255, 195.9874476987, 169);
  border: solid 1px rgb(255, 160.9916317992, 118);
  opacity: 0.5; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
}
.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 #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> */
}
.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: rgb(253.3517241379, 207.2, 137.1482758621);
  color: rgb(234.224137931, 142.5, 3.275862069);
}
.easilys .calendar .blue-background-object a:hover {
  background-color: rgb(189.0131578947, 206.8684210526, 232.4868421053);
  color: rgb(74.9342105263, 123.6578947368, 193.5657894737);
}
.easilys .calendar colday {
  font-size: 10px;
}
.easilys .calendar {
  /* Corners */
}
.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 .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.hovered {
    .production-droppable-message {
      h1 {
        @include opacity(1);
      }
    }
  }*/
}
.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/
  */
}
.easilys .pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333333;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: rgb(186.15, 186.15, 186.15);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.easilys {
  /*
  clear child float (pika-lendar), using the famous micro clearfix hack
  http://nicolasgallagher.com/micro-clearfix-hack/
  */
}
.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: 0.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: 0.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.2857142857%;
  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: 0.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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: 0.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 0.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 0.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: hsl(0, 0%, 21%);
  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 hsl(0, 0%, 86%);
  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 hsl(0, 0%, 86%);
}
.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: rgb(253, 197, 112);
}
.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: rgb(224.4, 224.4, 224.4);
}
.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 */
}
.easilys .fem {
  display: inline-block;
}
.easilys {
  /* For icon alone, they can be used whith <span> or <div> */
}
.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 {
  /* Use <i> for icon including label */
}
.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 {
  /* Button with only icon */
}
.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 {
  /* Disabled status */
}
.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: rgb(229.5, 229.5, 229.5);
  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 {
  /* Overwrites adaption */
}
.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 {
  /* Arrow direction default is left bottom */
}
.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-origin:before {
  font-family: "fontawesome-icons" !important;
  content: "\f024";
}

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

.easilys {
  /*
  *  GREYS
  *
  *  No background (by default)
  *
  */
}
.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 {
  /* With background
  */
}
.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: rgb(224.4, 224.4, 224.4);
  color: rgb(120.35, 120.35, 120.35);
}
.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: rgb(183.6, 183.6, 183.6);
  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: rgb(148.4, 148.4, 148.4);
  color: #000000;
}
.easilys .darkgrey-background-object,
.easilys a.darkgrey-background-object {
  background-color: rgb(107.6, 107.6, 107.6);
  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 {
  /*
  *  COLORS
  *
  *  No background (by default)
  *
  */
}
.easilys .blue-object,
.easilys a.blue-object {
  color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys .blue-object input[type=checkbox] + label:before,
.easilys a.blue-object input[type=checkbox] + label:before {
  border-color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys .blue-object input[type=checkbox] + label:after,
.easilys a.blue-object input[type=checkbox] + label:after {
  background-color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys a.blue-object:focus,
.easilys a.blue-object:hover {
  background-color: none;
  color: rgb(48.8421052632, 87.5789473684, 143.1578947368);
}
.easilys .green-object,
.easilys a.green-object {
  color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .green-object input[type=checkbox] + label:before,
.easilys a.green-object input[type=checkbox] + label:before {
  border-color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .green-object input[type=checkbox] + label:after,
.easilys a.green-object input[type=checkbox] + label:after {
  background-color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys a.green-object:focus,
.easilys a.green-object:hover {
  background-color: none;
  color: rgb(75.5034482759, 121.0275862069, 39.9724137931);
}
.easilys .yellow-object,
.easilys a.yellow-object {
  color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys .yellow-object input[type=checkbox] + label:before,
.easilys a.yellow-object input[type=checkbox] + label:before {
  border-color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys .yellow-object input[type=checkbox] + label:after,
.easilys a.yellow-object input[type=checkbox] + label:after {
  background-color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys a.yellow-object:focus,
.easilys a.yellow-object:hover {
  background-color: none;
  color: rgb(141.3333333333, 119.1111111111, 2.6666666667);
}
.easilys .orange-object,
.easilys a.orange-object {
  color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys .orange-object input[type=checkbox] + label:before,
.easilys a.orange-object input[type=checkbox] + label:before {
  border-color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys .orange-object input[type=checkbox] + label:after,
.easilys a.orange-object input[type=checkbox] + label:after {
  background-color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys a.orange-object:focus,
.easilys a.orange-object:hover {
  background-color: none;
  color: rgb(158.7793103448, 96.6, 2.2206896552);
}
.easilys .red-object,
.easilys a.red-object {
  color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .red-object input[type=checkbox] + label:before,
.easilys a.red-object input[type=checkbox] + label:before {
  border-color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .red-object input[type=checkbox] + label:after,
.easilys a.red-object input[type=checkbox] + label:after {
  background-color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys a.red-object:focus,
.easilys a.red-object:hover {
  background-color: none;
  color: rgb(103.7894736842, 34.1894736842, 12.2105263158);
}
.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 {
  /*
  *  With background
  *
  */
}
.easilys .blue-background-object,
.easilys a.blue-background-object {
  background-color: rgb(227.0394736842, 234.6052631579, 245.4605263158);
  color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys .blue-object input[type=checkbox] + label:before,
.easilys a.blue-object input[type=checkbox] + label:before {
  border-color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys .blue-object input[type=checkbox] + label:after,
.easilys a.blue-object input[type=checkbox] + label:after {
  background-color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}
.easilys a.blue-background-object:focus,
.easilys a.blue-background-object:hover {
  background-color: rgb(170, 193, 226);
  color: rgb(48.8421052632, 87.5789473684, 143.1578947368);
}
.easilys .green-background-object,
.easilys a.green-background-object {
  background-color: rgb(218.624137931, 237.9931034483, 203.5068965517);
  color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .green-object input[type=checkbox] + label:before,
.easilys a.green-object input[type=checkbox] + label:before {
  border-color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .green-object input[type=checkbox] + label:after,
.easilys a.green-object input[type=checkbox] + label:after {
  background-color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys a.green-background-object:focus,
.easilys a.green-background-object:hover {
  background-color: rgb(178, 219, 146);
  color: rgb(75.5034482759, 121.0275862069, 39.9724137931);
}
.easilys .yellow-background-object,
.easilys a.yellow-background-object {
  background-color: rgb(253.4166666667, 240.2222222222, 171.0833333333);
  color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys .yellow-object input[type=checkbox] + label:before,
.easilys a.yellow-object input[type=checkbox] + label:before {
  border-color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys .yellow-object input[type=checkbox] + label:after,
.easilys a.yellow-object input[type=checkbox] + label:after {
  background-color: rgb(241.4444444444, 203.4814814815, 4.5555555556);
}
.easilys a.yellow-background-object:focus,
.easilys a.yellow-background-object:hover {
  background-color: rgb(252, 227, 96);
  color: rgb(141.3333333333, 119.1111111111, 2.6666666667);
}
.easilys .orange-background-object,
.easilys a.orange-background-object {
  background-color: rgb(254.0551724138, 227.6, 187.4448275862);
  color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys .orange-background-object input[type=checkbox] + label:before,
.easilys a.orange-background-object input[type=checkbox] + label:before {
  border-color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys .orange-background-object input[type=checkbox] + label:after,
.easilys a.orange-background-object input[type=checkbox] + label:after {
  background-color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys a.orange-background-object:focus,
.easilys a.orange-background-object:hover {
  background-color: rgb(253, 197, 112);
  color: rgb(158.7793103448, 96.6, 2.2206896552);
}
.easilys .red-background-object,
.easilys a.red-background-object {
  background-color: rgb(243.0526315789, 174.9526315789, 153.4473684211);
  color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .red-background-object input[type=checkbox] + label:before,
.easilys a.red-background-object input[type=checkbox] + label:before {
  border-color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .red-background-object input[type=checkbox] + label:after,
.easilys a.red-background-object input[type=checkbox] + label:after {
  background-color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys a.red-background-object:focus,
.easilys a.red-background-object:hover {
  background-color: rgb(235, 121, 85);
  color: rgb(103.7894736842, 34.1894736842, 12.2105263158);
}
.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: rgb(198.8311688312, 223.8311688312, 236.1688311688);
  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: rgb(198.8311688312, 223.8311688312, 236.1688311688);
  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: rgb(198.8311688312, 223.8311688312, 236.1688311688);
  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, .qz_Ni_IForm_TextI18n textarea {
  flex: 1;
}
.qz_Ni_IForm_TextI18n input::placeholder {
  color: grey;
  opacity: 0.6;
}
.qz_Ni_IForm_TextI18n textarea::placeholder {
  color: grey;
  opacity: 0.6;
}
.qz_Ni_IForm_TextI18n .badge-i18n {
  position: relative;
}
.qz_Ni_IForm_TextI18n .badge-i18n--dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
}
.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);
}

.qz_Ni_IForm_TextI18n_modalbox_default_locale input::placeholder {
  color: grey;
  opacity: 0.6;
}
.qz_Ni_IForm_TextI18n_modalbox_default_locale textarea::placeholder {
  color: grey;
  opacity: 0.6;
}

.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 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 {
  min-width: 980px;
}
.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: rgb(247.35, 247.35, 247.35);
}
.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: rgb(149.0039525692, 58.6245059289, 56.9960474308);
}
.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: rgb(234.3873517787, 201.7015810277, 201.1126482213);
}
.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: rgb(241.442687747, 219.9446640316, 219.557312253);
}
.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: rgb(234.3873517787, 201.7015810277, 201.1126482213);
}
.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: rgb(241.442687747, 219.9446640316, 219.557312253);
}
.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: rgb(255, 255, 255);
  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: rgb(160.65, 160.65, 160.65);
  font-style: italic;
  font-size: 16px;
}
.horoadmap .tablign .roadmap-txt2 {
  color: #666666;
  font-size: 14px;
}
.horoadmap .tablign .roadmap-txt3 {
  color: rgb(160.65, 160.65, 160.65);
  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: rgb(104.3287671233, 52.1643835616, 115.8356164384);
}

.hocolor1 .tabtitle {
  color: #884497;
}

.hocolor1 .hodate {
  background-color: #884497;
  color: rgb(241.3561643836, 230.1780821918, 243.8219178082);
}

.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: rgb(81.9811320755, 174.4339622642, 218.0188679245);
}

.hocolor2 .tabtitle {
  color: #7CC2E3;
}

.hocolor2 .hodate {
  background-color: #7CC2E3;
  color: rgb(7.9245283019, 27.7358490566, 37.0754716981);
}

.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: rgb(122.2842639594, 146, 0);
}

.hocolor3 .tabtitle {
  color: #A5C500;
}

.hocolor3 .hodate {
  background-color: #A5C500;
  color: rgb(245.578680203, 255, 197);
}

.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: rgb(200.9016393443, 104.856557377, 14.0983606557);
}

.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.2857142857%;
}
.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: rgb(255, 224, 224);
  border-color: rgb(214, 149, 149);
  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: rgb(114.75, 114.75, 114.75);
  background-color: rgb(214.5, 214.5, 214.5);
}
.easilys .customer-order .orderbox-started {
  background-color: #FFFFFF;
}
.easilys .customer-order .orderbox-started a {
  border: solid 1px rgb(160.92, 202.92, 223.08);
  color: #3a87ad;
}
.easilys .customer-order .orderbox-started a span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: rgb(160.92, 202.92, 223.08) transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.easilys .customer-order .orderbox-started a:hover {
  color: rgb(38.7922077922, 90.2922077922, 115.7077922078);
  background-color: rgb(160.92, 202.92, 223.08);
}
.easilys .customer-order .orderbox-warning {
  background-color: rgb(255, 224, 224);
}
.easilys .customer-order .orderbox-warning a {
  border-color: #ffadad;
  color: rgb(214, 149, 149);
  margin: 0;
}
.easilys .customer-order .orderbox-warning a span {
  border-color: #ffadad transparent transparent transparent;
}
.easilys .customer-order .orderbox-warning a:hover {
  color: rgb(192.6632653061, 93.8367346939, 93.8367346939);
  background-color: #ffadad;
}
.easilys .customer-order .orderbox-done {
  background-color: rgb(227.25, 227.25, 227.25);
}
.easilys .customer-order .orderbox-done a {
  border: solid 1px #CCCCCC;
  color: #666666;
}
.easilys .customer-order .orderbox-done a:hover {
  color: rgb(12.75, 12.75, 12.75);
  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 */
}
.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 {
  /* global classes for meal plan screen */
}
.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: rgb(147.9, 147.9, 147.9);
  background-color: rgb(247.65, 247.65, 247.65);
  width: 100%;
  border: none;
}
.easilys .nutrition-guideline {
  /* meal plan table weeks preview */
}
.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: rgb(247.35, 247.35, 247.35);
  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.2857142857%;
  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 {
  /* popover specification */
}
.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 rgb(224.4, 224.4, 224.4);
  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 {
  /* meal plan principal table */
}
.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.2857142857%;
  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.2857142857%;
  margin: 0;
  background-color: rgb(247.65, 247.65, 247.65);
  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: rgb(247.65, 247.65, 247.65);
  opacity: 1;
}
.easilys {
  /* action hover */
}
.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 {
  /* Special panel width of 310px "panw310" because shifted title arrow */
}
.easilys .panw310 {
  width: 310px;
}
.easilys {
  /* Special grid panel for calendar days width (100/7 pixels) */
}
.easilys .spancal {
  width: 14.2857142857%;
  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 {
  /* Meal plan Modalbox creation */
}
.easilys .calheader {
  background-color: #666666;
  color: #FFFFFF;
}
.easilys .mealcell {
  position: relative;
}
.easilys .nutrition-color {
  height: 20px;
}
.easilys {
  /**
  /* dietary-allowances-screen
  /*
  /**/
}
.easilys .firststep-smallsize .bigger-icon.fe-segment {
  line-height: 180px;
  font-size: 180px;
}

/********************************************************************************/
/************************************* MENUS ************************************/
/********************************************************************************/
/*********** gathering of class used in dubget administration screens ***********/
/********************************************************************************/
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(25.5, 25.5, 25.5);
}
.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: rgb(178.5, 178.5, 178.5);
}
.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.2857142857%;
  margin: 0;
}
.easilys .ribmenucol .price {
  padding: 5px 0 0 0;
}
.easilys .ribmenucol .ribmenucol-raw {
  padding: 0px;
  border-top: solid 1px rgb(211.65, 211.65, 211.65);
  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 */
}
.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 {
  /* price of a dish and his quantity */
}
.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: rgb(234.9, 234.9, 234.9);
}
.easilys .dishbox:hover,
.easilys .dishbox:focus {
  background-color: rgb(247.65, 247.65, 247.65);
}
.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: rgb(255, 147.5, 147.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-nok-xlarge .accordion .accitem a:hover.fe-eye {
  background-color: rgb(255, 147.5, 147.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-nok-large .accordion .accitem a:hover.article {
  background-color: rgb(255, 167.5, 167.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-nok-large .accordion .accitem a:hover.fe-eye {
  background-color: rgb(255, 167.5, 167.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-nok-medium .accordion .accitem a:hover.article {
  background-color: rgb(255, 188.5, 188.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-nok-medium .accordion .accitem a:hover.fe-eye {
  background-color: rgb(255, 188.5, 188.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-nok-small .accordion .accitem a:hover.article {
  background-color: rgb(255, 209.5, 209.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-nok-small .accordion .accitem a:hover.fe-eye {
  background-color: rgb(255, 209.5, 209.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-ok-xlarge .accordion .accitem a:hover.article {
  background-color: rgb(147.5, 255, 147.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-ok-xlarge .accordion .accitem a:hover.fe-eye {
  background-color: rgb(147.5, 255, 147.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-ok-large .accordion .accitem a:hover.article {
  background-color: rgb(167.5, 255, 167.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-ok-large .accordion .accitem a:hover.fe-eye {
  background-color: rgb(167.5, 255, 167.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-ok-medium .accordion .accitem a:hover.article {
  background-color: rgb(188.5, 255, 188.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-ok-medium .accordion .accitem a:hover.fe-eye {
  background-color: rgb(188.5, 255, 188.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.gross-profit-ok-small .accordion .accitem a:hover.article {
  background-color: rgb(209.5, 255, 209.5);
  color: #000000;
}
.easilys .dishbox:hover.gross-profit-ok-small .accordion .accitem a:hover.fe-eye {
  background-color: rgb(209.5, 255, 209.5);
  display: block;
  opacity: 1;
}
.easilys .dishbox:hover.noprice .accordion .accitem a:hover.article {
  background-color: rgb(227.25, 227.25, 227.25);
  color: #000000;
}
.easilys .dishbox:hover.noprice .accordion .accitem a:hover.fe-eye {
  background-color: rgb(227.25, 227.25, 227.25);
  display: block;
  opacity: 1;
}
.easilys .dishbox-top {
  padding: 0px 3px;
  height: auto;
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
  border-left: 1px solid rgb(211.65, 211.65, 211.65);
}
.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 rgb(211.65, 211.65, 211.65);
}
.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: rgb(69.4025974026, 141.2467532468, 210.0974025974);
}
.easilys .noguideline:hover .dishfix {
  visibility: visible;
}
.easilys .noguideline:hover .dish-qty {
  padding-right: 25px;
}
.easilys .btnew {
  background-color: rgb(209.1, 209.1, 209.1);
  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: rgb(160.65, 160.65, 160.65);
}
.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 rgb(201.45, 201.45, 201.45);
}
.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 rgb(201.45, 201.45, 201.45);
}
.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.2857142857%;
}
.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: rgb(74.8, 18.7, 18.7);
}
.easilys .gross-profit-nok-large {
  background-color: #FFC1C1;
  color: #882222;
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-nok-large:hover {
  color: rgb(74.8, 18.7, 18.7);
}
.easilys .gross-profit-nok-medium {
  background-color: #FFD6D6;
  color: #882222;
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-nok-medium:hover {
  color: rgb(74.8, 18.7, 18.7);
}
.easilys .gross-profit-nok-small {
  background-color: #FFEBEB;
  color: #882222;
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-nok-small:hover {
  color: rgb(74.8, 18.7, 18.7);
}
.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: rgb(8.1395348837, 44.3604651163, 8.1395348837);
}
.easilys .gross-profit-ok-large {
  background-color: #C1FFC1;
  color: rgb(19.8461538462, 109.1538461538, 19.8461538462);
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-ok-large:hover {
  color: rgb(8.1395348837, 44.3604651163, 8.1395348837);
}
.easilys .gross-profit-ok-medium {
  background-color: #D6FFD6;
  color: rgb(23.7692307692, 130.7307692308, 23.7692307692);
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-ok-medium:hover {
  color: rgb(8.1395348837, 44.3604651163, 8.1395348837);
}
.easilys .gross-profit-ok-small {
  background-color: #EBFFEB;
  color: rgb(27.6923076923, 152.3076923077, 27.6923076923);
  text-shadow: #FFFFFF 0px 0px 7px;
}
.easilys .gross-profit-ok-small:hover {
  color: rgb(8.1395348837, 44.3604651163, 8.1395348837);
}
.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.2857142857%;
  -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: rgb(198.9, 198.9, 198.9);
  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: rgb(224.4, 224.4, 224.4);
}
.easilys .inbox-disabled {
  background-color: rgb(224.4, 224.4, 224.4);
  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: rgb(242.25, 242.25, 242.25);
  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: rgb(224.4, 224.4, 224.4);
}
.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: rgb(224.4, 224.4, 224.4);
  border-color: #CCCCCC;
}
.easilys .budget-tab-02 .tae, .easilys .budget-tab-02 .tao {
  border-left: solid 1px rgb(224.4, 224.4, 224.4);
  border-right: solid 1px rgb(224.4, 224.4, 224.4);
}
.easilys .budget-tab-02 tbody tr > td:first-child {
  background-color: rgb(224.4, 224.4, 224.4);
  border-color: #CCCCCC;
}
.easilys .budget-tab-02 tbody tr:first-child > td:first-child {
  background-color: inherit;
  border-color: rgb(224.4, 224.4, 224.4);
}
.easilys .budget-tab-02 tbody tr:first-child > td:nth-child(3) {
  background-color: rgb(224.4, 224.4, 224.4);
  border-color: #CCCCCC;
}
.easilys .budget-tab-03 .tae, .easilys .budget-tab-03 .tao {
  border-left: solid 1px rgb(224.4, 224.4, 224.4);
  border-right: solid 1px rgb(224.4, 224.4, 224.4);
}
.easilys .budget-tab-03 tbody tr > td:first-child {
  background-color: rgb(224.4, 224.4, 224.4);
  border-color: #CCCCCC;
}
.easilys .budget-tab-03 tbody tr:first-child > td:first-child {
  background-color: inherit;
  border-color: rgb(224.4, 224.4, 224.4);
}
.easilys .budget-tab-03 tbody tr:first-child > td:nth-child(2) {
  background-color: rgb(224.4, 224.4, 224.4);
  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 td {
  background-color: hsl(var(--application-main-background-color-hs), calc(var(--application-main-background-color-l) - 5%));
}
.easilys .body .table-row:hover tr.row-link:hover {
  color: #000000;
  cursor: pointer;
}
.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 input {
  border: solid 1px #CCCCCC;
}
.easilys .adminbudget .ribmenucol .ribmenucol-raw {
  height: 18px;
  line-height: 17px;
}
.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: rgb(239.7, 239.7, 239.7);
}
.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 {
  /* Print panel */
}
.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 {
  /**

                Menu Copy

  **/
}
.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 rgb(178, 219, 146);
  background-color: rgb(205.0827586207, 231.6620689655, 184.3379310345);
  color: rgb(123.8344827586, 193.675862069, 69.324137931);
  padding-top: 6px;
}
.easilys .menus-copy-screen .category-menu-container .mealtype-container .mealtype-content .dish-content.selectActive {
  border: solid 1px rgb(170, 193, 226);
  background-color: rgb(208.0263157895, 220.7368421053, 238.9736842105);
  color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
  padding-top: 6px;
}
.easilys .menus-copy-screen .category-menu-container .mealtype-container.targetActive .button-header {
  border: solid 1px rgb(178, 219, 146);
  background-color: rgb(205.0827586207, 231.6620689655, 184.3379310345);
  color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .menus-copy-screen .category-menu-container .mealtype-container.selectActive .button-header {
  border: solid 1px rgb(170, 193, 226);
  background-color: rgb(208.0263157895, 220.7368421053, 238.9736842105);
  color: rgb(93.9473684211, 137.5263157895, 200.0526315789);
}

/****/
/* 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: rgb(227.3320158103, 183.4584980237, 182.6679841897);
}
.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-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);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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 {
  /* switch button */
}
.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 {
  /**************************************************************************************************
  * 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 */
}
.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: rgb(249.7714285714, 225.8693877551, 199.2285714286);
}
.easilys .caenergy .cavalue {
  background-color: #E08015;
}
.easilys .caprotein .cabar {
  border-color: #B20F17;
  background-color: rgb(250.1813471503, 197.8186528497, 200.3886010363);
}
.easilys .caprotein .cavalue {
  background-color: #B20F17;
}
.easilys {
  /* carbohydrate = glucide */
}
.easilys .cacarboh .cabar {
  border-color: #006FBF;
  background-color: rgb(191, 228.1937172775, 255);
}
.easilys .cacarboh .cavalue {
  background-color: #006FBF;
}
.easilys .calipid .cabar {
  border-color: #732D91;
  background-color: rgb(229.3421052632, 205.3947368421, 239.6052631579);
}
.easilys .calipid .cavalue {
  background-color: #732D91;
}
.easilys {
  /**************************************************************************************************
  * FOOD COLOR - used for recipe, order screen, menu screen, ...
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
}
.easilys .recipe h1 {
  font-weight: bold;
}
.easilys {
  /* Main title of a recipe */
}
.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 {
  /* Second-level title of a recipe */
}
.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 .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 {
  /* Recipe cards */
}
.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: rgb(186.15, 186.15, 186.15);
}
.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: rgb(186.15, 186.15, 186.15);
  background-color: inherit;
  border: none;
}
.easilys .admin-recipe {
  /* Labels */
}
.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 {
  /* Butons */
}
.easilys .admin-recipe .btlabel {
  padding-right: 10px;
}
.easilys .admin-recipe .btplus {
  top: 5px;
  right: 5px;
  bottom: 5px;
}
.easilys .admin-recipe {
  /* title icons */
}
.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 {
  /* Tags */
}
.easilys .recipe-tag {
  background-color: #fff;
  align-items: center;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
  margin: 3px 0;
}

/********************************************************************************/
/************************************ RECIPE ************************************/
/********************************************************************************/
/**************** gathering of class used for the recipe screens ****************/
/********************************************************************************/
.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);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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 {
  /* switch button */
}
.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 {
  /**************************************************************************************************
  * 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 */
}
.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: rgb(249.7714285714, 225.8693877551, 199.2285714286);
}
.easilys .caenergy .cavalue {
  background-color: #E08015;
}
.easilys .caprotein .cabar {
  border-color: #B20F17;
  background-color: rgb(250.1813471503, 197.8186528497, 200.3886010363);
}
.easilys .caprotein .cavalue {
  background-color: #B20F17;
}
.easilys {
  /* carbohydrate = glucide */
}
.easilys .cacarboh .cabar {
  border-color: #006FBF;
  background-color: rgb(191, 228.1937172775, 255);
}
.easilys .cacarboh .cavalue {
  background-color: #006FBF;
}
.easilys .calipid .cabar {
  border-color: #732D91;
  background-color: rgb(229.3421052632, 205.3947368421, 239.6052631579);
}
.easilys .calipid .cavalue {
  background-color: #732D91;
}
.easilys {
  /**************************************************************************************************
  * FOOD COLOR - used for recipe, order screen, menu screen, ...
  * food1 = "orange theme" ; food2 : "red theme", ... look at the variable.scss for further information
  ****************************************************************************************************/
}
.easilys .recipe h1 {
  font-weight: bold;
}
.easilys {
  /* Main title of a recipe */
}
.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 {
  /* Second-level title of a recipe */
}
.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 .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 {
  /* Recipe cards */
}
.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: rgb(186.15, 186.15, 186.15);
}
.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: rgb(186.15, 186.15, 186.15);
  background-color: inherit;
  border: none;
}
.easilys .admin-recipe {
  /* Labels */
}
.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 {
  /* Butons */
}
.easilys .admin-recipe .btlabel {
  padding-right: 10px;
}
.easilys .admin-recipe .btplus {
  top: 5px;
  right: 5px;
  bottom: 5px;
}
.easilys .admin-recipe {
  /* title icons */
}
.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 rgb(87.9708737864, 169.0291262136, 89.1990291262);
  /*.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: rgb(87.9708737864, 169.0291262136, 89.1990291262);
}
.easilys .product-panel .grid-table .table-body .modified .change .lower:before {
  content: "➘";
}
.easilys .product-panel .grid-table .table-body .modified .change .upper {
  color: #B94A48;
}
.easilys .product-panel .grid-table .table-body .modified .change .upper:before {
  content: "➚";
}
.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: rgb(45.1948051948, 105.1948051948, 134.8051948052);
}
.easilys .product-panel .grid-table .table-body .tao.new {
  background-color: rgb(217.9285714286, 234.4285714286, 242.5714285714);
}
.easilys .product-panel .grid-table .table-body .tae.new {
  background-color: rgb(198.8311688312, 223.8311688312, 236.1688311688);
}
.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: rgb(127.5, 127.5, 127.5);
}
.easilys .product-panel .grid-table .table-body .tao.ignored, .easilys .product-panel .grid-table .table-body .tae.ignored {
  background-color: rgb(229.5, 229.5, 229.5);
}
.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: rgb(149.0039525692, 58.6245059289, 56.9960474308);
}
.easilys .product-panel .grid-table .table-body .tao.refused, .easilys .product-panel .grid-table .table-body .tae.refused {
  background-color: rgb(241.442687747, 219.9446640316, 219.557312253);
}
.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: rgb(76.5, 76.5, 76.5);
}
.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 */
}
.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: rgb(186.15, 186.15, 186.15);
  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: rgb(242.25, 242.25, 242.25);
}
.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 {
  /* Labels */
}
.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 {
  /* Butons */
}
.easilys .admin-supprod .btlabel {
  padding-right: 10px;
}
.easilys .admin-supprod .btplus {
  top: 5px;
  right: 5px;
  bottom: 5px;
}
.easilys .admin-supprod {
  /*.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 .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: rgb(198.2047244094, 118.2834645669, 4.7952755906);
}
.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 .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 {
  /* Labels */
}
.easilys .prodlist .art {
  color: var(--application-main-color);
}
.easilys .prodlist:hover {
  background-color: rgb(247.65, 247.65, 247.65);
}

/* SUPPLIER 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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.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 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.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 rgb(237.15, 237.15, 237.15);
  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 rgb(237.15, 237.15, 237.15);
  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 {
  /* Modification of the table properties in the modalbox of a full order */
}
.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: rgb(242.25, 242.25, 242.25);
  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: rgb(255, 233.8292682927, 162);
  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 .order-detail tr.product-details td {
  word-break: break-word;
}
.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 .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: rgb(224.4, 224.4, 224.4);
  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 {
  /* old less code for receipt module */
}
.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 th {
  padding: 8px 4px;
}
.easilys .sup_order_view .product-table .taitems tr {
  /*td { padding: 4px 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: rgb(186.15, 186.15, 186.15);
}
.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: rgb(186.15, 186.15, 186.15);
}
.easilys .sup_order_view .product-table .taitems tr.replaced #onlyModernBrowser:checked,
.easilys .sup_order_view .product-table .taitems tr.replaced input[type=text] {
  color: rgb(186.15, 186.15, 186.15);
  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 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 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 .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: rgb(254.0551724138, 227.6, 187.4448275862);
  color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.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: rgb(227.25, 227.25, 227.25);
  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: rgb(198.2047244094, 118.2834645669, 4.7952755906);
}
.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: rgb(255, 165, 0);
}
.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 .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: rgb(251.475, 251.475, 251.475);
  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: rgb(242.25, 242.25, 242.25);
}
.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: rgb(216.75, 216.75, 216.75);
}
.easilys .admin-autorisation .spanbox .accordion {
  margin-bottom: 0px;
  border-bottom: 1px solid rgb(216.75, 216.75, 216.75);
}
.easilys .admin-autorisation .spanbox .accordion .accheader {
  padding: 5px;
  margin: 0px;
  height: 30px;
  color: #666666;
  background-color: rgb(229.5, 229.5, 229.5);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.easilys .admin-autorisation .spanbox.zbort,
.easilys .admin-autorisation .spanbox.zborr,
.easilys .admin-autorisation .spanbox.zborb,
.easilys .admin-autorisation .spanbox.zborl {
  border-color: rgb(216.75, 216.75, 216.75);
}
.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 rgb(186.15, 186.15, 186.15);
  background-color: #CCCCCC;
  height: 32px;
}
.easilys .adminprice-container .group-header {
  border-top: solid 1px rgb(186.15, 186.15, 186.15);
  border-bottom: solid 1px rgb(186.15, 186.15, 186.15);
}
.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: rgb(224.4, 224.4, 224.4);
  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 .tab-content {
  padding: 5px;
}
.easilys .admin-tags {
  /* hack nickel */
}
.easilys .admin-tags p {
  margin: 0;
  padding: 0 !important;
}
.easilys .admin-tags .alert p {
  margin: inherit;
  padding: 10px !important;
}
.easilys .smartselection .alert {
  padding-right: 0px;
}
.easilys .smartselection a.btnew {
  overflow: hidden;
  color: rgb(127.5, 127.5, 127.5);
  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: rgb(76.5, 76.5, 76.5);
  background-color: rgb(186.15, 186.15, 186.15);
}
.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: rgb(217.9285714286, 234.4285714286, 242.5714285714);
}
.easilys .smartselection {
  /*Shift of bagde's labels to avoid multilines*/
}
.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 {
  /* Modalbox hierarchy description */
}
.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 rgb(211.65, 211.65, 211.65);
}
.easilys .smartselection .ss-hierarchy .ss-hierarchy-rank .rank-graduation .graduation-bottom {
  height: 30px;
  border-top: solid 2px rgb(211.65, 211.65, 211.65);
  border-left: solid 2px rgb(211.65, 211.65, 211.65);
}
.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 {
  /* Color main phone/mail icone */
}
.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: 0.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: rgb(12.75, 12.75, 12.75);
}
.easilys .renewal-plan-screen .table-week .week-day .day-body {
  border: none;
  border-right: 1px dotted #FFFFFF;
}
.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%, rgb(255, 255, 255) 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%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 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: rgb(12.75, 12.75, 12.75);
  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: rgb(114.75, 114.75, 114.75);
  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: rgb(114.75, 114.75, 114.75);
  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: rgb(150.9172413793, 206.3379310345, 107.6620689655);
}
.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-content:last-child {*/
}
.easilys .renewal-plan-screen .table-week .week-day .day-body .day-body-sub-content:last-child {
  border-bottom: none;
}
.easilys .renewal-plan-screen .table-week .week-day .day-body {
  /*}*/
}
.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: rgb(165.75, 165.75, 165.75);
  pointer-events: none;
}

/********************************************************************************/
/******************************** SMART SELECTION *******************************/
/********************************************************************************/
/************ gathering of class used in site smart selection screen ************/
/********************************************************************************/
.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 {
  /* applications */
}
.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-segment {
  color: #20419a;
}
.easilys .smart-selection .tag-diet {
  color: #00aaa6;
}
.easilys .smart-selection .tag-texture {
  color: #602d91;
}
.easilys .smart-selection {
  /* preferences */
}
.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 .smart-selection .tag-origin {
  color: #00abb8;
}
.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: rgb(162.6946721311, 4.8053278689, 80.3176229508);
}
.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: rgb(168.5357142857, 12.9642857143, 59.7797619048);
}
.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: rgb(173.7804878049, 13.7195121951, 29.7256097561);
}
.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: rgb(186.6744680851, 63.3510638298, 11.8255319149);
}
.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: rgb(195.3369098712, 117.8905579399, 5.1630901288);
}
.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: rgb(0, 118.3054393305, 162.5);
}
.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: rgb(150.47, 159.278, 24.222);
}
.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: rgb(88.08, 138.726, 44.774);
}
.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: rgb(165.9, 12.6, 67.2);
}
.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: rgb(0, 90.5, 60.6946107784);
}
.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: rgb(87.726744186, 67.1831395349, 7.773255814);
}
.easilys .modalbox-rule .tag.tag-origin {
  color: #00abb8;
}
.easilys .modalbox-rule .tag.tag-origin .tag-delete-button a {
  color: #00abb8;
}
.easilys .modalbox-rule .tag.tag-origin .tag-delete-button a:hover {
  color: rgb(0, 99.9048913043, 107.5);
}
.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: rgb(0, 93.5, 91.3);
}
.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: rgb(0, 112.5684931507, 142.5);
}
.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: rgb(0, 94.9375, 139.5);
}
.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: rgb(0, 62.0247252747, 105.5);
}
.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: rgb(18.8387096774, 38.2661290323, 90.6612903226);
}
.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: rgb(57.3473684211, 26.8815789474, 86.6184210526);
}
.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: rgb(94.1658031088, 22.3341968912, 86.3186528497);
}
.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: rgb(115.5, 0, 0);
}
.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-origin {
  color: #00abb8;
}
.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: rgb(234.6, 234.6, 234.6);
  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: rgb(127.5, 127.5, 127.5);
}
.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: rgb(243.34875, 243.05, 242.75125);
}
.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: rgb(243.34875, 243.05, 242.75125);
}
.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 rgb(220.9725, 220.1, 219.2275);
  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: rgb(114.75, 114.75, 114.75);
}
.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: rgb(140.25, 140.25, 140.25);
}
.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;
}
.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 .content:hover .bt-main {
  /*color: $black;*/
}
.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%, rgb(250, 250, 250) 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%, rgb(250, 250, 250))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250) 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%, rgb(240, 240, 240) 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%, rgb(240, 240, 240))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, rgb(240, 240, 240) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, rgb(240, 240, 240) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, rgb(240, 240, 240) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 50%, rgb(240, 240, 240) 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: rgb(0, 93.5, 91.3);
}
.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: rgb(0, 112.5684931507, 142.5);
}
.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: rgb(0, 94.9375, 139.5);
}
.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: rgb(0, 62.0247252747, 105.5);
}
.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: rgb(18.8387096774, 38.2661290323, 90.6612903226);
}
.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: rgb(57.3473684211, 26.8815789474, 86.6184210526);
}
.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: rgb(18.8387096774, 38.2661290323, 90.6612903226);
}
.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: rgb(57.3473684211, 26.8815789474, 86.6184210526);
}
.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: rgb(94.1658031088, 22.3341968912, 86.3186528497);
}
.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: rgb(115.5, 0, 0);
}
.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: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .waste-awareness-main-panel .good .smiley {
  background-image: url("../images/smiley-good.png");
}
.easilys .waste-awareness-main-panel .good .trash {
  background: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .waste-awareness-main-panel .bad .cursor h1,
.easilys .waste-awareness-main-panel .bad h2,
.easilys .waste-awareness-main-panel .bad td {
  color: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .waste-awareness-main-panel .bad .smiley {
  background-image: url("../images/smiley-bad.png");
}
.easilys .waste-awareness-main-panel .bad .trash {
  background: rgb(195.0526315789, 64.2526315789, 22.9473684211);
}
.easilys .waste-awareness-main-panel .neutral .cursor h1,
.easilys .waste-awareness-main-panel .neutral h2,
.easilys .waste-awareness-main-panel .neutral td {
  color: rgb(251.5931034483, 156.2, 11.4068965517);
}
.easilys .waste-awareness-main-panel .neutral .smiley {
  background-image: url("../images/smiley-neutral.png");
}
.easilys .waste-awareness-main-panel .neutral .trash {
  background: rgb(251.5931034483, 156.2, 11.4068965517);
}
.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: rgb(0, 118.3054393305, 162.5);
}
.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: rgb(94.1658031088, 22.3341968912, 86.3186528497);
}
.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: rgb(87.726744186, 67.1831395349, 7.773255814);
}
.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: rgb(165.9, 12.6, 67.2);
}
.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: rgb(27.671875, 29.4765625, 87.828125);
}
.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: rgb(88.08, 138.726, 44.774);
}
.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: rgb(0, 90.5, 60.6946107784);
}
.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: rgb(94.1658031088, 22.3341968912, 86.3186528497);
}
.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: rgb(195.3369098712, 117.8905579399, 5.1630901288);
}
.easilys .smart-catalog-screen .list-sub-header.include-criteria {
  color: rgb(51.5862068966, 82.6896551724, 27.3103448276);
  background-color: rgb(123.8344827586, 193.675862069, 69.324137931);
}
.easilys .smart-catalog-screen .list-sub-header.exclude-criteria {
  color: rgb(58.1578947368, 19.1578947368, 6.8421052632);
  background-color: rgb(232.3157894737, 103.0157894737, 62.1842105263);
}
.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: rgb(252.75, 252.75, 252.75);
  background-color: rgb(150.9172413793, 206.3379310345, 107.6620689655);
  border-color: rgb(205.0827586207, 231.6620689655, 184.3379310345);
  border-style: inset;
}
.delivery-tours-screen .info-card-container .info-card-content .button:hover.on {
  color: #FFFFFF;
  background-color: rgb(99.4206896552, 159.3655172414, 52.6344827586);
}
.delivery-tours-screen .info-card-container .info-card-content .button.off {
  background-color: #F0F0F0;
  border-color: rgb(252.75, 252.75, 252.75);
  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: rgb(205.0827586207, 231.6620689655, 184.3379310345);
  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: rgb(150.9172413793, 206.3379310345, 107.6620689655) !important;
}
.deliveryTourIsCheck:hover {
  background-color: #FFFFFF;
}

.deliveryTourIsDisabled {
  background-color: rgb(229.5, 229.5, 229.5) !important;
  color: rgb(178.5, 178.5, 178.5) !important;
}
.deliveryTourIsDisabled:hover {
  cursor: default !important;
}

#qz_Delivery_Tours_Radio_Period_Choice {
  margin: 4px;
}
#qz_Delivery_Tours_Radio_Period_Choice label:hover {
  border: 2px solid #333333;
  cursor: pointer;
}
#qz_Delivery_Tours_Radio_Period_Choice label {
  margin: 4px;
  background-color: rgb(234.6, 234.6, 234.6);
  border: 2px solid #FFFFFF;
  overflow: auto;
}
#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;
}
.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 {
  /* panel default position */
}
.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 / action-panel */
}
.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 input in top of middle panel */
}
.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 {
  /* overrides panels properties */
}
.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: rgb(160.65, 160.65, 160.65);
  background-color: rgb(211.65, 211.65, 211.65);
}
.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: 50%;
  width: 50%;
}
.easilys .tablet-display .admin-product-screen.show-info-panel .info-panel {
  width: 50%;
  left: 50%;
}
.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 .product-panel {
  min-width: auto;
}
.easilys .tablet-display {
  /* storage panels position */
}
.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 panels position */
}
.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 .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-filter-panel {
  /*.info-panel {
    width: 50%;
    left: 100%;
    right: -50%;
  }*/
}
.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 {
  /* specifics override properties */
}
.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 */
}
.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.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,
.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 .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 */
}
.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 .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,
.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 .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 .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;
}
.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.
  */
}
@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 .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 {
    /* Force table to not be like tables anymore */
  }
  .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 {
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  .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 0.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;
}

:root {
  --brand-100: var(--easilysfb-100);
  --brand-200: var(--easilysfb-200);
  --brand-300: var(--easilysfb-300);
  --brand-400: var(--easilysfb-400);
  --brand-a100: var(--easilysfb-a100);
  --brand-a200: var(--easilysfb-a200);
  --p-0: .001em;
  --p-0-25: .062em;
  --p-0-5: .125em;
  --p-0-75: .188em;
  --p-1: .25em;
  --p-1-25: .312em;
  --p-1-5: .375em;
  --p-2-sub: -.5em;
  --p-2: .5em;
  --p-2-25: .562em;
  --p-2-5: .625em;
  --p-2-75: .688em;
  --p-3: .75em;
  --p-3-25: .812em;
  --p-3-5: .875em;
  --p-3-75: .938em;
  --p-4: 1em;
  --p-4-25: 1.062em;
  --p-4-5: 1.125em;
  --p-4-75: 1.188em;
  --p-5: 1.25em;
  --p-5-25: 1.312em;
  --p-5-5: 1.375em;
  --p-6: 1.5em;
  --p-6-5: 1.625em;
  --p-7: 1.75em;
  --p-8: 2em;
  --p-9: 2.25em;
  --p-9-5: 2.375em;
  --p-10: 2.5em;
  --p-11: 2.75em;
  --p-12: 3em;
}

#operator-switcher-wrapper {
  display: flex;
  justify-content: end;
  font-size: 16px;
}
#operator-switcher-wrapper button {
  font-family: revert;
  font-size: revert;
}
#operator-switcher-wrapper #searchContainer {
  margin: initial;
}
#operator-switcher-wrapper #suffix, #operator-switcher-wrapper #logoContainer, #operator-switcher-wrapper .msw-operator__logo {
  font-size: 16px;
}
#operator-switcher-wrapper .menu-list-item__content {
  font-size: 14px;
}

/**************************************************************************************************
* 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
****************************************************************************************************/
/*********************************************************************/
/* Right Management color
/*********************************************************************/
/*********************************************************************/
/* 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.488372093deg, 29.2517006803%;
  --main-color-l: 28.8235294118%;
  --main-color-0: #009BD4;
  --main-color-0-hs: 196.1320754717deg, 100%;
  --main-color-0-l: 41.568627451%;
  --main-color-1: #2F89CB;
  --main-color-1-hs: 205.3846153846deg, 62.4%;
  --main-color-1-l: 49.0196078431%;
  --main-color-2: #757575;
  --main-color-2-hs: 0deg, 0%;
  --main-color-2-l: 45.8823529412%;
  --main-color-3: #F2AD24;
  --main-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-color-3-l: 54.5098039216%;
  --main-color-4: #4DA62E;
  --main-color-4-hs: 104.5deg, 56.6037735849%;
  --main-color-4-l: 41.568627451%;
  --main-color-5: #D71E00;
  --main-color-5-hs: 8.3720930233deg, 100%;
  --main-color-5-l: 42.1568627451%;
  --main-color-6: #b20f17;
  --main-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-color-6-l: 37.8431372549%;
  --main-color-7: #916743;
  --main-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-color-7-l: 41.568627451%;
  --main-background-color: rgb(234.6428571429, 238.7142857143, 243.8571428571);
  --main-background-color-hs: 213.488372093deg, 29.2517006803%;
  --main-background-color-l: 93.8235294118%;
  --main-background-color-0: #F8F7F6;
  --main-background-color-0-hs: 30deg, 12.5%;
  --main-background-color-0-l: 96.862745098%;
  --main-background-color-1: rgb(242.6576, 248.1296, 252.1424);
  --main-background-color-1-hs: 205.3846153846deg, 62.4%;
  --main-background-color-1-l: 97.0196078431%;
  --main-background-color-2: rgb(244.5, 244.5, 244.5);
  --main-background-color-2-hs: 0deg, 0%;
  --main-background-color-2-l: 95.8823529412%;
  --main-background-color-3: rgb(254.0025862069, 248.7086206897, 238.1974137931);
  --main-background-color-3-hs: 39.9029126214deg, 88.7931034483%;
  --main-background-color-3-l: 96.5098039216%;
  --main-background-color-4: rgb(247.1037735849, 252.3094339623, 245.2905660377);
  --main-background-color-4-hs: 104.5deg, 56.6037735849%;
  --main-background-color-4-l: 97.568627451%;
  --main-background-color-5: rgb(255, 246.911627907, 245.6);
  --main-background-color-5-hs: 8.3720930233deg, 100%;
  --main-background-color-5-l: 98.1568627451%;
  --main-background-color-6: rgb(254.1450777202, 244.8549222798, 245.310880829);
  --main-background-color-6-hs: 357.0552147239deg, 84.4559585492%;
  --main-background-color-6-l: 97.8431372549%;
  --main-background-color-7: rgb(249.4693396226, 246.0023584906, 243.0306603774);
  --main-background-color-7-hs: 27.6923076923deg, 36.7924528302%;
  --main-background-color-7-l: 96.568627451%;
  --application-main-color: #009BD4;
  --application-main-color-hs: 196.1320754717deg, 100%;
  --application-main-color-l: 41.568627451%;
  --application-main-background-color: #F8F7F6;
  --application-main-background-color-hs: 30deg, 12.5%;
  --application-main-background-color-l: 96.862745098%;
  --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: 0.5rem 0.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: rgb(191.25, 191.25, 191.25);
}
.easilys .alert-info .tinylabel,
.easilys .alert-danger .tinylabel,
.easilys .alert-success .tinylabel {
  color: rgb(127.5, 127.5, 127.5);
}
.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: rgb(224.4, 224.4, 224.4);
}
.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: rgb(186.15, 186.15, 186.15);
}
.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 rgb(224.4, 224.4, 224.4);
}
.easilys .zbort {
  border-top: 1px solid rgb(224.4, 224.4, 224.4);
}
.easilys .zborb {
  border-bottom: 1px solid rgb(224.4, 224.4, 224.4);
}
.easilys .zborl {
  border-left: 1px solid rgb(224.4, 224.4, 224.4);
}
.easilys .zborr {
  border-right: 1px solid rgb(224.4, 224.4, 224.4);
}
.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 rgb(224.4, 224.4, 224.4);
}
.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: rgb(242.25, 242.25, 242.25);
  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 rgb(224.4, 224.4, 224.4);
}
.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%, rgb(255, 255, 255) 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%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 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 rgb(211.65, 211.65, 211.65);
  border-left: solid 1px rgb(211.65, 211.65, 211.65);
  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%;
}

/*# sourceMappingURL=main.css.map */