* {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  outline: none;
  box-sizing: border-box;
}
@media (max-width: 1212px) {
  h2 {
    font-size: 20px !important;
    /* Smaller size for screens smaller than 1212px */
  }
}
.form-control {
  font-size: 14px !important;
  color: #555;
  border-color: #eee;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -webkit-transition: none;
  box-shadow: none;
}
.form-control::placeholder {
  opacity: 0.8;
}
a,
a:hover,
a:active,
a:focus,
a img,
object,
embed {
  border: none;
  outline: none;
  text-decoration: none;
}
.colorWhite {
  color: #fff;
}
.hiddenInput {
  display: none !important;
}
.width-50 {
  width: 50px;
}
.spinner {
  display: inline-block;
  position: relative;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  width: 42px;
  float: right;
}
.spinner-input {
  width: 25px !important;
  margin-right: 15px;
  border: none;
  padding: 0 3px;
  height: 23px;
  line-height: 23px;
  border-right: 1px solid #dcdcdc;
}
.spinner-input:disabled {
  margin-right: 23px;
  border: none;
  padding: 0 3px;
  line-height: 23px;
  border-right: 1px solid #dcdcdc;
  cursor: initial;
  background-color: white;
  width: 25px !important;
  padding-left: 10px;
  border-radius: 0px;
}
.spinner-button {
  text-decoration: none;
  position: absolute;
  right: 0;
  background-color: white;
  border: 0.5px solid #eee;
  text-align: center;
  color: black;
}
.spinner-up {
  top: 0;
  border-left: 0px;
  border-top: 0px;
  left: 25px;
  width: 16.5px;
  height: 16.5px;
  padding-left: 2px;
  padding-top: 0px;
  border-left-width: 0px;
  text-decoration: none;
}
.spinner-down {
  bottom: 0;
  border-left: 0px;
  border-bottom: 0px;
  text-decoration: none;
  left: 25px;
  width: 16.5px;
  height: 14.5px;
  padding-left: 2px;
  padding-top: 0px;
  border-left-width: 0px;
}
.fixed-width-200 {
  width: 210px;
}
.no-padding-left {
  padding-left: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.no-padding-left-right {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.btncomment {
  padding-top: 2px !important;
}
.width-auto {
  width: auto;
}
.margin-left-18 {
  margin-left: 18px;
}
.right-side {
  float: right;
}
.right-side-panel {
  width: calc(100% - 210px);
  float: right;
}
label {
  font-weight: normal !important;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
label.mandatory:after {
  content: " (*)";
}
/* Base Color controls*/
/******* Button   */
.btn {
  display: inline-block;
  padding: 4px 12px 4px 12px;
  margin-bottom: 0;
  background-color: #f5f5f7;
  border: 1px solid #eee;
  color: #3e4249;
  border-radius: 3px;
  font-size: 14px !important;
  height: 30px;
}
.btn:hover {
  border: 1px solid #abc38f;
  background-color: #f7faf2;
}
.btn:active,
.btn:focus {
  border: 1px solid #eee;
  outline: none;
}
.btn-clean {
  background-color: transparent !important;
  border: none !important;
}
.btn-chevron {
  background-color: transparent !important;
  border: none !important;
  color: #fff;
  padding: 7px 12px 4px 12px;
}
.btn-chevron-img-left {
  background-color: transparent !important;
  border: none !important;
  color: #fff;
  padding: 5px 12px 4px 12px;
  height: 38px;
  width: 37px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-right: 1px;
}
.btn-chevron-img-right {
  background-color: transparent !important;
  border: none !important;
  color: #fff;
  padding: 5px 12px 4px 12px;
  height: 38px;
  width: 37px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 1px;
  float: right;
}
.btn-default {
  border-color: #eee;
  background-color: #f5f5f7;
  color: #3e4249;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0eecd;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0eecd;
  border-color: #68A204;
}
.btn-default.disabled,
.btn-default:disabled,
.btn-default[disabled],
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
  color: #c3c3c4;
  background-color: #fbfbfc;
  border-color: #f5f5f7;
}
.btn-primary {
  background-image: none;
  background-color: #68A204;
  border-color: #74ac28;
  color: #fff;
}
.btn-group .btn-primary {
  background-image: none;
  background-color: #f5f5f7;
  border-color: #68A204;
  color: #3e4249;
}
.btn-group .btn-primary.btn-color {
  background-color: #68A204;
  border-color: #68A204;
  color: #fff;
  padding: 6px 5px 5px 5px;
}
.btn-group .btn-primary:hover,
.btn-group .btn-primary.btn-color:hover + .btn-primary {
  background-color: #68A204;
  border-color: #68A204;
  color: #fff;
}
.btn-primary:hover {
  background-color: #74ac28;
  border-color: #74ac28;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #74ac28;
  border-color: #74ac28;
}
.btn-new-small {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../images/icons/icon-add.png');
  background-size: contain;
  color: black;
  opacity: 0.7;
  position: relative;
  margin: 0;
  padding: 0;
}
.btn-new-small a {
  opacity: 0;
}
.btn-new-small:hover {
  opacity: 1;
}
/***BUTTON WITH ICONS*/
.btn-with-icon {
  padding: 0;
  padding-right: 10px;
}
.btn-with-icon .btn-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  color: black;
  opacity: 0.7;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.btn-with-icon .btn-icon-add-multiple-white,
.btn-with-icon .btn-icon-validate-white,
.btn-with-icon .btn-icon-add-white,
.btn-with-icon .btn-icon-edit-big-white {
  color: white;
}
.btn-with-icon.btn-primary.btn-color .btn-icon {
  opacity: 1;
}
.btn-group .btn-primary.btn-color.btn-with-icon {
  padding: 0;
}
.btn-group:hover .btn-primary.btn-color {
  border-right: 1px solid white;
}
.btn-group:hover .btn-primary:last-child {
  border-left: 1px solid white;
}
#rawMaterials .btn-group {
  padding-bottom: 10px !important;
}
#rawMaterials .multiselect {
  background-color: white !important;
}
/*#rawMaterials #btnFilter .btn{
    margin:10px!important;
}*/
/*.btn-group .btn + .btn{
    margin-left: 0px;
}*/
.label-with-icon * {
  float: right;
}
.label-with-icon label {
  display: inline-block;
}
.label-with-icon .btn-new-small {
  top: 4px !important;
  left: 3px !important;
}
.text-align-center {
  text-align: center;
}
.clickable-row {
  cursor: pointer;
}
.nav-tabs {
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
}
.nav-tabs.left-padding {
  padding-left: 40px;
}
.left-padding {
  padding-left: 20px;
}
.nav-tabs > li {
  background: none;
  border: none;
  /*border-bottom:2px solid @GrayBorder;*/
  position: relative;
  top: 1px;
  float: initial;
  display: inline-block;
}
.nav-tabs > li.active {
  border-bottom: 2px solid #9A5409;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #9A5409;
  border: none;
}
.nav-tabs a {
  background: none !important;
  border: none !important;
}
.nav-tabs > li > a {
  color: #b9b9b9;
  background: none;
  border: none;
}
a {
  color: #9A5409;
}
a:hover,
a:focus {
  color: #784309;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 0px 0px 10px 0px;
}
h1 {
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 36px;
}
h3 {
  text-transform: uppercase;
  color: #b9b9b9;
  font-size: 16px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
  max-width: 280px;
  border: 1px solid #eee;
  border-radius: 3px;
}
input.input-validation-error {
  border: 1px solid #a94442 !important;
  background: #fbf5f5;
}
select.input-validation-error {
  border: 1px solid #a94442 !important;
  background: #fbf5f5;
}
.editor-field textarea {
  max-width: 500px;
  width: 500px;
  height: 200px;
}
.form-group {
  margin-bottom: 4px !important;
}
.form-group select:disabled {
  opacity: 0.5;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.col-md-demi {
  width: 4.11111%;
}
.navbar-header img {
  margin: 10px 0 0 0;
  display: block;
  clear: both;
}
.navbar-header span {
  display: block;
  position: absolute;
  top: 33px;
  left: 20px;
  color: #b9b9b9;
  font-size: 11px;
}
.navbar-header .navbar-brand {
  color: #b9b9b9;
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.navbar {
  background: #2f3133;
  border-bottom: 1px solid #b6b7b8 !important;
  /*z-index:1050;*/
}
.navbar-submenu {
  z-index: 1120;
}
.navbar > .container-fluid {
  height: 60px;
  overflow: visible !important;
}
#foodcostResultsRecap {
  padding-left: 25px;
  margin-top: 15px;
  padding-top: 10px;
  background: #f5f5f7;
  border: 1px solid #eee;
}
#menuLayout {
  height: 60px;
  background: #2f3133;
}
#menuLayout li a.menu-link {
  color: #68A204;
}
#menuLayout > ul {
  border: none;
  height: 60px;
  width: 800px;
  margin: auto;
  font-size: 0;
}
#menuLayout > ul > li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#menuLayout .active .menu-link,
#menuLayout .menu-link:hover,
#menuLayout ul li:hover .menu-link {
  background: #3e4249 !important;
}
#menuLayout .oldActive .menu-link {
  background: #363a40 !important;
}
#menuLayout .menu-link {
  display: inline-block;
  padding: 15px 0 15px 0;
  border: none;
  text-align: center;
  height: 60px;
  width: 80px;
}
#menuLayout ul ul {
  position: absolute;
  left: 0;
  white-space: nowrap;
  padding: 0;
  list-style: none;
  display: none;
  top: 100%;
}
#menuLayout ul ul a {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  height: 36px;
  min-width: 80px;
  text-align: center;
  padding: 4px 15px 0 15px;
  text-decoration: none;
}
#menuLayout ul ul a:hover {
  color: #ccc;
}
#menuLayout ul ul .active > a {
  color: #fff;
  border-bottom: none;
  font-weight: normal;
  height: 35px;
  text-decoration: none;
  background: url("../Images/MenuSelectedItem.png") no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}
#menuLayout ul ul li {
  display: inline-block;
}
#menuLayout ul ul.param-submenu {
  right: 0;
  left: auto;
  margin-right: -160px;
}
#menuLayout ul .active > ul {
  display: inline-block;
}
.noBulletList {
  list-style-type: none;
}
.modal-content .sideview-leftPane {
  position: initial;
  padding: 0px;
}
.contains-multiselect div.input-group {
  display: block;
}
.contains-multiselect div.input-group button {
  width: 100%;
}
body div.ui-multiselect-menu {
  z-index: 1060;
}
body div.ui-multiselect-menu .ui-icon {
  margin-top: 0;
}
body div.ui-multiselect-menu .ui-multiselect-header {
  padding: 0;
  padding-bottom: 5px;
}
body div.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter > label {
  width: 100%;
  margin-bottom: 0;
}
body div.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter > label > input {
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0;
  max-width: 450px;
}
body div.ui-multiselect-menu .ui-multiselect-checkboxes label > input {
  margin-top: 0px;
  top: 4px;
}
body div.ui-multiselect-menu .ui-multiselect-checkboxes label > span {
  line-height: 20px;
  vertical-align: top;
}
body div.ui-multiselect-menu .ui-state-hover {
  cursor: pointer;
  color: white;
  background-color: #9A5409;
}
button.ui-multiselect {
  height: 30px;
  background-color: white;
  color: #2f3133;
}
button.ui-multiselect.ui-state-active {
  background-color: white;
  color: #2f3133;
  border-color: #9A5409;
}
.sideview-leftPane {
  width: 260px;
  height: 100%;
  position: fixed;
  padding: 120px 20px 20px 20px;
  top: 0;
  left: 0;
  background: #f5f5f7;
  border-right: 1px solid #eee;
  z-index: 1000;
}
.sideview-leftPane .checkbox_outer + label {
  color: #696A6C;
  font-size: 12px;
  margin-bottom: 0px;
}
.sideview-leftPane .selectableTable {
  margin-bottom: 40px;
  border: none;
  width: 100%;
}
.sideview-leftPane .selectableTable td {
  border: 1px solid #f5f5f7 !important;
  border-right: none !important;
  width: 100%;
  padding-left: 20px;
}
.sideview-leftPane .selectableTable td h4 {
  font-size: 14px;
  font-weight: 500 !important;
  color: #696a6c;
}
.sideview-leftPane .selectableTable td h4 img {
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}
.sideview-leftPane .selectableTable .highlight td {
  background: #fff;
  border-top: 1px solid #eee !important;
  border: 1px solid #eee !important;
  border-right: none !important;
}
.sideview-leftPane .selectableTable td:hover {
  background: #f7faf2;
  border-top: 1px solid #abc38f !important;
  border: 1px solid #abc38f !important;
  border-right: none !important;
}
.sideview-leftPane .selectableTable + h3 {
  margin-left: 20px;
}
.sideview-leftPane div.row {
  display: block;
}
.sideview-leftPane .row {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}
.sideview-leftPane .row .control-label {
  color: #696A6C;
  font-size: 12px;
}
.sideview-leftPane .row .rules {
  color: #696A6C;
  font-size: 10px;
  font-style: italic;
  display: block;
  font-weight: normal;
  margin-bottom: 2px;
}
.sideview-leftPane .row .input-group .form-control:last-child {
  border-radius: 3px;
}
.filter-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.filter-title span {
  margin-left: -10px;
  margin-right: -4px;
  color: #9b550a;
}
.dropdown-toggle .btn-icon-arrowRight {
  transform: rotate(90deg);
  position: absolute;
  top: -5px;
  right: 0px;
}
.dropdown-toggle .btn-icon-arrowLeft {
  transform: rotate(90deg);
  position: absolute;
  top: 5px;
  right: 0px;
}
.multiselect.btn-default {
  background-color: white;
}
.filterGroup {
  margin-left: 18px;
}
.filterGroup label {
  text-transform: uppercase !important;
  max-width: 90%;
}
a.filterCollapseButton {
  text-decoration: none;
  text-transform: uppercase;
  color: #696A6C;
  font-weight: bold !important;
  cursor: pointer;
}
a.filterCollapseButton label {
  font-weight: bold !important;
  cursor: pointer;
  margin-bottom: 0;
}
a.filterCollapseButton:not(.showAlways):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f107";
  float: left;
  margin: 2px 7px 3px 0px;
  color: #9A5409;
  font-size: 10px;
}
a.filterCollapseButton.collapsed:before {
  content: "\f105";
}
.left-pane-filters-inside-tab .checkbox_outer + label {
  color: #696A6C;
  font-size: 12px;
  margin-bottom: 0px;
}
.sideview-centralPane {
  margin: 0px 0px 0 260px;
  transition: margin 500ms;
}
.sideview-centralPane.toggle-opened {
  margin-left: 0px;
}
.tab-content-useCase .sideview-layout {
  position: relative;
}
.tab-content-useCase .sideview-layout .sideview-leftPane {
  padding-top: 10px;
  position: absolute;
}
.message-container {
  margin-bottom: 10px;
  overflow: auto;
}
.message {
  display: block;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  max-width: 70%;
}
.user-message {
  background-color: #e2f0fd;
  float: left;
  clear: both;
}
.bot-message {
  background-color: #f8f8f8;
  float: right;
  clear: both;
}
.message-content {
  font-size: 14px;
}
.message-info {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
  text-align: right;
}
.message-history-info {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
  text-align: left;
}
.message-info .message-sender {
  font-weight: bold;
}
.message-history-info .message-sender {
  font-weight: bold;
}
.seen-icon::before,
.new-icon::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 50%;
}
.seen-icon::before {
  background-color: green;
  /* Change color as needed */
}
.new-icon::before {
  background-color: red;
  /* Change color as needed */
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #3e4249;
  outline: 0;
  /* IE6-9 */
  -webkit-box-shadow: none;
  -webkit-transition: none;
  box-shadow: none;
}
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 30px;
  padding: 3px 6px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: 1px solid #eee;
  border-radius: 3px;
}
input[type="radio"] {
  accent-color: #9A5409;
}
.control-label {
  display: block;
  font-weight: normal;
  margin-bottom: 2px;
}
.rules {
  font-style: italic;
  font-size: 11px;
  display: block;
  font-weight: normal;
  margin-bottom: 2px;
  color: #696A6C;
}
.datepicker {
  padding: 0 !important;
  /*z-index: 1040;*/
}
input.datepicker {
  padding-left: 5px !important;
}
.datepicker td.active,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.disabled.active,
.datepicker table tr td.disabled.active:hover {
  background: none;
  background-image: none;
  background-color: #9A5409 !important;
  color: #fff;
}
.input-group-addon {
  background: #fff;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 30px;
}
input:focus + .input-group-addon {
  border-color: #3e4249;
}
select {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 3px;
  height: 30px;
  padding: 3px 6px;
}
select:focus {
  border-color: #3e4249;
  outline: 0;
}
/****** Gestion des tables  *********/
table.table {
  border: 1px solid #eee;
  color: #3e4249;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #eee;
  padding: 5px;
}
.table > thead > tr > th,
.table tr th,
.table > thead > tr > th:hover,
.table tr th:hover {
  border: none;
  color: #696A6C;
  background: #f5f5f7;
  font-weight: normal;
  font-size: 12px;
}
.table tr.selected td,
.table tbody tr.selected td {
  background: #f7faf2;
}
.table.selectableLines tr:hover {
  cursor: pointer;
}
.table-hover > tbody > tr:hover > td:not(.sub-table-col) {
  background-color: #f7faf2;
  border-top: 1px solid #abc38f !important;
  border-bottom: 1px solid #abc38f;
}
.table-hover > tbody > tr:hover > td:first-child:not(.sub-table-col) {
  border-left: 1px solid #abc38f;
}
.table-hover > tbody > tr:hover > td:last-child:not(.sub-table-col) {
  border-right: 1px solid #abc38f;
}
.table-background-gray {
  background: #ebebed;
}
.table-with-header {
  height: auto;
  overflow: hidden;
  /*.tableheader-white {
        background-color:@White !important;
    }*/
}
.table-with-header .no-margin {
  margin: 0 !important;
}
.table-with-header .header-height {
  height: 23px !important;
}
.table-with-header.header-height {
  height: 23px !important;
}
.table-with-header .no-border {
  border: none !important;
}
.table-with-header.white-header {
  background: #ffffff !important;
}
.table-with-header .white-header {
  background: #ffffff !important;
}
.table-with-header .row-table {
  padding: 0px 15px;
  max-height: 23px;
}
.table-with-header .row-table.white-header {
  background: #ffffff !important;
}
.table-with-header .fixed-table {
  table-layout: fixed;
}
.table-with-header .fixed-table.white-header {
  background: #ffffff !important;
}
.table-with-header .panel-heading.tableheader-background-grey {
  background: #ebebed !important;
}
.table-with-header .tableheader-background-grey {
  background: #ebebed !important;
}
.table-with-header .table-header-tr {
  /*height: 38px;*/
}
.table-with-header .table-header-tr.white-header {
  background: #ffffff !important;
}
.table-with-header .table-header-tr .table-header-td {
  vertical-align: middle !important;
  height: 23px;
  padding: 0px;
}
.table-with-header .table-header-tr .table-header-td.white-header {
  background: #ffffff !important;
}
.table-with-header .table-header-tr .table-header-td.fixed-height-34 {
  height: 23px;
  white-space: nowrap;
  overflow: hidden;
}
.table-with-header .table-header-tr .fixed-td {
  display: block;
}
.table-with-header td,
.table-with-header th {
  height: 23px;
  vertical-align: middle !important;
}
.table-with-header td.white-header,
.table-with-header th.white-header {
  background: #ffffff !important;
}
.table-with-header td.fixed-height-34,
.table-with-header th.fixed-height-34 {
  height: 23px;
  white-space: nowrap;
  overflow: hidden;
}
.table-with-header td.fixed-height-34.with-no-overflow-change,
.table-with-header th.fixed-height-34.with-no-overflow-change {
  overflow: visible;
}
.table-with-header td.fixed-height,
.table-with-header th.fixed-height {
  white-space: nowrap;
  overflow: hidden;
}
.table-with-header td.fixed-height.with-no-overflow-change,
.table-with-header th.fixed-height.with-no-overflow-change {
  overflow: auto;
}
.table-with-header td.grey-th,
.table-with-header th.grey-th {
  background: #ebebed !important;
}
.table-with-header td.third,
.table-with-header th.third {
  width: 35%;
  padding-left: 0;
}
td.padded-icon,
.padded-icon,
td.td-checkbox.padded-icon,
td.td-checkbox.primary-information-icon.padded-icon {
  padding: 18px !important;
  width: 0px !important;
}
td.padded-icon.padded-38,
.padded-icon.padded-38,
td.td-checkbox.padded-icon.padded-38,
td.td-checkbox.primary-information-icon.padded-icon.padded-38 {
  padding: 19px !important;
}
td.padded-icon.padded-38.fixed-width,
.padded-icon.padded-38.fixed-width,
td.td-checkbox.padded-icon.padded-38.fixed-width,
td.td-checkbox.primary-information-icon.padded-icon.padded-38.fixed-width {
  width: 37px !important;
  padding-left: 18px !important;
  padding-right: 19px !important;
}
td.padded-icon.fixed-width,
.padded-icon.fixed-width,
td.td-checkbox.padded-icon.fixed-width,
td.td-checkbox.primary-information-icon.padded-icon.fixed-width {
  width: 35px !important;
  padding-left: 18px !important;
  padding-right: 17px !important;
}
.clickable-row-td {
  cursor: pointer;
}
td.clickable-row-td {
  cursor: pointer;
  padding: 0 0 0 0 !important;
}
/*.table-white tr, .table-white td {
    height: 39px !important;
    background-color: white;
}*/
/*.table-gray tr, .table-gray td {
    height: 40px;
}*/
.disabled-link {
  pointer-events: none;
}
/****** Gestion de la pagination  *********/
.pagination {
  margin: 0;
  height: 30px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2f3133;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #2f3133;
  height: 30px;
  padding: 4px 12px;
  border-color: #eee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #2f3133;
  border-color: #2f3133;
  color: #ffffff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #c3c3c4;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination > li > a:active,
.pagination > li > span:active {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.page-size-selector {
  float: right;
  width: 60px;
}
/***  Title bar  *********/
.title-bar,
.subtitle-bar {
  height: 32px;
  margin: 0 0 0px 0;
}
.title-bar h1,
.subtitle-bar h1 {
  font-size: 24px;
  display: inline;
  font-weight: normal;
  text-transform: uppercase;
}
.title-bar h1.pad-left-for-btn,
.subtitle-bar h1.pad-left-for-btn {
  padding-left: 20px;
}
.title-bar h1.pad-left-for-btn-double,
.subtitle-bar h1.pad-left-for-btn-double {
  padding-left: 40px;
}
.title-bar h2,
.subtitle-bar h2 {
  font-size: 14px;
  display: inline-block !important;
  font-weight: normal;
  color: #696A6C;
  vertical-align: middle;
}
.title-bar h4,
.subtitle-bar h4 {
  margin-top: 0px !important;
}
.title-bar .middle-border,
.subtitle-bar .middle-border {
  margin: 0px 10px !important;
  position: relative;
  top: 2px;
}
.title-bar .pull-right > *,
.subtitle-bar .pull-right > * {
  margin-left: 10px;
}
.title-bar .pull-right-invoice > *,
.subtitle-bar .pull-right-invoice > * {
  margin-right: 5px;
  margin-top: 4px;
}
.subtitle-bar {
  height: 20px;
  margin: 0 0 20px 0;
}
.subtitle-bar h2 .btn-default {
  border: none;
  background: none;
  padding: 3px 3px 0 0;
}
.title-bar.last,
.date-picker-bar {
  margin-bottom: 20px;
}
.modal-content {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal-content .modal-header {
  background: #2f3133;
  color: #fff;
  margin-bottom: 20px;
  border-bottom: none;
}
.modal-content .modal-header span {
  color: #fff !important;
}
.modal-content .item-create-container {
  border: none !important;
  background-color: transparent !important;
}
#dataConfirmModal {
  z-index: 1100;
}
.div-bordered {
  border: 1px solid #eee;
  background: #f5f5f7;
  display: table;
  min-height: 300px;
  width: 100%;
  margin: 20px 0;
  /*margin:50px!important;*/
  /*position:absolute; height:auto;
    
    height:100%;
    
    width:100%;*/
}
.div-bordered.div-bordered-with-border.weight-in-recipe {
  margin: 0px 0px;
}
.div-bordered-with-border {
  position: relative;
  border-right: none !important;
  border-top: none !important;
  border-left: none !important;
}
.div-bordered-with-border .header-border {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  background: #d8d9db;
  border: 1px solid #c3c4c6;
  height: 40px;
  width: 100%;
  clear: both;
  padding: 10px 10px 10px 20px;
  color: #2f3133;
  font-weight: bold;
  z-index: 800;
}
.div-bordered > div {
  display: table-cell;
  vertical-align: top;
  float: none !important;
  padding: 0;
}
.right-border {
  border-right: 1px solid #eee;
}
.right-border-padding {
  padding: 20px !important;
}
.right-border-white {
  background-color: white;
  padding: 20px !important;
}
.no-margins,
.actions .btn.no-margins {
  margin: 0px !important;
}
.no-padding {
  padding: 0px !important;
}
.no-margins-left {
  margin-left: 0px;
}
.no-margins-right {
  margin-right: 0px;
}
.table-items table {
  width: 100%;
}
.table-items .actions {
  text-align: right;
}
.table-items .panel-heading table td {
  width: 30%;
}
/*.right-border > div:first-child   
                {
                    padding:40px 20px 0px 20px;
                }*/
.div-loading {
  position: relative;
  opacity: 0.7;
}
.div-loading .busy-indicator {
  background: url("../images/LoadingGif.gif") top center no-repeat;
  width: 100%;
  min-width: 50px;
  min-height: 50px;
  height: 100%;
  position: absolute;
  top: 20px;
}
.no-background {
  background-color: #FFFFFF;
}
.border-right-full {
  border-right: 1px solid #eee;
}
.td-checkbox {
  width: 40px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.form-group-vertical {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.form-group-vertical label {
  float: none !important;
  text-align: left !important;
  padding-top: 0px !important;
}
.form-group-vertical textarea {
  width: 100%;
  max-width: 100%;
}
.padding20 {
  padding: 20px !important;
}
.padding40H {
  padding: 0px 40px !important;
}
.paddingTop5 {
  padding-top: 5px !important;
}
.ul-horizontal {
  padding: 5px 0 0 0;
}
.ul-horizontal li {
  display: inline-block;
  margin-right: 10px;
}
.js-sortable {
  list-style: none;
  /*li > div > div > div {
        height:38px;
        padding:8px;
    }*/
  /*li > div > div > div input,li > div > div > div select{
        position:relative;
        bottom:4px;
    }*/
}
.js-sortable li {
  margin: 10px;
}
.js-sortable li > div {
  margin: 0 !important;
}
.js-sortable li .display-zone > div:not(.row),
.js-sortable li .edit-zone > div:not(.row),
.js-sortable li .display-zone td:not(.row),
.js-sortable li .edit-zone td:not(.row) {
  height: 38px;
  padding: 8px 4px;
  font-size: 12px;
}
.js-sortable li .display-zone > div:not(.row) .editor-unit-container,
.js-sortable li .edit-zone > div:not(.row) .editor-unit-container,
.js-sortable li .display-zone td:not(.row) .editor-unit-container,
.js-sortable li .edit-zone td:not(.row) .editor-unit-container {
  margin-top: -4px;
}
.js-sortable li .display-zone > div:not(.row) .editor-unit-container input,
.js-sortable li .edit-zone > div:not(.row) .editor-unit-container input,
.js-sortable li .display-zone td:not(.row) .editor-unit-container input,
.js-sortable li .edit-zone td:not(.row) .editor-unit-container input {
  bottom: auto;
  border: initial;
}
.js-sortable li .display-zone > div.row > div,
.js-sortable li .edit-zone > div.row > div {
  height: 38px;
  padding: 8px 4px;
  font-size: 12px;
}
.js-sortable li .display-zone > div.row > div .editor-unit-container,
.js-sortable li .edit-zone > div.row > div .editor-unit-container {
  margin-top: -4px;
}
.js-sortable li .display-zone > div.row > div .editor-unit-container input,
.js-sortable li .edit-zone > div.row > div .editor-unit-container input {
  bottom: auto;
  border: initial;
}
.js-sortable li .display-zone > div select,
.js-sortable li .edit-zone > div select,
.js-sortable li .display-zone > div input,
.js-sortable li .edit-zone > div input {
  position: relative;
  bottom: 4px;
}
.js-sortable .js-handle {
  background-image: url("../images/icons/Icon-grip.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 20px;
  float: left;
  cursor: move;
  margin-right: 10px;
  position: relative;
  right: 5px;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.flex-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flex-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.flex-last {
  -webkit-box-ordinal-group: 1025;
  -webkit-order: 1024;
  -ms-flex-order: 1024;
  order: 1024;
}
.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.flex > div {
  box-sizing: border-box;
}
@media (min-width: 40em) {
  .sm-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sm-flex > div {
    box-sizing: border-box;
  }
}
@media (min-width: 52em) {
  .md-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .md-flex > div {
    box-sizing: border-box;
  }
}
@media (min-width: 64em) {
  .lg-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .lg-flex > div {
    box-sizing: border-box;
  }
}
@media (min-width: 1000px) {
  .modal-dialog {
    width: 780px !important;
    margin: 30px auto;
  }
  .modal-4 .modal-dialog {
    width: 1100px !important;
  }
}
.recipe-subname {
  font-size: 11px;
  color: #b9b9b9;
}
.counter {
  display: inline-block;
  height: 28px;
  border: 1px solid #9A5409;
  /*background-color:@Brown;*/
  border-radius: 14px;
  font-size: 16px;
  padding: 4px 10px;
  color: #9A5409;
  font-weight: bold;
  position: relative;
  bottom: 3px;
}
.panel-heading [aria-expanded="true"] .glyphicon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.panel-heading [aria-expanded="false"] .glyphicon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cursorClikable {
  cursor: pointer;
}
.marginTop40 {
  margin-top: 20px;
}
.maxWidth1100 {
  max-width: 1100px;
}
.popover {
  display: table;
  min-width: 600px;
  max-width: 600px;
  border-radius: 0px;
}
.popover h3.popover-title {
  color: #333333 !important;
}
.popover h3.popover-title .close {
  float: right;
  position: relative;
  bottom: 5px;
}
.popover input,
.popover select {
  max-width: 150px !important;
}
.popover .form-group {
  margin-bottom: 2px !important;
}
.DietaryLightGreen {
  background-color: #388E3C !important;
}
.DietaryDarkGreen {
  background-color: #156015 !important;
}
.DietaryBrown {
  background-color: #724322 !important;
}
.DietaryBlue {
  background-color: #3498db !important;
}
.DietaryPink {
  background-color: #ff3366 !important;
}
.DietaryRed {
  background-color: #f44336 !important;
}
.DietaryOrange {
  background-color: #e67e22 !important;
}
.DietaryYellow {
  background-color: #ffc107 !important;
}
.DietaryBlack {
  background-color: #000000 !important;
}
.DietaryGrey {
  background-color: #C8C8C8 !important;
}
.img-24 {
  height: 24px !important;
  width: 24px !important;
}
.errors-panel,
.warning-pannel {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.errors-panel-line {
  margin: 0 0 4px;
  color: #a94442;
}
.warning-panel-line {
  margin: 0 0 4px;
  color: #ff9900;
}
.informative-text {
  color: #b9b9b9;
}
.bootstrap-switch-container span {
  white-space: nowrap;
}
.small-text {
  font-size: small;
}
.extended-text-area {
  width: 100%;
  min-width: unset;
  max-width: unset;
  height: auto;
  min-height: 300px;
}
.max-width {
  width: 100%;
  min-width: unset;
  max-width: unset;
}
.auto-height {
  height: auto !important;
}
.div-mail-html-body {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 200px;
  border: 1px solid #C0C0C0;
  padding: 8px;
}
.div-mail-attachment {
  display: flex;
}
.div-mail-attachment > div {
  display: inline-flex;
  align-items: center;
  margin: 4px;
  padding-right: 8px;
  background-color: #F0F0F0;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
}
.add-attachment-input {
  margin: 8px;
  background-color: #F0F0F0;
  display: inline-block;
  border: 1px solid #C0C0C0;
}
.provisionGray-text {
  color: #4B4A4A !important;
}
.accountingError-text {
  color: red !important;
}
.brown-text {
  color: #9A5409 !important;
}
.orange-text {
  color: #ff8d00 !important;
}
.green-text {
  color: #68A204 !important;
}
.red-text {
  color: #a94442 !important;
}
.editor-with-unit-suffix {
  background-color: #f5f5f7;
  padding-left: 6px !important;
  padding-right: 6px !important;
  padding-top: 2px !important;
}
.editor-with-unit-form-container {
  max-width: 280px;
}
.ParentTimePickerInput input {
  max-width: 50px !important;
  margin: 0 3px 0 3px;
}
.ParentTimePickerInput {
  position: relative;
  right: 3px;
}
.text-danger-brutal {
  color: #f44336 !important;
}
.text-gray-small {
  color: #696A6C;
  font-size: 12px;
}
/* Début styling des tags */
.tag-list {
  clear: both;
  padding-left: 20px;
  margin-bottom: 15px;
}
.tag-container {
  background-color: #ddd;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  border-radius: 3px;
}
.tag-container a {
  padding-left: 5px;
  padding-right: 5px;
  background: transparent;
}
.tagName {
  padding-left: 10px;
  padding-right: 10px;
}
.add-tag-btn {
  position: absolute;
  top: 1px;
  left: 121px;
  height: 28px;
  border: none;
}
.new-tag {
  width: 160px;
  padding-right: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* Fin styling des tags*/
.selectize-input .item {
  display: block !important;
}
.text-ellipsis-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invisible-href {
  text-decoration: none !important;
  color: #3e4249 !important;
  display: block !important;
  width: 100% !important;
}
.invisible-href-inactive {
  text-decoration: none !important;
  color: #c3c3c4 !important;
  display: block !important;
  width: 100% !important;
}
.webservice-state-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.webservice-state-container .webservice-state {
  width: 30px;
  height: 30px;
  background-color: #e0eecd;
  border: 1px solid #e0eecd;
  border-radius: 15px;
  display: inline-block;
  margin-right: 5px;
}
.webservice-state-container .webservice-state.inactive {
  background-color: #f44336;
  border-color: #f44336;
}
.panel-heading [aria-expanded="true"] .fas {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.panel-heading [aria-expanded="false"] .fas {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.float-right {
  margin-left: auto;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.input-group-addon:last-child {
  border-left: 0;
}
.col-form-label {
  text-align: right;
}
.input-group-append {
  padding: 6px 12px;
  /* font-size: 14px; */
  /* font-weight: 400; */
  line-height: 1;
  color: #393131;
  text-align: center;
  background-color: white;
  /* border:  solid #ccc; */
  height: 30px;
  border: 1px solid #eee;
  border-radius: 3px;
  width: 35px;
  /* align-content: center; */
  width: 40px;
}
.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333;
  background: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  /* transition:margin-left .5s; */
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #68a204;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 6px 12px;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #cccccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-height: 34px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: not-allowed !important;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #ffffff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #ffffff;
  cursor: default;
  font-size: 12px;
  line-height: 1.42857143;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  padding: 5px 0;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 1;
  background-color: #eee;
  color: #555;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.has-error .selectize-input {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input.dropdown-active {
  height: 30px;
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.selectize-control.single .selectize-input:after,
.selectize-control.single .selectize-input.dropdown-active:after {
  right: 6px;
  border-width: 6px 3px 0 3px;
}
.has-feedback {
  position: relative;
}
.h4,
h4 {
  font-size: 18px;
}
#resetfilter {
  color: #9a5409;
}
#resetfilter:hover {
  text-decoration: underline;
}
.fa-calendar {
  align-self: center;
}
.panel-default {
  border-color: #ddd;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.table-condensed {
  min-height: 240px;
}
.dropleft .dropdown-toggle::before {
  display: none;
}
.text-center {
  font-size: 11.5px;
}
.title-bar > div.float-right .btn-group,
.title-bar > div.float-right .btn,
.title-bar > div.float-right .bootstrap-switch {
  margin-bottom: 5px;
}
.title-bar .float-right > *,
.subtitle-bar .float-right > * {
  margin-left: 10px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.display-zone .text-danger {
  color: #a94442 !important;
}
.fas > .sortBy {
  font-weight: 400;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.checkbox-column > .checkbox_outer > input[type='checkbox'][disabled] {
  cursor: not-allowed;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
.popover-body .print-table {
  font-size: 14px;
}
.item-tab-row .item-detail-col .col-12 {
  width: 12%;
  height: 23px !important;
}
.checkbox_outer input[type='checkbox'],
.checkbox_outer input[type='radio'] {
  background: none;
  opacity: 0;
  display: inline-block;
}
.checkbox_outer {
  position: relative;
  left: 0px;
  float: left;
  margin-right: 5px;
}
.checkbox_outer input[type='checkbox'] + span,
.checkbox_outer input[type='radio'] + span,
.checkbox_outer input[type='checkbox'] + input + span,
.checkbox_outer input[type='radio'] + input + span {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid #d0d1d5;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox_outer input[type='checkbox']:checked + span,
.checkbox_outer input[type='radio']:checked + span,
.checkbox_outer input[type='checkbox']:checked + input + span,
.checkbox_outer input[type='radio']:checked + input + span {
  border: 1px solid #9b550a;
  background-color: #af773b;
}
.checkbox_outer input[type='checkbox'],
.checkbox_outer input[type='radio'],
.checkbox_outer {
  width: 12px;
  height: 12px;
  position: relative;
  z-index: 10;
}
/*Checkbox*/
.checkbox_outer input[type='checkbox']:checked + span::after,
.checkbox_outer input[type='checkbox']:checked + input + span::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f00c";
  color: #f5f5f7;
  position: relative;
  bottom: 7px;
  left: 2px;
  font-size: 6px;
  font-weight: 900;
}
.checkbox_outer input[type='checkbox']:hover:checked + span,
.checkbox_outer input[type='checkbox']:hover:checked + input + span {
  background-color: #9b550a;
}
.checkbox_outer input[type='checkbox']:hover + span,
.checkbox_outer input[type='checkbox']:hover + input + span {
  background-color: #ddb794;
}
.checkbox_outer input[type='checkbox']:focus + span,
.checkbox_outer input[type='checkbox']:focus + input + span {
  border-color: black;
}
.checkbox_outer input[type='checkbox']:active + span,
.checkbox_outer input[type='checkbox']:active + input + span {
  background-color: #9b550a;
}
.checkbox_outer input[type='checkbox']:disabled + span,
.checkbox_outer input[type='checkbox']:disabled + input + span {
  background-color: #f5f5f7;
  border: 1px solid #d0d1d5;
}
.checkbox_outer input[type='checkbox']:disabled:checked + span::after,
.checkbox_outer input[type='checkbox']:disabled:checked + input + span::after {
  color: #d0d1d5;
}
input[type='checkbox']:hover:disabled + span,
input[type='checkbox']:focus:disabled + span,
input[type='checkbox']:hover:disabled + input + span,
input[type='checkbox']:focus:disabled + input + span {
  background-color: #f5f5f7;
  border: 1px solid #d0d1d5;
}
input[type='checkbox']:hover:disabled:checked + span,
input[type='checkbox']:focus:disabled:checked + span,
input[type='checkbox']:hover:disabled:checked + input + span,
input[type='checkbox']:focus:disabled:checked + input + span {
  background-color: #f5f5f7;
  border: 1px solid #d0d1d5;
}
body {
  color: #333333;
  padding-top: 115px;
  /* For navbar */
  font-size: 14px;
}
.body-content {
  padding-left: 20px;
  padding-right: 20px;
}
table.table.table-roleedit {
  margin-bottom: 0px;
}
.tt-menu {
  background: white;
  border: 1px solid #eee;
  height: 330px;
  overflow: scroll;
  width: 100%;
}
.tt-suggestion {
  padding-top: 4px;
  padding-left: 7px;
}
.tt-suggestion:hover {
  padding-top: 4px;
  background-color: #e0eecd;
  border: 1px solid #abc38f;
  font-weight: bold;
  padding-left: 7px;
}
.logo-index {
  padding: 0 5px 5px 5px;
  filter: invert(100%);
}
.help-badge {
  font-size: 18px;
  margin: 0 10px;
}
#dietetic-form .bootstrap-switch span.bootstrap-switch-handle-off.bootstrap-switch-default {
  padding: 5px;
}
#dietetic-form .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
#dietetic-form .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
#dietetic-form .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  line-height: 0.5;
}
.tabContentUsersRights tr.clickable-row h4,
.tabContentUsersRights tr.clickable-row p {
  margin: 0;
}
.tabContentUsersRights #add-new-user-link {
  padding: 10px 0 0 20px;
}
.tabContentUsersRights #add-new-user-link a {
  color: #2f3133;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}
.tabContentUsersRights #add-new-user-link span {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  bottom: 2px;
}
.tabContentUsersRights #add-new-user-link a:hover {
  color: #3e4249;
}
.tabContentUsersRights #add-new-user-search {
  padding: 0px 20px 5px 20px;
}
.tabContentUsersRights .right-border > h3 {
  margin: 0px 20px 20px 20px;
}
.tabContentUsersRights tr.clickable-row h4 {
  color: #2f3133;
  font-size: 18px;
}
.tabContentUsersRights tr.clickable-row h4.disabled {
  color: #b9b9b9;
}
.tabContentUsersRights tr.clickable-row h4.disabled::after {
  content: ' (inactive)';
}
.tabContentUsersRights tr.clickable-row p {
  color: #b9b9b9;
  font-size: 12px;
}
.tabContentUsersRights .table > tbody > tr > td {
  padding: 8px 20px 8px 20px;
}
.tabContentUsersRights table.table,
.tabContentUsersRights tr.clickable-row,
.tabContentUsersRights tr.clickable-row td {
  border: none !important;
}
.tabContentUsersRights tr.clickable-row td {
  border-top: 1px solid #f5f5f7 !important;
  border-bottom: 1px solid #f5f5f7 !important;
}
.tabContentUsersRights tr.clickable-row tr:hover {
  border-top: 1px solid #abc38f !important;
  border-bottom: 1px solid #abc38f !important;
  background-color: #f7faf2;
}
.tabContentUsersRights tr.clickable-row.highlight,
.tabContentUsersRights tr.clickable-row.highlight:hover {
  background-color: #f7faf2 !important;
  border-left: none;
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  border-right: 2px solid #fff;
}
.tabContentUsersRights tr.clickable-row.highlight td {
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  /*background-color: #fff !important;*/
  position: relative;
  left: 1px;
}
#previous-date-button {
  padding: 0px 4px 0px 0px;
  margin: 0;
}
#next-date-button {
  padding: 0px 0px 0px 4px;
  margin: 0;
}
#RecipeDayFullDetail .header-border {
  text-align: center;
}
#menu-day-display {
  width: 240px;
  display: inline-block;
  position: relative;
  top: -4px;
}
.table-layout-fixed {
  table-layout: fixed;
}
.header-ciqual {
  background: #ebebed;
  font-weight: bold;
  border: 1px solid #eee;
}
.row-ciqual {
  border: 1px solid #eee;
  height: 36px;
  max-height: 36px;
  overflow: hidden;
}
.row-ciqual:hover {
  background: #f7faf2;
  border-left: 2px solid #abc38f;
}
.row-ciqual > div {
  margin-top: 4px;
}
.row-ciqual > div.ciqual-input {
  margin-top: 2px;
}
.select-packaging-input {
  margin-top: -2px;
}
#user-detail-panel {
  background: #fff;
  padding: 40px;
}
#user-detail-panel h3 {
  color: #2f3133;
  font-size: 20px;
  margin: 0px 0 20px 0;
}
.row-content {
  height: 34px !important;
  padding: 10px !important;
}
.nutrition .control-label {
  display: inline-block;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: 5px;
}
.nutrition .rules {
  font-size: 10px;
  color: #696A6C;
  font-style: italic;
  display: block;
  font-weight: normal;
  margin-bottom: 2px;
}
.nutrition .form-control {
  display: inline-block;
  width: 60px;
}
.nutrition .input-group {
  width: 80px;
}
.nutrition .allergen .right {
  border-left: 1px solid #ddd;
  width: 15%;
}
.composition textarea {
  height: 300px;
}
.tab-content-details textarea {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 200px;
}
.item-weight-in-gram {
  display: none;
}
.edit-zone-like-display {
  padding: 7px 0 0 0;
  position: relative;
  /*left: 7px;*/
  height: 40px;
}
.header-gray {
  background-color: #b9b9b9 !important;
  border: solid 1px #d0d1d5 !important;
  color: #ffffff !important;
}
.item-tab-row.selected + .item-tab-row {
  /*border-top:1px solid #fff;*/
}
.tab-content tr.clickable-row.mainSupplier {
  background-color: #e0eecd;
}
.liveTable tr.line-error,
.liveTable tr.line-selected.line-error:not(:first-child) {
  background: #f44336 !important;
  border: 1px solid #a94442;
}
.item-tab-row.item-tab-row-error {
  background: #f44336;
  border: 1px solid #a94442;
}
.item-tab-row.item-tab-row-error .display-zone {
  display: none;
}
.item-tab-row.item-tab-row-error .edit-zone {
  display: block;
}
.item-tab-row-empty {
  border-top: none;
  padding: 0px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  background: #fff;
}
.item-tab-row {
  background: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #fff;
  border-bottom: none;
  height: 40px;
  overflow: hidden;
}
.item-tab-row select {
  padding-left: 6px;
}
.item-tab-row input {
  padding-left: 10px !important;
}
.item-tab-row .display-zone {
  display: block;
  padding: 7px 0 0 0;
  position: relative;
  left: 0px;
  height: 40px;
}
.item-tab-row .display-zone em {
  font-style: normal !important;
}
.item-tab-row .display-zone span {
  margin-left: 9px !important;
}
.item-tab-row .display-zone .item-prod-unit > span {
  position: absolute;
  top: 0;
  left: -1px;
}
.item-tab-row .display-zone .checkbox span {
  position: absolute;
  top: -2px;
  left: -10px;
}
.item-tab-row .display-zone .actions > div {
  margin: 0;
  position: absolute;
  top: -7px;
  left: -13px;
}
.item-tab-row .edit-zone {
  display: none;
  height: 40px !important;
}
.item-tab-row .edit-zone input,
.item-tab-row .edit-zone select {
  /*position:relative;*/
  /*right:3px;*/
}
.item-tab-row .edit-zone .actions {
  right: 15px !important;
}
.item-tab-row .edit-zone .item-detail-col > * {
  margin-left: 2px !important;
}
.item-tab-row .edit-zone .checkbox_outer {
  left: -7px;
}
.item-tab-row .actions > div {
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0;
}
.item-tab-row span.header {
  display: table-cell;
  vertical-align: top;
  position: initial;
  height: 32px;
}
.item-tab-row .item-detail-col {
  position: relative;
  height: 40px;
  display: inline-block;
  /*width: 10%;*/
  text-align: left;
  font-size: 12px;
  margin: 0;
  /*span[name|='ItemTotalPrice'] {
            width: 50%;
            text-align: right;
        }

        span[name|='ItemPackingPrice'] {
            width: 50%;
            text-align: right;
        }

        span[name|='UnitPrice'] {
            width: 50%;
            text-align: right;
        }*/
}
.item-tab-row .item-detail-col input:not([type=checkbox]) {
  width: 100%;
}
.item-tab-row .item-prod-unit span {
  top: 7px;
  left: 10px;
}
.item-tab-row .item-detail-col > * {
  position: absolute;
  margin: 5px 5px;
  top: 0;
}
.item-tab-row .item-detail-col.edit-field > * {
  margin: -3px 0px 0px 0px !important;
}
.item-tab-row .item-detail-col .checkbox_outer {
  top: 4px;
}
.item-tab-row .edit-zone .item-detail-col > input[type=checkbox] {
  margin-top: 12px;
}
.item-tab-row .editor-unit-container {
  border-radius: 3px;
  height: 30px;
}
.item-tab-row .editor-input-container {
  position: relative;
  /*top:1px;*/
  border-radius: 0px;
}
.item-tab-row .item-detail-col.number {
  width: 6%;
}
.item-tab-row .item-detail-col.percentage {
  width: 4%;
}
.item-tab-row .item-detail-col.actions {
  width: 8% !important;
  /*visibility:collapse;*/
  float: right;
}
.item-tab-row .edit-zone .item-detail-col.actions,
.item-tab-row .display-zone:hover .item-detail-col.actions {
  visibility: visible;
}
.item-tab-row .actions-right .btn {
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-right: 6px !important;
  padding-bottom: 0px !important;
  width: auto !important;
}
.item-tab-row .item-detail-col.site-col {
  width: 8%;
}
.item-tab-row .item-detail-col.customer-col {
  width: 15%;
}
.item-tab-row .item-detail-col.date-col {
  width: 7%;
}
.item-tab-row .item-detail-col.scale-col,
.item-tab-row .item-detail-col.cycle-col {
  width: 20%;
}
.item-tab-row .item-detail-col.col-4 {
  width: 4%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-5 {
  width: 5%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-6 {
  width: 6%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-7 {
  width: 7%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-10 {
  width: 10%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-15 {
  width: 15%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-20 {
  width: 20%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.col-3 {
  width: 3%;
  height: 23px !important;
}
.item-tab-row .item-detail-col.price {
  width: 5%;
}
.item-tab-row .item-detail-col.scale {
  width: 5%;
}
.item-tab-row-first-line {
  border-top: 1px solid #eee !important;
}
.item-tab-row.selected {
  background: #e0eecd;
  /*border: 1px solid @Green;*/
}
.item-tab-row.selected .display-zone {
  display: none;
}
.item-tab-row.selected .edit-zone {
  display: block;
}
.item-tab-row.selected .display-zone-unique {
  display: block !important;
}
.item-tab-footer {
  background: #ebebed;
  border: 1px solid #eee;
  padding: 5px;
}
.item-tab-footer > div {
  width: 100%;
}
.item-tab-footer #btn-add-item-detail {
  font-size: 12px;
  color: #696A6C;
  text-decoration: none;
  font-weight: bold;
}
.item-tab-header {
  background: #f5f5f7;
  border: 1px solid #eee;
  border-bottom: none;
  padding: 5px;
  height: 30px;
  overflow: hidden;
}
.item-tab-header .item-detail-col {
  position: relative;
  display: inline-block;
  /*width: 10%;*/
  text-align: left;
  padding: 2px 0px 5px 3px;
  font-size: 11px;
  margin: 0;
  vertical-align: top;
}
.item-tab-header .item-detail-col span {
  position: relative;
  left: 7px;
  vertical-align: top;
  color: #b9b9b9;
}
.item-tab-header .item-detail-col.number {
  width: 6%;
}
.item-tab-header .item-detail-col.percentage {
  width: 4%;
}
.item-tab-header .btn-new-small {
  bottom: 3px !important;
  left: -5px !important;
}
.item-tab-header .item-detail-col.actions {
  width: 10%;
}
.item-tab-header .item-detail-col.site-col {
  width: 8%;
}
.item-tab-header .item-detail-col-4 {
  width: 4% !important;
}
.item-tab-header .item-detail-col-5 {
  width: 5% !important;
}
.item-tab-header .item-detail-col-10 {
  width: 10% !important;
}
.item-tab-header .item-detail-col-15 {
  width: 15% !important;
}
.item-tab-header .item-detail-col-20 {
  width: 20% !important;
}
.item-tab-header .item-detail-col-3 {
  width: 3% !important;
}
.item-tab-header .item-detail-col-2 {
  width: 2% !important;
}
.item-create-container {
  border: 1px solid #eee;
  background: #f5f5f7;
  max-width: 1100px;
  padding: 20px;
  margin-bottom: 40px;
}
.item-create-container input,
.item-create-container select {
  max-width: 100%;
}
#recipe-search-list {
  border-top: 1px solid #eee;
  width: 900px;
  min-width: 800px;
}
#recipe-search-list .item-tab-row .item-detail-col {
  width: 14%;
}
#recipe-search-list.item-create-container {
  width: auto;
}
.variant-VariantName {
  font-size: 10px;
  color: #c3c3c4;
}
.recipe-site-col,
#recipe-search-list .item-tab-row .item-detail-col.recipe-site-col {
  width: 25%;
  cursor: pointer;
}
.recipe-variant-col,
#recipe-search-list .item-tab-row .item-detail-col.recipe-variant-col {
  width: 60%;
  cursor: pointer;
}
.editor-unit-container {
  border: 1px solid #ddd;
  padding: 0;
}
.editor-unit-container .editor-unit {
  padding: 0px 2px;
  margin: 0;
  float: left;
}
.editor-unit-container .editor-unit span {
  vertical-align: middle;
  line-height: 28px;
}
.editor-unit-container .editor-unit.suffix {
  float: right;
  background-color: #b9b9b9;
}
.editor-unit-container .editor-unit-invoice {
  padding: 0px 2px;
  margin: 0;
  float: left;
  width: 15px;
  text-align: center;
}
.editor-unit-container .editor-unit-invoice span {
  vertical-align: middle;
  line-height: 28px;
}
.editor-unit-container .editor-unit-invoice.suffix {
  float: right;
  background-color: #b9b9b9;
}
.editor-unit-container .editor-input-container {
  overflow: hidden;
}
.editor-unit-container input {
  border: none;
}
.item-tab-row .item-detail-col .editor-unit-container input:not([type=checkbox]) {
  width: 100%;
  height: 28px;
}
.liveForm-status span {
  font-size: 20px;
}
.table-vertical-tab {
  border: none !important;
  padding: 0px !important;
}
.table-vertical-tab tr th {
  border: none !important;
}
.table-vertical-tab tr td {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px solid #eee !important;
}
.table-vertical-tab tr td:hover {
  background-color: #f7faf2;
}
.table-vertical-tab tr {
  border: none !important;
}
.table-vertical-tab tr.highlight,
.table-vertical-tab tr.highlight:hover {
  background-color: #fff !important;
  border-left: 4px solid #68A204 !important;
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  border-right: none !important;
}
.table-vertical-tab-content {
  padding: 20px !important;
  background-color: white;
}
#filter_variant {
  padding: 20px;
}
#filter_variant .panel-heading span {
  margin-top: -20px;
  font-size: 15px;
}
#filter_variant .row {
  margin-top: 40px;
  padding: 0 10px;
}
#filter_variant .clickable {
  cursor: pointer;
}
#filter_ciqual {
  padding: 20px;
}
#filter_ciqual .panel-heading span {
  margin-top: -20px;
  font-size: 15px;
}
#filter_ciqual .row {
  margin-top: 40px;
  padding: 0 10px;
}
#filter_ciqual .clickable {
  cursor: pointer;
}
.list-with-inactive-items {
  margin-top: 0px;
}
.list-with-inactive-items .IsInactive .primary-information,
.list-with-inactive-items .IsInactive td,
.list-with-inactive-items .IsInactive td a {
  color: #c3c3c4 !important;
}
.list-with-inactive-items .NoMarginTop {
  margin-top: 0px !important;
}
.list-with-inactive-items .tr-icon {
  height: 38px;
}
.list-with-inactive-items .IsActive {
  height: 34px;
}
.list-with-inactive-items .align-top {
  vertical-align: top;
}
.IsInactive .primary-information,
.IsInactive td,
.IsInactive td a,
.IsInactive div {
  color: #c3c3c4 !important;
}
#list-item-with-action {
  border: none;
  /*border-bottom: 1px solid @GrayBorder !important;*/
  margin-bottom: 10px;
}
#list-item-with-action > table {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
#list-item-with-action .IsInactive .primary-information,
#list-item-with-action .IsInactive td {
  color: #c3c3c4 !important;
}
#list-item-with-action .clickable {
  cursor: pointer;
}
#list-item-with-action .panel-default {
  margin-bottom: 0px;
  border: 1px solid #eee !important;
  border-bottom: none !important;
}
#list-item-with-action .panel-default .panel-heading {
  background: #f5f5f7;
  max-height: 38px;
  overflow: hidden;
  /*border-left:1px solid @GrayDarkerBackground !important;*/
}
#list-item-with-action .panel-default .actions {
  visibility: collapse;
}
#list-item-with-action .panel-default:last-child {
  border-bottom: 1px solid #eee !important;
}
#list-item-with-action .panel-default:hover {
  border: 1px solid #abc38f !important;
  background: #f7faf2;
}
#list-item-with-action .panel-default:hover .actions {
  visibility: visible;
}
#list-item-with-action .panel-default:hover .panel-heading {
  background: #f7faf2;
}
#list-item-with-action .panel-default:hover .toggle-collapse-btn-left {
  border-left: 3px solid #abc38f !important;
}
#list-item-with-action .panel-default:hover .panel-collapse {
  border: none;
  border-top: 1px solid #abc38f;
  background: #fff;
}
#list-item-with-action .panel-default:hover + .panel-default {
  border-top: none !important;
}
#list-item-with-action .panel-default-first-line {
  border-top: 0px !important;
  background: #ebebed;
}
#list-item-with-action .panel-heading {
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
}
#list-item-with-action .panel-heading .actions {
  margin-right: 10px;
}
#list-item-with-action .panel-border {
  overflow: hidden;
  border-top: 1px solid #eee !important;
  border-left: 1px solid #eee !important;
  border-right: 1px solid #eee !important;
  border-bottom: none;
  background: #ebebed;
  height: 38px;
}
#list-item-with-action .panel-header {
  color: #696A6C;
  font-weight: bold;
  background: #ebebed;
  text-align: right;
}
#list-item-with-action .panel-footer {
  color: #696A6C;
  font-weight: bold;
  background: #ebebed;
  border: 1px solid #eee !important;
  height: 38px;
}
#list-item-with-action .panel-footer .foodcost-price {
  margin-top: 10px;
}
#list-item-with-action .panel-footer .foodcost-budget {
  margin-top: 10px;
}
#list-item-with-action .panel-body {
  padding: 0px 0px 0px 0px;
}
#list-item-with-action .panel-body th {
  border-bottom: 1px solid #eee;
  border-top: none;
  background: #f5f5f7 !important;
  padding: 5px 0 5px 10px;
  font-weight: normal;
  font-size: 12px;
  color: #b9b9b9;
}
#list-item-with-action .panel-body td {
  padding: 5px 5px 5px 10px;
  color: #3e4249;
  font-weight: normal;
  font-size: 12px;
  height: 40px;
  border-bottom: 1px solid #eee;
}
#list-item-with-action .panel-body td .checkbox_outer {
  /*position:relative;*/
  margin-left: 3px !important;
}
#list-item-with-action .panel-body .tr-groupable {
  border-bottom: none;
}
#list-item-with-action .panel-body .tr-groupable td {
  border-bottom: none;
}
#list-item-with-action .panel-body .tr-first-line {
  border-top: 1px solid #eee;
}
#list-item-with-action .panel-body tr:hover {
  background-color: #fDfDfD;
}
#list-item-with-action .panel-body tr:last-child td {
  border-bottom: none !important;
}
#list-item-with-action .panel-body .td-checkbox {
  width: 39px !important;
  border-left: none !important;
}
#list-item-with-action .row > div {
  height: 34px;
}
#list-item-with-action .row > div > * {
  margin-top: 8px;
  margin-bottom: 10px;
}
#list-item-with-action .row > div > table {
  margin-top: 6px;
  margin-bottom: 10px;
}
#list-item-with-action .panel-collapse {
  border: none;
  border-top: 1px solid #eee;
  background: #fff;
}
#list-item-with-action .panel-collapse .panel-body.menuItemsInFoodCost:hover {
  height: 30px;
}
#list-item-with-action .panel-collapse .panel-body.menuItemsInFoodCost:hover div {
  background-color: #e0eecd;
  border: 1px 1px 1px 1px solid #abc38f;
}
#list-item-with-action .panel-collapse .panel-body.menuItemsInFoodCost:hover + div {
  border: none;
}
#list-item-with-action table {
  width: 100%;
}
#list-item-with-action tr td.actions:not(.always-visible) {
  visibility: hidden;
}
#list-item-with-action tr:hover .actions {
  visibility: visible;
}
#list-item-with-action .foodcost-budget {
  margin: 0px 0px 0px 0px;
  width: 30% !important;
  text-align: left;
  color: #b9b9b9;
  float: right;
}
#list-item-with-action .foodcost-price {
  margin: 0px 0px 0px 0px;
  width: 100% !important;
  text-align: right;
  float: left;
}
#list-item-with-action .exceeded-budget {
  color: red;
  font-weight: bold;
}
#list-item-with-action .foodcost-average {
  margin: 0px 0px 0px 0px;
  width: 90% !important;
  text-align: right;
  float: left;
}
#list-item-with-action .panel-heading table td {
  width: 35%;
}
#list-item-with-action .menuItemsInFoodCost {
  clear: left;
  height: 30px !important;
  color: #666 !important;
  font-size: 11px !important;
  border-bottom: 1px solid #EEEEEE !important;
  border-bottom-style: solid !important;
}
#list-item-with-action .menuItemsInFoodCost .format-row-style {
  margin-left: 0px;
  margin-right: 0px;
  border-left: 1px solid #d8d9db;
  height: 30px;
  padding-top: 5px;
}
#list-item-with-action .menuItemsInFoodCost .format-row-style .format-items-height .menu-name {
  margin-top: 0px;
  margin-bottom: 0px !important;
}
#list-item-with-action .menuItemsInFoodCost .format-row-style .format-items-height .menu-numbers {
  margin-top: 0px;
  margin-bottom: 0px !important;
}
#list-item-with-action .menuItemsInFoodCost .edit-action {
  margin-top: -28px;
  margin-bottom: 0px;
}
#list-item-with-action .menuItemsInFoodCost .edit-action a {
  border: none;
  background: none;
}
#list-item-with-action .menuItemsInFoodCost .toggle-collapse-btn-empty {
  height: 30px !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.comment-text-area {
  max-width: none !important;
  width: 100% !important;
}
.actions {
  text-align: right;
  padding: 0 !important;
  position: relative;
}
.actions a {
  margin: 0px !important;
}
.actions .btn {
  vertical-align: top;
  margin-top: 5px !important;
  width: 20px;
  padding: 5px 0 0 0;
  border: none;
  background: none;
  color: #3e4249;
}
.max-width-with-text-wrapping {
  max-width: 127px;
  overflow-wrap: break-word;
}
.primary-information {
  color: #2f3133;
  max-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
.primary-information-font {
  color: #2f3133;
  /*font-size: 18px;*/
}
td.clickable-row-td.primary-information-icon {
  padding: 4px 4px 0 4px !important;
}
td.non-clickable-row-td.primary-information-icon {
  padding: 4px 4px 0 4px !important;
}
.toggle-collapse-btn-empty {
  width: 40px !important;
  height: 40px;
  margin: 0 0px 0 0px !important;
  background: #ebebed;
  padding: 2px 10px 10px 10px;
}
.toggle-collapse-btn-left {
  width: 40px !important;
  max-width: 40px;
  height: 40px;
  margin: 0 0px 0 0px !important;
  background: #ebebed;
  border-left: 3px solid #ebebed !important;
  /*border-right: 1px solid @GrayBorder !important;*/
  padding: 10px 10px 10px 10px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.toggle-collapse-btn {
  width: 40px !important;
  height: 40px;
  margin: 0 0px 0 10px !important;
  background: #f5f5f7;
  padding: 10px;
}
.middle-border {
  display: inline-block;
  margin: 15px 5px 5px 5px;
  background: #eee;
  height: 15px;
  width: 1px;
  border-right: 1px solid #eee;
}
.table-gray {
  background: #f5f5f7;
}
.table-gray tr,
.table-gray td {
  height: 20px;
  padding: 5px 0 5px 0;
}
.table-gray th {
  background: #ffffff !important;
}
.table-gray .checkbox_outer,
.table-gray .glyphicon {
  margin: 2px 2px 0 0;
}
.table-white {
  background: white;
  height: 39px !important;
}
.table-white tr,
.table-white td {
  height: 39px;
  padding: 5px 0 5px 0;
}
.table-white .checkbox_outer,
.table-white .glyphicon {
  margin: 2px 2px 0 0;
}
.checkbox-column {
  border-right: 1px solid #eee;
  width: 30px !important;
}
.checkbox-column .checkbox_outer {
  margin-left: 5px;
}
#createFormMenu .datepicker {
  width: 280px;
}
.createFormPatient .datepicker {
  width: 280px;
}
#createFormVipPrice .datepicker {
  width: 280px;
}
.totalPrice {
  margin-right: 330px;
}
.full-width {
  width: 100%;
}
.nav-tabs > li.active {
  border-bottom: 2px solid #9a5409;
}
.datasheet-list,
.recipe-variant-detail-list {
  padding: 0;
  margin: 0;
  border-left: 1px solid #eee;
  position: relative;
  left: 0;
  right: 280px;
  height: 100%;
}
.datasheet-list .list-datasheet-element,
.recipe-variant-detail-list .list-datasheet-element {
  margin-bottom: 0px;
}
.datasheet-list .header,
.recipe-variant-detail-list .header {
  margin-top: 44px;
}
.datasheet-list .header .row,
.recipe-variant-detail-list .header .row {
  margin: 5px;
  color: #696A6C;
}
.datasheet-list .selection-col,
.recipe-variant-detail-list .selection-col {
  padding-top: 5px;
}
.datasheet-list ul,
.recipe-variant-detail-list ul {
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 0;
  /*li:hover {
            margin: 0;
            height: 40px;
            background: @GreenUltraLight;
            border-top: 1px solid @GreenUltraLightBorder;
            border-bottom: 1px solid @GreenUltraLightBorder;
        }

        li:hover + li {
            border-top: 1px solid #fff;
        }

        li:hover + .selected {
            border-top: 1px solid @GreenLight;
        }*/
}
.datasheet-list ul .pagination,
.recipe-variant-detail-list ul .pagination {
  width: 80%;
  border: none;
}
.datasheet-list ul li,
.recipe-variant-detail-list ul li {
  margin: 0;
  height: 40px;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: none;
}
.datasheet-list ul li .row,
.recipe-variant-detail-list ul li .row {
  margin: 5px;
}
.datasheet-list ul li.secondary-line,
.recipe-variant-detail-list ul li.secondary-line {
  border-top: none;
}
.datasheet-list ul li.selected,
.recipe-variant-detail-list ul li.selected {
  margin: 0;
  height: 40px;
  background: #e0eecd;
  border-top: 1px solid #68A204;
  border-bottom: 1px solid #68A204;
}
.datasheet-list ul li.recipe-line.selected,
.recipe-variant-detail-list ul li.recipe-line.selected,
.datasheet-list ul li.recipe-line:hover,
.recipe-variant-detail-list ul li.recipe-line:hover {
  height: auto;
}
.datasheet-list ul li.selected + li,
.recipe-variant-detail-list ul li.selected + li {
  border-top: 1px solid #fff;
}
.datasheet-list ul li.selected + .selected,
.recipe-variant-detail-list ul li.selected + .selected {
  border-top: 1px solid #68A204;
}
.datasheet-list ul li.focused,
.recipe-variant-detail-list ul li.focused {
  margin: 0;
  height: 40px;
  background: #f7faf2;
  border-top: 1px solid #abc38f;
  border-bottom: 1px solid #abc38f;
}
.datasheet-list ul li.recipe-line.focused,
.recipe-variant-detail-list ul li.recipe-line.focused {
  height: auto;
}
.datasheet-list ul li.focused + li,
.recipe-variant-detail-list ul li.focused + li {
  border-top: 1px solid #fff;
}
.datasheet-list ul li.focused + .selected,
.recipe-variant-detail-list ul li.focused + .selected {
  border-top: 1px solid #abc38f;
}
.datasheet-list ul .display-zone,
.recipe-variant-detail-list ul .display-zone {
  display: flex;
}
.datasheet-list ul table.display-zone,
.recipe-variant-detail-list ul table.display-zone {
  display: table;
}
.datasheet-list ul .edit-zone,
.recipe-variant-detail-list ul .edit-zone {
  display: none;
}
.datasheet-list ul .selected,
.recipe-variant-detail-list ul .selected {
  /*border-left:3px solid @GreenUltraLightBorder;*/
  border-top: 1px solid #abc38f;
  border-bottom: 1px solid #abc38f;
  background-color: #e0eecd !important;
}
.datasheet-list ul .selected .display-zone,
.recipe-variant-detail-list ul .selected .display-zone {
  display: none;
}
.datasheet-list ul .selected .edit-zone,
.recipe-variant-detail-list ul .selected .edit-zone {
  display: flex;
}
.datasheet-list ul .selected + li,
.recipe-variant-detail-list ul .selected + li {
  border-top: 1px solid #fff;
}
.datasheet-list ul input,
.recipe-variant-detail-list ul input {
  width: 100%;
}
.datasheet-list .relative,
.recipe-variant-detail-list .relative {
  position: relative !important;
}
.datasheet-list .item-tab-footer,
.recipe-variant-detail-list .item-tab-footer {
  border-right: none;
  border-left: none;
  border-bottom: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.datasheet-list .item-tab-footer span,
.recipe-variant-detail-list .item-tab-footer span {
  margin-right: 0 !important;
}
.datasheet-list .item-tab-footer .col-md-1 > span,
.recipe-variant-detail-list .item-tab-footer .col-md-1 > span {
  position: relative;
  top: 5px;
  left: 5px;
}
.datasheet-list .item-tab-footer span.description,
.recipe-variant-detail-list .item-tab-footer span.description {
  text-align: right;
  float: right;
  margin-right: 0 !important;
}
.datasheet-list table,
.recipe-variant-detail-list table {
  width: 100%;
}
.recipe-variant-detail-list .header {
  margin-top: 0px;
}
.recipe-variant-detail-list .js-sortable {
  border: none;
}
#role-detail-panel {
  background: #fff;
  padding: 20px;
}
.add-item-to-list-zone {
  padding: 15px !important;
  padding-top: 60px !important;
  width: 260px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  background: #fff;
  z-index: 1020;
}
.add-item-to-list-zone-custom {
  padding-top: 0px !important;
}
.add-item-to-list-zone-custom h3 {
  margin-top: 20px;
}
.add-item-to-list-zone-custom .input-group {
  margin-bottom: 10px;
}
.classEditionForm {
  width: 650px;
  margin-top: 40px;
}
.element-to-add-list {
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid #eee;
}
.element-to-add-list td {
  height: 40px;
  border: 1px solid #eee;
  border-bottom: none;
  padding: 0 8px;
}
.element-to-add-list .icon-recipe {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../images/icons/icon-recipe-green.png') no-repeat;
}
.element-to-add-list .icon-item {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../images/icons/icon-item-green.png') no-repeat;
}
.element-to-add-list td:first-child {
  width: 40px;
  padding: 0 0 0 5px;
  cursor: pointer;
}
.element-to-add-list td:last-child {
  cursor: pointer;
}
.element-to-add-list .active td {
  border: 1px solid #68A204 !important;
  background: #e0eecd;
  color: #000;
}
.element-to-add-list .active td .icon-recipe,
.element-to-add-list .active td .icon-item {
  background: url('../images/icons/icon-arrow-left.png') no-repeat;
}
.element-to-add-list .more {
  display: none;
}
.element-to-add-list .show-more {
  text-align: right;
  font-size: 10px;
}
.element-to-add-list .show-more a {
  color: #696A6C;
}
.element-to-add-list hr {
  margin-bottom: 5px;
  margin-top: 5px;
}
.element-to-add-list .variant-VariantName {
  color: #b9b9b9;
}
.element-to-add-list td > p {
  margin-top: 2px;
  margin-bottom: 2px;
}
.element-to-add-list .unpurchasable {
  color: #ff9900;
}
.element-to-add-list .unpurchasable.active td {
  color: #ff9900;
}
.icon-picture {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../images/icons/icon-picture.png') no-repeat;
}
.variant-details-container .add-item-to-list-zone {
  padding-top: 10px !important;
  border-top: 1px solid #eee;
}
.recipe-variant-detail-list .item-tab-row .item-detail-col,
.recipe-variant-detail-list .item-tab-row .item-detail-col.number,
.recipe-variant-detail-list .item-tab-header .item-detail-col,
.recipe-variant-detail-list .item-tab-header .item-detail-col.number {
  width: 8%;
}
.recipe-select-none {
  display: none;
}
.js-sortable .recipe-line {
  height: auto;
}
.popup-div-copy-from {
  padding: 0px 15px 0px 15px;
}
.popup-div-copy-from input {
  padding: 0px;
  width: 100% !important;
}
.popup-div-copy-from select {
  width: 100% !important;
}
.popup-div-copy-from .table {
  padding: 4px 4px 4px 0px;
  border-bottom-width: 0px;
  margin-bottom: 0px;
}
.popup-div-copy-from .table th,
.popup-div-copy-from .table td {
  padding: 4px !important;
}
.popup-div-copy-from #form-copy-from-tbSearchName {
  padding: 0px !important;
  width: 100% !important;
}
.no-overflow {
  overflow: hidden !important;
}
.comment {
  max-width: 100%;
  width: 100%;
}
.comment-container {
  padding: 0px 15px;
}
.div-check-box-supplier-days {
  display: inline-block;
  float: right;
}
.div-check-box-supplier-days .btnOnOff {
  display: inline-block;
  border: 1px solid #eee;
  background: #f5f5f7;
  border-radius: 3px;
  padding: 3px 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.div-check-box-supplier-days input[type=checkbox]:checked + input + label.btnOnOff {
  border: 1px solid #68A204;
  background: #e0eecd;
}
.div-check-box-supplier-days input {
  visibility: collapse;
  float: left;
}
.div-check-box-supplier-days .toggles {
  margin: 0 !important;
  position: relative;
  top: 6px;
  left: 30px;
}
.div-check-box-supplier-days .pull-right img {
  position: relative;
  bottom: 4px;
  left: 3px;
  cursor: pointer;
  z-index: 999;
}
#header_1.panel-heading {
  height: 40px !important;
  overflow: hidden;
}
.unfold-all-btn {
  width: 114px;
}
.unfold-all-btn-auto {
  width: auto;
}
.recipe-variant-detail-list ul {
  padding-left: 0;
}
.js-sortable li {
  margin: 0px;
  height: 40px;
  background: #fff;
  border-bottom: none;
}
.recipe-variant-detail-list .item-tab-row .item-detail-col > * {
  margin: 0;
}
.recipe-variant-detail-list .item-tab-row .display-zone,
.recipe-variant-detail-list .item-tab-row .edit-zone {
  padding: 0px;
}
.item-tab-row .display-zone span,
.item-tab-row .edit-zone span {
  margin-left: 0px !important;
}
.recipe-variant-detail-list .actions {
  float: right;
}
.recipe-variant-detail-list td.actions {
  float: inherit;
}
#recipe-variant-list td {
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  padding: 0 0 10px 0;
  color: #3e4249;
  background-color: #ebebed;
}
#recipe-variant-list td h4 {
  font-weight: bold !important;
  text-transform: uppercase;
  color: #696A6C;
  margin-bottom: 5px;
  padding-left: 20px;
}
#recipe-variant-list td a {
  color: #696A6C;
  padding-left: 20px;
}
#recipe-variant-list td .glyphicon {
  font-size: 9px;
  color: #b9b9b9;
  position: relative;
  top: 4px;
}
#recipe-variant-list td .active {
  color: #9A5409;
}
#recipe-variant-list td .active a {
  /*font-weight:bold;*/
  text-decoration: none;
  color: #9A5409;
}
#recipe-variant-list td .active .glyphicon {
  color: #9A5409;
}
#recipe-variant-list td .recipe-variant-site {
  padding-right: 20px;
  width: 100%;
  position: relative;
}
#recipe-variant-list td .recipe-variant-site a {
  background: transparent;
  width: 100%;
  display: inline-block;
}
#recipe-variant-list td .recipe-variant-site a:hover {
  text-decoration: none;
  color: #2f3133 !important;
}
#recipe-variant-list td .recipe-variant-site:hover a {
  color: #696A6C;
}
#recipe-variant-list td .recipe-variant-site:hover a .glyphicon {
  color: #696A6C;
}
#recipe-variant-list .highlight td {
  background: #f9f9fa !important;
}
#recipe-variant-list .highlight .recipe-variant-site.active {
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.form-error {
  background-color: #FDD9D7 !important;
}
.item-tab-row .item-detail-col.item-detail-isMainSupplier,
.item-tab-header .item-detail-col.item-detail-isMainSupplier {
  width: 3%;
  padding-left: 0;
}
.item-tab-row .item-detail-col.item-detail-isMainSupplier span,
.item-tab-header .item-detail-col.item-detail-isMainSupplier span {
  left: 5px;
}
.item-tab-row .item-detail-col.item-detail-isMainSupplier .checkbox_outer,
.item-tab-header .item-detail-col.item-detail-isMainSupplier .checkbox_outer {
  left: -14px;
}
.item-tab-row .edit-zone .item-detail-col.item-detail-isMainSupplier .checkbox_outer {
  left: -11px !important;
}
.field-validation-error {
  color: #a94442;
}
.error-container {
  padding-left: 20px;
}
.item-tab-row .display-zone span.isLast,
.item-tab-row .edit-zone span.isLast {
  margin-left: 9px !important;
}
.title-bar.margin-left-title {
  margin-bottom: 10px;
  margin-left: 20px;
}
.title-bar > div.pull-right {
  max-width: 1000px;
  text-align: right;
}
.title-bar > div.pull-right .btn-group,
.title-bar > div.pull-right .btn,
.title-bar > div.pull-right .bootstrap-switch {
  margin-bottom: 5px;
}
#tabContentItemContainer #list-item-with-action .panel-body td {
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
}
#recipe-variant-detail-list {
  border-top: 1px solid #eee;
  position: relative;
}
#recipe-variant-detail-list .actions {
  position: relative;
  right: 5px;
  visibility: hidden;
}
#recipe-variant-detail-list .item-tab-rows {
  cursor: pointer;
}
#recipe-variant-detail-list .item-tab-rows:hover .actions {
  visibility: visible;
}
#recipe-variant-detail-list .item-tab-body {
  padding-bottom: 60px;
}
#recipe-variant-detail-list .item-tab-footer {
  border-right: none;
  border-left: none;
  border-bottom: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 0;
}
#recipe-variant-detail-list .item-tab-footer .editor-unit-container,
#recipe-variant-detail-list .item-tab-footer .editor-unit-container div,
#recipe-variant-detail-list .item-tab-footer .editor-unit-container input {
  height: 22px !important;
}
#recipe-variant-detail-list .item-tab-footer .editor-unit-container input {
  height: 20px !important;
  font-size: 12px;
}
#recipe-variant-detail-list .item-tab-footer .editor-unit-container .editor-unit span {
  line-height: 14px;
  position: relative;
  bottom: 2px;
}
#recipe-variant-detail-list .item-tab-footer span {
  margin-right: 0 !important;
  line-height: 22px;
}
#recipe-variant-detail-list .item-tab-footer .col-md-1 > span,
#recipe-variant-detail-list .item-tab-footer .col-md-2 > span,
#recipe-variant-detail-list .item-tab-footer .col-md-3 > span {
  position: relative;
  top: 5px;
  left: 5px;
}
#recipe-variant-detail-list .item-tab-footer span.description {
  text-align: right;
  float: right;
  margin-right: 0 !important;
  color: #696A6C;
}
#recipe-variant-detail-list .item-tab-footer div.description {
  color: #696A6C;
  line-height: 22px;
  text-align: right;
}
.item-details-create-container .item-tab-row .item-detail-col {
  padding-left: 0px;
}
.item-details-create-container .item-detail-col-2 {
  width: 2% !important;
}
.item-details-create-container .item-detail-col-3 {
  width: 3% !important;
}
.item-details-create-container .item-detail-col-4 {
  width: 4% !important;
}
.item-details-create-container .item-detail-col-5 {
  width: 5% !important;
}
.item-details-create-container .item-detail-col-6 {
  width: 6% !important;
}
.item-details-create-container .item-detail-col-7 {
  width: 7% !important;
}
.item-details-create-container .item-detail-col-8 {
  width: 8% !important;
}
.item-details-create-container .item-detail-col-10 {
  width: 10% !important;
}
.item-details-create-container .item-detail-col-15 {
  width: 15% !important;
}
.item-details-create-container .item-detail-col-20 {
  width: 20% !important;
}
.item-details-create-container .item-detail-col-25 {
  width: 25% !important;
}
.item-details-create-container .item-tab-row {
  border-top: none;
}
.item-details-create-container .item-tab-row .display-zone span,
.item-details-create-container .item-tab-row .edit-zone span {
  margin-left: 14px !important;
}
.item-details-create-container .item-tab-row .edit-zone .glyph-span {
  margin-left: 3px !important;
}
.item-details-create-container .item-tab-row .edit-zone .prefix span {
  margin-left: 0px !important;
}
.item-details-create-container .checkbox_outer input[type='checkbox'] {
  margin-left: 20px;
}
.item-details-create-container .item-tab-row .display-zone:hover {
  background-color: #f7faf2;
  cursor: pointer;
}
.item-details-create-container .img-picto {
  margin: 0 !important;
}
.item-details-create-container .img-picto img {
  vertical-align: top;
  position: relative;
  bottom: 2px;
  right: 3px;
}
.item-details-create-container .item-tab-row .edit-zone .suffix span,
.item-details-create-container .item-tab-row .edit-zone .prefix span {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.scale-container,
.cycle-container {
  padding: 3%;
  border-left: none !important;
  margin-top: 10px;
}
.scale-container .scale-col-header,
.cycle-container .scale-col-header {
  width: 20%;
}
tr.inactive td {
  /*background: @GrayBackground !important;*/
  color: #c3c3c4;
  font-style: italic;
}
.inactive .display-zone {
  /*background: @GrayBackground !important;*/
  color: #c3c3c4;
  font-style: italic;
}
.validated .display-zone {
  color: #909090;
  font-style: normal;
}
#AddServiceToMenuList {
  border-top: 1px solid #eee;
  margin: 10px 0 20px 10px;
  padding-top: 20px;
  width: 280px;
}
.div-bordered-with-border.weight-in-recipe {
  border-right: 1px solid #eee !important;
  border-top: 1px solid #eee !important;
  margin-top: 10px !important;
}
.div-bordered-with-border.weight-in-recipe .recipe-variant-detail-list {
  right: 0px;
}
.col-10 {
  width: 10% !important;
}
.col-15 {
  width: 15% !important;
}
.col-20 {
  width: 20% !important;
}
.item-detail-col .liveForm-status {
  padding-top: 8px;
}
.clickable-row.inactive {
  /*background: @GrayInactiveBackground;*/
  cursor: default;
  color: #c3c3c4 !important;
  font-style: italic;
}
.clickable-row.inactive .panel-body td,
.clickable-row.inactive td {
  color: #c3c3c4 !important;
}
#list-item-with-action .inactive td {
  color: #c3c3c4 !important;
}
.subRecipeItem {
  padding-left: 25px !important;
}
.table-content-details {
  margin-top: 20px;
}
.table-content-details .item-tab-row {
  border-top: 1px solid #eee;
}
.table-content-details.with-margin-top {
  margin-top: 40px;
}
/*#tableListMenu {
    td {
        padding: 8px 0 0 10px !important;
    }
}*/
#plannificationTable {
  border-bottom: 1px solid #eee !important;
}
#plannificationTable td,
#plannificationTable tr {
  margin: 0px;
  padding: 0px;
  background: transparent !important;
  border: none !important;
}
#plannificationTable td h4,
#plannificationTable tr h4 {
  padding: 10px 10px 10px 20px;
  margin: 0;
  border-top: 1px solid #eee !important;
  background: #ebebed;
}
#plannificationTable td h4 .glyphicon,
#plannificationTable tr h4 .glyphicon {
  font-size: 9px;
  color: #b9b9b9;
  position: relative;
  top: 4px;
}
#plannificationTable .highlight h4 {
  background: #fff;
  color: #9A5409;
}
#plannificationTable .highlight h4 .glyphicon {
  color: #9A5409;
}
.show-menu-day {
  margin-left: 0px;
}
.show-menu-day .form-group {
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 0px;
}
.show-menu-day .form-group div.input-group.date.datepicker {
  float: left;
}
.show-menu-day .form-group div.input-group.date.datepicker input.form-control {
  float: left;
}
#EditFormTheoricalPaxNumberDay {
  position: relative;
  bottom: 6px;
}
#EditFormTheoricalPaxNumberDay input {
  width: 58px !important;
  font-weight: normal;
}
#pListServiceOfMenu {
  width: 170px;
  float: left;
}
#tMenuDaily .headerLine {
  height: 30px !important;
  overflow: hidden;
}
#tMenuDaily .dayHeaderLine {
  height: 50px;
}
#tMenuDaily .dayHeaderLine .header {
  cursor: pointer;
}
#tMenuDaily > tbody > tr:last-child {
  height: 30px;
}
#tMenuDaily {
  border: none;
  /*background: @GrayBackground;*/
  width: 100%;
  min-height: 300px;
}
#tMenuDaily tr {
  border: none;
}
#tMenuDaily td {
  border: 1px solid #eee;
  background: #f5f5f7;
  padding: 5px;
  vertical-align: top;
}
#tMenuDaily td.disabled {
  color: #ccc;
  cursor: not-allowed;
  width: 9%;
}
#tMenuDaily .emptyTopleft {
  background: #fff;
  border-top: none;
}
#tMenuDaily .header {
  border-right: none;
}
#tMenuDaily .headerWithRightBorder {
  border-right: 1px solid #eee !important;
}
#tMenuDaily .headerWithLeftBorder {
  border-left: 1px solid #eee !important;
}
#tMenuDaily .white-content {
  background: #fff;
}
#tMenuDaily .white-content ul {
  list-style-type: none;
  margin: 0 0 0px 0;
  padding: 5px;
}
#tMenuDaily .white-content ul li {
  display: block;
  /*background: @Green;*/
  /*border: 1px solid @Green;*/
  list-style-type: none;
  color: #fff;
  border-radius: 6px;
  margin: 0 0 10px 0;
  padding: 5px;
  position: relative;
  opacity: 0.9;
  user-select: none;
  cursor: pointer;
}
#tMenuDaily .white-content ul li.selected {
  font-style: italic;
  opacity: 1;
}
#tMenuDaily .white-content ul li.selected:before {
  border: 1px solid #000;
  content: "";
  border-radius: 6px;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
}
#tMenuDaily .white-content ul li.selected.DietaryLightGreen:before {
  border-color: #388E3C !important;
}
#tMenuDaily .white-content ul li.selected.DietaryDarkGreen:before {
  border-color: #156015 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryBrown:before {
  border-color: #724322 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryBlue:before {
  border-color: #3498db !important;
}
#tMenuDaily .white-content ul li.selected.DietaryPink:before {
  border-color: #ff3366 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryRed:before {
  border-color: #f44336 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryOrange:before {
  border-color: #e67e22 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryYellow:before {
  border-color: #ffc107 !important;
}
#tMenuDaily .white-content ul li.selected.DietaryBlack:before {
  border-color: #000000 !important;
}
#tMenuDaily .white-content > p {
  text-align: center;
}
#tMenuDaily .white-content > p .glyphicon-ban-circle {
  color: #DDD;
  opacity: 0.2;
  font-size: 40px;
  cursor: not-allowed;
  margin-top: 40px;
  vertical-align: central;
}
#tMenuDaily .text-center-gray {
  font-weight: normal;
  color: #696A6C;
  text-align: center;
}
#tMenuDaily .text-center-brown {
  color: #9A5409;
  text-align: center;
}
#tMenuDaily #topTabWeekly {
  background: #eee;
}
#tMenuDaily #topTabWeekly > div {
  display: block;
  margin-bottom: 0px;
}
#tMenuDaily #topTabWeekly > div:last-child {
  width: 290px;
  margin: auto;
}
#tMenuDaily #topTabWeekly > div:last-child .btn {
  border: none !important;
  background-color: transparent !important;
}
#tMenuDaily #topTabWeekly > div:last-child span {
  position: relative;
  top: 2px;
}
#tAddRecipe {
  padding: 10px 20px 20px 20px;
  background: #fff;
  width: 280px;
  border: 1px solid #eee;
}
#tAddRecipe #recipe-to-add-list {
  position: absolute !important;
  width: 240px;
  margin-top: 20px;
}
#tAddRecipe #recipe-to-add-list #recipe-list-result {
  margin-top: -20px;
}
#tAddRecipe #recipe-to-add-list td {
  background: #fff;
}
#tAddRecipe #recipe-to-add-list .active td {
  border: 1px solid #68a204 !important;
  background: #e0eecd !important;
  color: #000 !important;
}
.addRecipeToMenu-scrollbar {
  overflow-y: auto;
}
.addRecipeToMenu-scrollbar:hover::-webkit-scrollbar-thumb {
  background: #ddd;
}
.addRecipeToMenu-scrollbar::-webkit-scrollbar {
  visibility: hidden;
  width: 10px;
}
.addRecipeToMenu-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
}
.addRecipeToMenu-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.addRecipeToMenu-scrollbar::-webkit-scrollbar-track:hover {
  background: #eee;
}
#modalDailyCalendar .month {
  border: 1px solid #eee;
  width: 282px;
  position: relative;
}
#modalDailyCalendar .header {
  width: 100%;
  height: 30px;
  background: #f5f5f7;
  border-bottom: 1px solid #eee;
}
#modalDailyCalendar .header div {
  width: 70%;
  display: inline-block;
}
#modalDailyCalendar .header div:first-child,
#modalDailyCalendar .header div:last-child {
  width: 15%;
}
#modalDailyCalendar .header div:first-child {
  float: left;
}
#modalDailyCalendar .header div:first-child button {
  float: left;
}
#modalDailyCalendar .header div:last-child {
  float: right;
}
#modalDailyCalendar .header div:last-child button {
  float: right;
}
#modalDailyCalendar .header .monthTitle {
  text-align: center;
  text-transform: capitalize;
  margin: 3px;
}
#modalDailyCalendar .week {
  margin: 0;
  padding: 0;
  border: none;
  width: 282px;
}
#modalDailyCalendar .week .clickableDay {
  border: none;
  display: inline-block;
  width: 40px;
  margin: 0;
  padding: 6px 0;
  margin-right: -4px;
  text-align: center;
  cursor: pointer;
}
#modalDailyCalendar .currentWeek {
  background-color: #fCfCfa;
}
.previousOrNextMonth {
  color: #999;
}
.selectedDay {
  background: #68A204 !important;
  color: #fff;
}
.selectedDaySupp {
  background: #e1eccd;
}
div.original {
  color: #68A204;
  /*border-top:1px solid @Green !important;*/
  /*border-bottom:1px solid @Green !important;*/
}
/*div.original:first-child{
    border-left:1px solid @Green !important;
                }
div.original:last-child{
    border-right:1px solid @Green !important;
}*/
.clickableDay.disabled {
  color: #ddd;
  cursor: not-allowed;
}
.list-datasheet-element .editable-row {
  cursor: pointer;
}
.list-datasheet-element .display-zone .actions {
  visibility: collapse;
}
.list-datasheet-element .display-zone:hover .actions {
  visibility: visible;
}
.list-datasheet-element .actions {
  position: relative;
  bottom: 2px;
  right: 15px;
}
.list-datasheet-element .recipe-name,
.list-datasheet-element .variant-name {
  margin: 0;
  position: relative;
  bottom: 4px;
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-datasheet-element .variant-name {
  font-size: 10px;
  color: #696A6C;
}
.glyphicon-hide {
  width: 30px;
  height: 30px;
  background: url('../images/icons/icon-hide.png') no-repeat;
}
.actions .btn.delete-item-btn {
  padding: 0 !important;
  margin-top: 3px !important;
  width: 30px !important;
}
.glyphicon-unhide {
  width: 30px !important;
  height: 30px !important;
  background: url('../images/icons/icon-unhide.png') no-repeat center center;
}
.align-price {
  text-align: right;
}
.dispatch-list .item-tab-row .edit-zone {
  padding-top: 7px;
}
.dispatch-list .item-details-create-container .item-tab-row .display-zone .item-detail-col {
  padding-left: 13px;
}
.dispatch-list .item-details-create-container .checkbox_outer input[type='checkbox'] {
  margin-left: 0px;
}
.dispatch-list .toggle.btn {
  margin-top: 4px;
  min-height: 32px;
}
.dispatch-list .toggle-handle {
  border-color: #68a204;
}
.new-dispatch .display-zone {
  left: auto !important;
}
.new-dispatch div.dropdown.dropdown.dropdown-print-button {
  float: left !important;
}
.new-dispatch div.dropdown.dropdown-check-button {
  float: none !important;
}
.new-dispatch th {
  position: relative;
  font-size: 10px !important;
  vertical-align: middle !important;
  padding: 5px 10px !important;
}
.new-dispatch th:nth-child(2) {
  position: relative;
  font-size: 10px !important;
  text-align: center;
}
.new-dispatch th:nth-child(n+5) {
  text-align: center;
  width: 55px !important;
}
.new-dispatch td:nth-child(n+5) {
  text-align: center;
  width: 55px !important;
}
.new-dispatch th > span:nth-child(2) {
  display: block !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  margin-top: -2px;
}
.new-dispatch th > span:nth-child(2) > span {
  margin: 2px;
  border-bottom-style: solid;
  border-bottom-color: #e67e22;
  width: 10px;
  height: 5px;
  float: left;
}
.new-dispatch tr {
  padding: 0 !important;
  height: 40px !important;
}
.new-dispatch tr:first-child {
  height: 30px !important;
}
.new-dispatch td {
  padding: 5px 10px !important;
  vertical-align: middle !important;
}
.new-dispatch td span {
  text-align: center;
}
.new-dispatch td span input {
  text-align: center;
}
.new-dispatch .dropdown {
  position: relative;
  height: 40px;
}
.new-dispatch table .dropdown .btn-icon {
  -webkit-appearance: button;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: lightgray;
  position: relative;
  padding: 0;
  border-color: lightgray;
  border-style: solid;
  color: white;
}
.new-dispatch table .btn-icon-validate:before,
.new-dispatch table .btn-icon-validate-white:before {
  z-index: 100;
  cursor: pointer;
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: white;
  vertical-align: middle;
  position: absolute;
}
.new-dispatch table input:checked {
  background-color: #68A204 !important;
  border-color: #68A204 !important;
}
.new-dispatch table td {
  font-size: 12px !important;
}
.new-dispatch table a {
  color: black;
}
.new-dispatch table a:hover {
  color: #4a90e2;
}
.new-dispatch .pagination {
  float: left !important;
}
.new-dispatch .page-size-selector {
  float: left !important;
  margin-left: 19px !important;
}
.new-dispatch .btn-icon-error:before {
  font-size: 30px;
}
td.itemsInProduction {
  height: 30px !important;
  color: #666 !important;
  font-size: 11px !important;
  border-bottom: 1px solid #EEEEEE !important;
  border-bottom-style: solid !important;
}
tr.subRecipe td.itemsInProduction span.recipeName {
  font-style: italic;
}
tr.subRecipe td.itemsInProduction span.itemWeight {
  font-style: italic;
}
tr.subRecipeItem td.itemsInProduction {
  padding-left: 30px !important;
}
#list-item-with-action .panel-body tr:last-child td.itemsInProduction {
  border-bottom: 1px solid #EEEEEE !important;
}
#list-item-with-action .panel-body tr tr:last-child td.itemsInProduction {
  border-bottom: 1px solid #EEEEEE !important;
}
.seven-columns {
  width: 14% !important;
  display: inline-block;
  text-align: center;
}
.eight-columns {
  width: 12% !important;
  display: inline-block;
  text-align: center;
}
#dispatchTable,
.dispatch-table {
  /*td {
        height: 38px !important;
        overflow: hidden !important;
    } */
}
#dispatchTable .display-zone,
.dispatch-table .display-zone {
  display: block;
  position: relative;
  left: 8px;
  /*top: 4px;*/
}
#dispatchTable .edit-zone,
.dispatch-table .edit-zone {
  display: none;
}
#dispatchTable th,
.dispatch-table th,
#dispatchTable tr th,
.dispatch-table tr th {
  height: 20px !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
  border-right: 1px solid #eee;
}
#dispatchTable tr:hover td,
.dispatch-table tr:hover td {
  height: 36px !important;
}
#dispatchTable tr:hover td,
.dispatch-table tr:hover td,
#dispatchTable tr.selected td,
.dispatch-table tr.selected td {
  background: #f7faf2;
}
#dispatchTable tr:hover .display-zone,
.dispatch-table tr:hover .display-zone,
#dispatchTable tr.selected .display-zone,
.dispatch-table tr.selected .display-zone {
  display: none;
}
#dispatchTable tr:hover .edit-zone,
.dispatch-table tr:hover .edit-zone,
#dispatchTable tr.selected .edit-zone,
.dispatch-table tr.selected .edit-zone {
  display: block;
}
#dispatchTable tr.inactive:hover .display-zone,
.dispatch-table tr.inactive:hover .display-zone {
  display: block;
}
#dispatchTable tr.inactive:hover .edit-zone,
.dispatch-table tr.inactive:hover .edit-zone {
  display: none;
}
#dispatchTable td,
.dispatch-table td {
  background: #fff;
}
#dispatchTable td .edit-zone input,
.dispatch-table td .edit-zone input {
  width: 60px;
  height: 28px;
  position: relative;
  bottom: 2px;
}
#dispatchTable .inactive,
.dispatch-table .inactive {
  color: #b9b9b9;
}
#dispatchTable .inactive .display-zone,
.dispatch-table .inactive .display-zone {
  background-color: transparent !important;
}
#dispatchTable .validated .display-zone,
.dispatch-table .validated .display-zone,
#dispatchTable .validated .edit-zone,
.dispatch-table .validated .edit-zone {
  font-weight: bold;
}
#duplicate-recipes-variant-container .panel-heading {
  padding-top: 0px;
  padding-bottom: 0px;
}
#duplicate-recipes-variant-container .missing-item-col,
#duplicate-recipes-variant-container .incompatible-allergens-col {
  text-align: center;
}
#duplicate-recipes-variant-container .missing-item-header,
#duplicate-recipes-variant-container .incompatible-allergens-header {
  width: 20%;
}
#duplicate-recipes-variant-container .informative-text {
  color: black;
}
#duplicate-recipes-variant-container .summary-list {
  padding: 0px 20px;
  overflow-y: scroll;
  max-height: 500px;
}
#duplicate-recipes-variant-container .summary-error-count {
  color: #a94442;
  font-weight: bold;
}
#duplicate-recipes-variant-container .row > div > * {
  margin-top: 8px;
  margin-bottom: 10px;
}
.guestType-modal-form ul {
  padding-left: 20px;
}
.guestType-modal-form ul li {
  list-style-type: none;
}
@media (max-width: 1400px) {
  .side-div-filter {
    width: 220px;
  }
  .btn-collapse {
    left: 240px !important;
  }
}
.side-div-filter {
  width: 260px;
}
.side-div-filter.toggle-closed {
  position: fixed;
}
.btn-collapse {
  left: 280px !important;
}
.tab-content-useCase .sideview-layout {
  width: 100%;
  height: 100%;
}
.tab-content-useCase .sideview-layout .sideview-leftPane {
  border: 1px solid #d8d9db;
  float: left;
  position: relative;
}
.tab-content-useCase .sideview-layout .sideview-centralPane {
  margin: 0px 0px 0px 280px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane.toggle-opened {
  margin-left: 20px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe {
  margin-bottom: 10px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .selection-col {
  width: 40px;
  position: absolute;
  margin-left: 10px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .active-col {
  width: 40px;
  position: absolute;
  margin-left: 30px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .row-detail {
  padding-left: 40px;
  padding-right: 10px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .row-detail.double-padding {
  padding-left: 80px;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .editable-row .row {
  overflow: hidden;
}
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .header .col-md-1,
.tab-content-useCase .sideview-layout .sideview-centralPane .weight-in-recipe .header .col-md-2 {
  padding-left: 0px;
  padding-right: 10px;
}
@media (max-width: 1400px) {
  .tab-content-useCase .sideview-layout .sideview-centralPane {
    margin: 0px 0px 0px 240px;
  }
}
#NewGroupNameModal {
  z-index: 9050;
}
.selectedGroup {
  font-weight: bold;
}
#listUserGroupSite,
#listSiteForAGroup ul {
  list-style-type: none;
  padding: 0;
}
#listUserGroupSite a,
#listSiteForAGroup ul a,
#listUserGroupSite a:link,
#listSiteForAGroup ul a:link {
  text-decoration: none;
}
#listSiteForAGroup {
  border: 1px solid #f5f5f7;
  background-color: #f5f5f7;
}
#listSiteForAGroup li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#GroupSiteTable {
  width: 100%;
  box-sizing: border-box;
}
#GroupSiteTable .selectedGroup {
  background-color: #f5f5f7;
}
#GroupSiteTable .selectedSharedGroup {
  background-color: #f5f5f7;
  font-weight: bold;
}
#GroupSiteTable li {
  padding: 5px;
}
#GroupSiteTable > div {
  display: inline-block;
  float: left;
}
.darkgray-text {
  color: darkgray !important;
}
.header-user-img {
  cursor: pointer;
}
.header-print-img {
  cursor: pointer;
}
.header-notification-button {
  cursor: pointer;
}
.TimePickerInput .hours {
  width: 40px !important;
}
.TimePickerInput .minutes {
  width: 40px !important;
}
.has-comments {
  background-color: #68A204;
  border-color: #68A204;
  color: white;
}
.has-comments:hover {
  color: black;
}
.actions .btn.has-comments,
.actions .btn.has-barCode {
  color: #68A204;
}
.actions .btn.has-comments:hover,
.actions .btn.has-barCode:hover {
  color: #68A204;
}
#drop-down-registrations {
  float: left;
}
#new-cardex-tb {
  float: left;
  margin-left: 10px;
  width: initial;
  display: none;
}
#TaxTypeModal h5 {
  margin-left: 20px;
}
.no-item {
  margin-left: 10px;
}
#freePriceForm .editor-unit-container {
  max-width: 280px;
}
td.credit-note {
  color: #f44336;
}
#period-list {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#PrintResultForm {
  padding: 0px 20px;
}
.dispatch-table input[type=text].billingComment {
  width: 200px;
}
.validated-by-customer,
.validated-by-customer input {
  color: orange !important;
}
.registration-type-list-container {
  float: left;
  width: 80%;
}
#div-preview-html-body-code {
  width: 100% !important;
  min-width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0a0a0a;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  font-size: 16px;
  line-height: 19px;
}
#div-preview-html-body-code .wrapper {
  width: 100%;
}
#div-preview-html-body-code #outlook a {
  padding: 0;
}
#div-preview-html-body-code .ExternalClass {
  width: 100%;
}
#div-preview-html-body-code .ExternalClass,
#div-preview-html-body-code .ExternalClass p,
#div-preview-html-body-code .ExternalClass span,
#div-preview-html-body-code .ExternalClass font,
#div-preview-html-body-code .ExternalClass td,
#div-preview-html-body-code .ExternalClass div {
  line-height: 100%;
}
#div-preview-html-body-code #backgroundTable {
  margin: 0;
  padding: 0;
  width: 100% !important;
  line-height: 100% !important;
}
#div-preview-html-body-code img {
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic;
  width: auto;
  max-width: 100%;
  clear: both;
  display: block;
}
#div-preview-html-body-code center {
  width: 100%;
  min-width: 580px;
}
#div-preview-html-body-code a img {
  border: none;
}
#div-preview-html-body-code p {
  margin: 0 0 0 10px;
  margin-bottom: 10px;
}
#div-preview-html-body-code table {
  border-spacing: 0;
  border-collapse: collapse;
}
#div-preview-html-body-code td {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  border-collapse: collapse !important;
}
#div-preview-html-body-code table,
#div-preview-html-body-code tr,
#div-preview-html-body-code td {
  padding: 0;
  vertical-align: top;
  text-align: left;
}
#div-preview-html-body-code table.body {
  background: #ffffff;
  height: 100%;
  width: 100%;
}
#div-preview-html-body-code table.container {
  background: #ffffff;
  width: 580px;
  margin: 0 auto;
  text-align: inherit;
}
#div-preview-html-body-code table.row {
  padding: 0;
  width: 100%;
  position: relative;
}
#div-preview-html-body-code table.container table.row {
  display: table;
}
#div-preview-html-body-code td.columns,
#div-preview-html-body-code td.column,
#div-preview-html-body-code th.columns,
#div-preview-html-body-code th.column {
  margin: 0 auto;
  padding-left: 16px;
  padding-bottom: 16px;
}
#div-preview-html-body-code td.columns.last,
#div-preview-html-body-code td.column.last,
#div-preview-html-body-code th.columns.last,
#div-preview-html-body-code th.column.last {
  padding-right: 16px;
}
#div-preview-html-body-code td.columns table,
#div-preview-html-body-code td.column table,
#div-preview-html-body-code th.columns table,
#div-preview-html-body-code th.column table {
  width: 100%;
}
#div-preview-html-body-code td.large-1,
#div-preview-html-body-code th.large-1 {
  width: 32.33333px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-1.first,
#div-preview-html-body-code th.large-1.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-1.last,
#div-preview-html-body-code th.large-1.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-1,
#div-preview-html-body-code .collapse > tbody > tr > th.large-1 {
  padding-right: 0;
  padding-left: 0;
  width: 48.33333px;
}
#div-preview-html-body-code .collapse td.large-1.first,
#div-preview-html-body-code .collapse th.large-1.first,
#div-preview-html-body-code .collapse td.large-1.last,
#div-preview-html-body-code .collapse th.large-1.last {
  width: 56.33333px;
}
#div-preview-html-body-code td.large-2,
#div-preview-html-body-code th.large-2 {
  width: 80.66667px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-2.first,
#div-preview-html-body-code th.large-2.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-2.last,
#div-preview-html-body-code th.large-2.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-2,
#div-preview-html-body-code .collapse > tbody > tr > th.large-2 {
  padding-right: 0;
  padding-left: 0;
  width: 96.66667px;
}
#div-preview-html-body-code .collapse td.large-2.first,
#div-preview-html-body-code .collapse th.large-2.first,
#div-preview-html-body-code .collapse td.large-2.last,
#div-preview-html-body-code .collapse th.large-2.last {
  width: 104.66667px;
}
#div-preview-html-body-code td.large-3,
#div-preview-html-body-code th.large-3 {
  width: 129px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-3.first,
#div-preview-html-body-code th.large-3.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-3.last,
#div-preview-html-body-code th.large-3.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-3,
#div-preview-html-body-code .collapse > tbody > tr > th.large-3 {
  padding-right: 0;
  padding-left: 0;
  width: 145px;
}
#div-preview-html-body-code .collapse td.large-3.first,
#div-preview-html-body-code .collapse th.large-3.first,
#div-preview-html-body-code .collapse td.large-3.last,
#div-preview-html-body-code .collapse th.large-3.last {
  width: 153px;
}
#div-preview-html-body-code td.large-4,
#div-preview-html-body-code th.large-4 {
  width: 177.33333px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-4.first,
#div-preview-html-body-code th.large-4.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-4.last,
#div-preview-html-body-code th.large-4.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-4,
#div-preview-html-body-code .collapse > tbody > tr > th.large-4 {
  padding-right: 0;
  padding-left: 0;
  width: 193.33333px;
}
#div-preview-html-body-code .collapse td.large-4.first,
#div-preview-html-body-code .collapse th.large-4.first,
#div-preview-html-body-code .collapse td.large-4.last,
#div-preview-html-body-code .collapse th.large-4.last {
  width: 201.33333px;
}
#div-preview-html-body-code td.large-5,
#div-preview-html-body-code th.large-5 {
  width: 225.66667px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-5.first,
#div-preview-html-body-code th.large-5.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-5.last,
#div-preview-html-body-code th.large-5.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-5,
#div-preview-html-body-code .collapse > tbody > tr > th.large-5 {
  padding-right: 0;
  padding-left: 0;
  width: 241.66667px;
}
#div-preview-html-body-code .collapse td.large-5.first,
#div-preview-html-body-code .collapse th.large-5.first,
#div-preview-html-body-code .collapse td.large-5.last,
#div-preview-html-body-code .collapse th.large-5.last {
  width: 249.66667px;
}
#div-preview-html-body-code td.large-6,
#div-preview-html-body-code th.large-6 {
  width: 274px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-6.first,
#div-preview-html-body-code th.large-6.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-6.last,
#div-preview-html-body-code th.large-6.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-6,
#div-preview-html-body-code .collapse > tbody > tr > th.large-6 {
  padding-right: 0;
  padding-left: 0;
  width: 290px;
}
#div-preview-html-body-code .collapse td.large-6.first,
#div-preview-html-body-code .collapse th.large-6.first,
#div-preview-html-body-code .collapse td.large-6.last,
#div-preview-html-body-code .collapse th.large-6.last {
  width: 298px;
}
#div-preview-html-body-code td.large-7,
#div-preview-html-body-code th.large-7 {
  width: 322.33333px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-7.first,
#div-preview-html-body-code th.large-7.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-7.last,
#div-preview-html-body-code th.large-7.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-7,
#div-preview-html-body-code .collapse > tbody > tr > th.large-7 {
  padding-right: 0;
  padding-left: 0;
  width: 338.33333px;
}
#div-preview-html-body-code .collapse td.large-7.first,
#div-preview-html-body-code .collapse th.large-7.first,
#div-preview-html-body-code .collapse td.large-7.last,
#div-preview-html-body-code .collapse th.large-7.last {
  width: 346.33333px;
}
#div-preview-html-body-code td.large-8,
#div-preview-html-body-code th.large-8 {
  width: 370.66667px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-8.first,
#div-preview-html-body-code th.large-8.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-8.last,
#div-preview-html-body-code th.large-8.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-8,
#div-preview-html-body-code .collapse > tbody > tr > th.large-8 {
  padding-right: 0;
  padding-left: 0;
  width: 386.66667px;
}
#div-preview-html-body-code .collapse td.large-8.first,
#div-preview-html-body-code .collapse th.large-8.first,
#div-preview-html-body-code .collapse td.large-8.last,
#div-preview-html-body-code .collapse th.large-8.last {
  width: 394.66667px;
}
#div-preview-html-body-code td.large-9,
#div-preview-html-body-code th.large-9 {
  width: 419px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-9.first,
#div-preview-html-body-code th.large-9.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-9.last,
#div-preview-html-body-code th.large-9.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-9,
#div-preview-html-body-code .collapse > tbody > tr > th.large-9 {
  padding-right: 0;
  padding-left: 0;
  width: 435px;
}
#div-preview-html-body-code .collapse td.large-9.first,
#div-preview-html-body-code .collapse th.large-9.first,
#div-preview-html-body-code .collapse td.large-9.last,
#div-preview-html-body-code .collapse th.large-9.last {
  width: 443px;
}
#div-preview-html-body-code td.large-10,
#div-preview-html-body-code th.large-10 {
  width: 467.33333px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-10.first,
#div-preview-html-body-code th.large-10.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-10.last,
#div-preview-html-body-code th.large-10.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-10,
#div-preview-html-body-code .collapse > tbody > tr > th.large-10 {
  padding-right: 0;
  padding-left: 0;
  width: 483.33333px;
}
#div-preview-html-body-code .collapse td.large-10.first,
#div-preview-html-body-code .collapse th.large-10.first,
#div-preview-html-body-code .collapse td.large-10.last,
#div-preview-html-body-code .collapse th.large-10.last {
  width: 491.33333px;
}
#div-preview-html-body-code td.large-11,
#div-preview-html-body-code th.large-11 {
  width: 515.66667px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-11.first,
#div-preview-html-body-code th.large-11.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-11.last,
#div-preview-html-body-code th.large-11.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-11,
#div-preview-html-body-code .collapse > tbody > tr > th.large-11 {
  padding-right: 0;
  padding-left: 0;
  width: 531.66667px;
}
#div-preview-html-body-code .collapse td.large-11.first,
#div-preview-html-body-code .collapse th.large-11.first,
#div-preview-html-body-code .collapse td.large-11.last,
#div-preview-html-body-code .collapse th.large-11.last {
  width: 539.66667px;
}
#div-preview-html-body-code td.large-12,
#div-preview-html-body-code th.large-12 {
  width: 564px;
  padding-left: 8px;
  padding-right: 8px;
}
#div-preview-html-body-code td.large-12.first,
#div-preview-html-body-code th.large-12.first {
  padding-left: 16px;
}
#div-preview-html-body-code td.large-12.last,
#div-preview-html-body-code th.large-12.last {
  padding-right: 16px;
}
#div-preview-html-body-code .collapse > tbody > tr > td.large-12,
#div-preview-html-body-code .collapse > tbody > tr > th.large-12 {
  padding-right: 0;
  padding-left: 0;
  width: 580px;
}
#div-preview-html-body-code .collapse td.large-12.first,
#div-preview-html-body-code .collapse th.large-12.first,
#div-preview-html-body-code .collapse td.large-12.last,
#div-preview-html-body-code .collapse th.large-12.last {
  width: 588px;
}
#div-preview-html-body-code td.large-1 center,
#div-preview-html-body-code th.large-1 center {
  min-width: 0.33333px;
}
#div-preview-html-body-code td.large-2 center,
#div-preview-html-body-code th.large-2 center {
  min-width: 48.66667px;
}
#div-preview-html-body-code td.large-3 center,
#div-preview-html-body-code th.large-3 center {
  min-width: 97px;
}
#div-preview-html-body-code td.large-4 center,
#div-preview-html-body-code th.large-4 center {
  min-width: 145.33333px;
}
#div-preview-html-body-code td.large-5 center,
#div-preview-html-body-code th.large-5 center {
  min-width: 193.66667px;
}
#div-preview-html-body-code td.large-6 center,
#div-preview-html-body-code th.large-6 center {
  min-width: 242px;
}
#div-preview-html-body-code td.large-7 center,
#div-preview-html-body-code th.large-7 center {
  min-width: 290.33333px;
}
#div-preview-html-body-code td.large-8 center,
#div-preview-html-body-code th.large-8 center {
  min-width: 338.66667px;
}
#div-preview-html-body-code td.large-9 center,
#div-preview-html-body-code th.large-9 center {
  min-width: 387px;
}
#div-preview-html-body-code td.large-10 center,
#div-preview-html-body-code th.large-10 center {
  min-width: 435.33333px;
}
#div-preview-html-body-code td.large-11 center,
#div-preview-html-body-code th.large-11 center {
  min-width: 483.66667px;
}
#div-preview-html-body-code td.large-12 center,
#div-preview-html-body-code th.large-12 center {
  min-width: 532px;
}
#div-preview-html-body-code .body .columns td.large-1,
#div-preview-html-body-code .body .column td.large-1,
#div-preview-html-body-code .body .columns th.large-1,
#div-preview-html-body-code .body .column th.large-1 {
  width: 8.33333%;
}
#div-preview-html-body-code .body .columns td.large-2,
#div-preview-html-body-code .body .column td.large-2,
#div-preview-html-body-code .body .columns th.large-2,
#div-preview-html-body-code .body .column th.large-2 {
  width: 16.66667%;
}
#div-preview-html-body-code .body .columns td.large-3,
#div-preview-html-body-code .body .column td.large-3,
#div-preview-html-body-code .body .columns th.large-3,
#div-preview-html-body-code .body .column th.large-3 {
  width: 25%;
}
#div-preview-html-body-code .body .columns td.large-4,
#div-preview-html-body-code .body .column td.large-4,
#div-preview-html-body-code .body .columns th.large-4,
#div-preview-html-body-code .body .column th.large-4 {
  width: 33.33333%;
}
#div-preview-html-body-code .body .columns td.large-5,
#div-preview-html-body-code .body .column td.large-5,
#div-preview-html-body-code .body .columns th.large-5,
#div-preview-html-body-code .body .column th.large-5 {
  width: 41.66667%;
}
#div-preview-html-body-code .body .columns td.large-6,
#div-preview-html-body-code .body .column td.large-6,
#div-preview-html-body-code .body .columns th.large-6,
#div-preview-html-body-code .body .column th.large-6 {
  width: 50%;
}
#div-preview-html-body-code .body .columns td.large-7,
#div-preview-html-body-code .body .column td.large-7,
#div-preview-html-body-code .body .columns th.large-7,
#div-preview-html-body-code .body .column th.large-7 {
  width: 58.33333%;
}
#div-preview-html-body-code .body .columns td.large-8,
#div-preview-html-body-code .body .column td.large-8,
#div-preview-html-body-code .body .columns th.large-8,
#div-preview-html-body-code .body .column th.large-8 {
  width: 66.66667%;
}
#div-preview-html-body-code .body .columns td.large-9,
#div-preview-html-body-code .body .column td.large-9,
#div-preview-html-body-code .body .columns th.large-9,
#div-preview-html-body-code .body .column th.large-9 {
  width: 75%;
}
#div-preview-html-body-code .body .columns td.large-10,
#div-preview-html-body-code .body .column td.large-10,
#div-preview-html-body-code .body .columns th.large-10,
#div-preview-html-body-code .body .column th.large-10 {
  width: 83.33333%;
}
#div-preview-html-body-code .body .columns td.large-11,
#div-preview-html-body-code .body .column td.large-11,
#div-preview-html-body-code .body .columns th.large-11,
#div-preview-html-body-code .body .column th.large-11 {
  width: 91.66667%;
}
#div-preview-html-body-code .body .columns td.large-12,
#div-preview-html-body-code .body .column td.large-12,
#div-preview-html-body-code .body .columns th.large-12,
#div-preview-html-body-code .body .column th.large-12 {
  width: 100%;
}
#div-preview-html-body-code td.large-offset-1,
#div-preview-html-body-code td.large-offset-1.first,
#div-preview-html-body-code td.large-offset-1.last,
#div-preview-html-body-code th.large-offset-1,
#div-preview-html-body-code th.large-offset-1.first,
#div-preview-html-body-code th.large-offset-1.last {
  padding-left: 64.33333px;
}
#div-preview-html-body-code td.large-offset-2,
#div-preview-html-body-code td.large-offset-2.first,
#div-preview-html-body-code td.large-offset-2.last,
#div-preview-html-body-code th.large-offset-2,
#div-preview-html-body-code th.large-offset-2.first,
#div-preview-html-body-code th.large-offset-2.last {
  padding-left: 112.66667px;
}
#div-preview-html-body-code td.large-offset-3,
#div-preview-html-body-code td.large-offset-3.first,
#div-preview-html-body-code td.large-offset-3.last,
#div-preview-html-body-code th.large-offset-3,
#div-preview-html-body-code th.large-offset-3.first,
#div-preview-html-body-code th.large-offset-3.last {
  padding-left: 161px;
}
#div-preview-html-body-code td.large-offset-4,
#div-preview-html-body-code td.large-offset-4.first,
#div-preview-html-body-code td.large-offset-4.last,
#div-preview-html-body-code th.large-offset-4,
#div-preview-html-body-code th.large-offset-4.first,
#div-preview-html-body-code th.large-offset-4.last {
  padding-left: 209.33333px;
}
#div-preview-html-body-code td.large-offset-5,
#div-preview-html-body-code td.large-offset-5.first,
#div-preview-html-body-code td.large-offset-5.last,
#div-preview-html-body-code th.large-offset-5,
#div-preview-html-body-code th.large-offset-5.first,
#div-preview-html-body-code th.large-offset-5.last {
  padding-left: 257.66667px;
}
#div-preview-html-body-code td.large-offset-6,
#div-preview-html-body-code td.large-offset-6.first,
#div-preview-html-body-code td.large-offset-6.last,
#div-preview-html-body-code th.large-offset-6,
#div-preview-html-body-code th.large-offset-6.first,
#div-preview-html-body-code th.large-offset-6.last {
  padding-left: 306px;
}
#div-preview-html-body-code td.large-offset-7,
#div-preview-html-body-code td.large-offset-7.first,
#div-preview-html-body-code td.large-offset-7.last,
#div-preview-html-body-code th.large-offset-7,
#div-preview-html-body-code th.large-offset-7.first,
#div-preview-html-body-code th.large-offset-7.last {
  padding-left: 354.33333px;
}
#div-preview-html-body-code td.large-offset-8,
#div-preview-html-body-code td.large-offset-8.first,
#div-preview-html-body-code td.large-offset-8.last,
#div-preview-html-body-code th.large-offset-8,
#div-preview-html-body-code th.large-offset-8.first,
#div-preview-html-body-code th.large-offset-8.last {
  padding-left: 402.66667px;
}
#div-preview-html-body-code td.large-offset-9,
#div-preview-html-body-code td.large-offset-9.first,
#div-preview-html-body-code td.large-offset-9.last,
#div-preview-html-body-code th.large-offset-9,
#div-preview-html-body-code th.large-offset-9.first,
#div-preview-html-body-code th.large-offset-9.last {
  padding-left: 451px;
}
#div-preview-html-body-code td.large-offset-10,
#div-preview-html-body-code td.large-offset-10.first,
#div-preview-html-body-code td.large-offset-10.last,
#div-preview-html-body-code th.large-offset-10,
#div-preview-html-body-code th.large-offset-10.first,
#div-preview-html-body-code th.large-offset-10.last {
  padding-left: 499.33333px;
}
#div-preview-html-body-code td.large-offset-11,
#div-preview-html-body-code td.large-offset-11.first,
#div-preview-html-body-code td.large-offset-11.last,
#div-preview-html-body-code th.large-offset-11,
#div-preview-html-body-code th.large-offset-11.first,
#div-preview-html-body-code th.large-offset-11.last {
  padding-left: 547.66667px;
}
#div-preview-html-body-code td.expander,
#div-preview-html-body-code th.expander {
  visibility: hidden;
  width: 0;
  padding: 0 !important;
}
#div-preview-html-body-code .block-grid {
  width: 100%;
  max-width: 580px;
}
#div-preview-html-body-code .block-grid td {
  display: inline-block;
  padding: 8px;
}
#div-preview-html-body-code .up-2 td {
  width: 274px !important;
}
#div-preview-html-body-code .up-3 td {
  width: 177px !important;
}
#div-preview-html-body-code .up-4 td {
  width: 129px !important;
}
#div-preview-html-body-code .up-5 td {
  width: 100px !important;
}
#div-preview-html-body-code .up-6 td {
  width: 80px !important;
}
#div-preview-html-body-code .up-7 td {
  width: 66px !important;
}
#div-preview-html-body-code .up-8 td {
  width: 56px !important;
}
#div-preview-html-body-code table.text-center,
#div-preview-html-body-code td.text-center,
#div-preview-html-body-code h1.text-center,
#div-preview-html-body-code h2.text-center,
#div-preview-html-body-code h3.text-center,
#div-preview-html-body-code h4.text-center,
#div-preview-html-body-code h5.text-center,
#div-preview-html-body-code h6.text-center,
#div-preview-html-body-code p.text-center,
#div-preview-html-body-code span.text-center {
  text-align: center;
}
#div-preview-html-body-code h1.text-left,
#div-preview-html-body-code h2.text-left,
#div-preview-html-body-code h3.text-left,
#div-preview-html-body-code h4.text-left,
#div-preview-html-body-code h5.text-left,
#div-preview-html-body-code h6.text-left,
#div-preview-html-body-code p.text-left,
#div-preview-html-body-code span.text-left {
  text-align: left;
}
#div-preview-html-body-code h1.text-right,
#div-preview-html-body-code h2.text-right,
#div-preview-html-body-code h3.text-right,
#div-preview-html-body-code h4.text-right,
#div-preview-html-body-code h5.text-right,
#div-preview-html-body-code h6.text-right,
#div-preview-html-body-code p.text-right,
#div-preview-html-body-code span.text-right {
  text-align: right;
}
#div-preview-html-body-code span.text-center {
  display: block;
  width: 100%;
  text-align: center;
}
#div-preview-html-body-code img.float-left {
  float: left;
  text-align: left;
}
#div-preview-html-body-code img.float-right {
  float: right;
  text-align: right;
}
#div-preview-html-body-code img.float-center,
#div-preview-html-body-code img.text-center {
  margin: 0 auto;
  float: none;
  text-align: center;
}
#div-preview-html-body-code table.float-center,
#div-preview-html-body-code td.float-center,
#div-preview-html-body-code th.float-center {
  margin: 0 auto;
  float: none;
  text-align: center;
}
#div-preview-html-body-code table.body table.container .hide-for-large {
  display: none;
  mso-hide: all;
  overflow: hidden;
  max-height: 0px;
  font-size: 0;
  width: 0px;
  line-height: 0;
}
#div-preview-html-body-code table.body,
#div-preview-html-body-code h1,
#div-preview-html-body-code h2,
#div-preview-html-body-code h3,
#div-preview-html-body-code h4,
#div-preview-html-body-code h5,
#div-preview-html-body-code h6,
#div-preview-html-body-code p,
#div-preview-html-body-code td,
#div-preview-html-body-code th,
#div-preview-html-body-code a {
  color: #0a0a0a;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: 1.3;
}
#div-preview-html-body-code h1,
#div-preview-html-body-code h2,
#div-preview-html-body-code h3,
#div-preview-html-body-code h4,
#div-preview-html-body-code h5,
#div-preview-html-body-code h6 {
  color: inherit;
  word-wrap: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
}
#div-preview-html-body-code h1 {
  font-size: 34px;
}
#div-preview-html-body-code h2 {
  font-size: 30px;
}
#div-preview-html-body-code h3 {
  font-size: 28px;
}
#div-preview-html-body-code h4 {
  font-size: 24px;
}
#div-preview-html-body-code h5 {
  font-size: 20px;
}
#div-preview-html-body-code h6 {
  font-size: 18px;
}
#div-preview-html-body-code table.body,
#div-preview-html-body-code p,
#div-preview-html-body-code td,
#div-preview-html-body-code th {
  font-size: 16px;
  line-height: 19px;
}
#div-preview-html-body-code p.lead {
  font-size: 20px;
  line-height: 1.6;
}
#div-preview-html-body-code p.subheader {
  margin-top: 4px;
  margin-bottom: 8px;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}
#div-preview-html-body-code small {
  font-size: 80%;
  color: #cacaca;
}
#div-preview-html-body-code a {
  color: #2199e8;
  text-decoration: none;
}
#div-preview-html-body-code a:hover {
  color: #147dc2;
}
#div-preview-html-body-code a:active {
  color: #147dc2;
}
#div-preview-html-body-code a:visited {
  color: #2199e8;
}
#div-preview-html-body-code h1 a,
#div-preview-html-body-code h1 a:visited,
#div-preview-html-body-code h2 a,
#div-preview-html-body-code h2 a:visited,
#div-preview-html-body-code h3 a,
#div-preview-html-body-code h3 a:visited,
#div-preview-html-body-code h4 a,
#div-preview-html-body-code h4 a:visited,
#div-preview-html-body-code h5 a,
#div-preview-html-body-code h5 a:visited,
#div-preview-html-body-code h6 a,
#div-preview-html-body-code h6 a:visited {
  color: #2199e8;
}
#div-preview-html-body-code pre {
  background: #ffffff;
  margin: 30px 0;
}
#div-preview-html-body-code pre code {
  color: #cacaca;
}
#div-preview-html-body-code pre code span.callout {
  color: #8a8a8a;
  font-weight: bold;
}
#div-preview-html-body-code pre code span.callout-strong {
  color: #ff6908;
  font-weight: bold;
}
#div-preview-html-body-code hr {
  max-width: 580px;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 20px auto;
  clear: both;
}
#div-preview-html-body-code .stat {
  font-size: 40px;
  line-height: 1;
}
#div-preview-html-body-code p + .stat {
  margin-top: -16px;
}
#div-preview-html-body-code table.button {
  width: auto !important;
  margin: 0 0 16px 0;
}
#div-preview-html-body-code table.button table td {
  text-align: left;
  color: #fefefe;
  background: #2199e8;
  border: 2px solid #2199e8;
}
#div-preview-html-body-code table.button table td a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fefefe;
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px 8px 16px;
  border: 0px solid #2199e8;
  border-radius: 3px;
}
#div-preview-html-body-code table.button.radius table td {
  border-radius: 3px;
  border: none;
}
#div-preview-html-body-code table.button.rounded table td {
  border-radius: 500px;
  border: none;
}
#div-preview-html-body-code table.button:hover table tr td a,
#div-preview-html-body-code table.button:active table tr td a,
#div-preview-html-body-code table.button table tr td a:visited,
#div-preview-html-body-code table.button.tiny:hover table tr td a,
#div-preview-html-body-code table.button.tiny:active table tr td a,
#div-preview-html-body-code table.button.tiny table tr td a:visited,
#div-preview-html-body-code table.button.small:hover table tr td a,
#div-preview-html-body-code table.button.small:active table tr td a,
#div-preview-html-body-code table.button.small table tr td a:visited,
#div-preview-html-body-code table.button.large:hover table tr td a,
#div-preview-html-body-code table.button.large:active table tr td a,
#div-preview-html-body-code table.button.large table tr td a:visited {
  color: #fefefe;
}
#div-preview-html-body-code table.button.tiny table td,
#div-preview-html-body-code table.button.tiny table a {
  padding: 4px 8px 4px 8px;
}
#div-preview-html-body-code table.button.tiny table a {
  font-size: 10px;
  font-weight: normal;
}
#div-preview-html-body-code table.button.small table td,
#div-preview-html-body-code table.button.small table a {
  padding: 5px 10px 5px 10px;
  font-size: 12px;
}
#div-preview-html-body-code table.button.large table a {
  padding: 10px 20px 10px 20px;
  font-size: 20px;
}
#div-preview-html-body-code table.button.expand,
#div-preview-html-body-code table.button.expanded {
  width: 100% !important;
}
#div-preview-html-body-code table.button.expand table,
#div-preview-html-body-code table.button.expanded table {
  width: 100%;
}
#div-preview-html-body-code table.button.expand table a,
#div-preview-html-body-code table.button.expanded table a {
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#div-preview-html-body-code table.button.expand center,
#div-preview-html-body-code table.button.expanded center {
  min-width: 0;
}
#div-preview-html-body-code table.button:hover table td,
#div-preview-html-body-code table.button:visited table td,
#div-preview-html-body-code table.button:active table td {
  background: #147dc2;
  color: #fefefe;
}
#div-preview-html-body-code table.button:hover table a,
#div-preview-html-body-code table.button:visited table a,
#div-preview-html-body-code table.button:active table a {
  border: 0px solid #147dc2;
}
#div-preview-html-body-code table.button.secondary table td {
  background: #777777;
  color: #fefefe;
  border: 2px solid #777777;
}
#div-preview-html-body-code table.button.secondary table a {
  color: #fefefe;
  border: 0px solid #777777;
}
#div-preview-html-body-code table.button.secondary:hover table td {
  background: #919191;
  color: #fefefe;
}
#div-preview-html-body-code table.button.secondary:hover table a {
  border: 0px solid #919191;
}
#div-preview-html-body-code table.button.secondary:hover table td a {
  color: #fefefe;
}
#div-preview-html-body-code table.button.secondary:active table td a {
  color: #fefefe;
}
#div-preview-html-body-code table.button.secondary table td a:visited {
  color: #fefefe;
}
#div-preview-html-body-code table.button.success table td {
  background: #3adb76;
  border: 2px solid #3adb76;
}
#div-preview-html-body-code table.button.success table a {
  border: 0px solid #3adb76;
}
#div-preview-html-body-code table.button.success:hover table td {
  background: #23bf5d;
}
#div-preview-html-body-code table.button.success:hover table a {
  border: 0px solid #23bf5d;
}
#div-preview-html-body-code table.button.alert table td {
  background: #ec5840;
  border: 2px solid #ec5840;
}
#div-preview-html-body-code table.button.alert table a {
  border: 0px solid #ec5840;
}
#div-preview-html-body-code table.button.alert:hover table td {
  background: #e23317;
}
#div-preview-html-body-code table.button.alert:hover table a {
  border: 0px solid #e23317;
}
#div-preview-html-body-code table.callout {
  margin-bottom: 16px;
}
#div-preview-html-body-code th.callout-inner {
  width: 100%;
  border: 1px solid #cbcbcb;
  padding: 10px;
  background: #fefefe;
}
#div-preview-html-body-code th.callout-inner.primary {
  background: #def0fc;
  border: 1px solid #444444;
  color: #0a0a0a;
}
#div-preview-html-body-code th.callout-inner.secondary {
  background: #ebebeb;
  border: 1px solid #444444;
  color: #0a0a0a;
}
#div-preview-html-body-code th.callout-inner.success {
  background: #e1faea;
  border: 1px solid #1b9448;
  color: #fefefe;
}
#div-preview-html-body-code th.callout-inner.warning {
  background: #fff3d9;
  border: 1px solid #996800;
  color: #fefefe;
}
#div-preview-html-body-code th.callout-inner.alert {
  background: #fce6e2;
  border: 1px solid #b42912;
  color: #fefefe;
}
#div-preview-html-body-code .thumbnail {
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 3px;
  margin-bottom: 16px;
}
#div-preview-html-body-code .thumbnail:hover,
#div-preview-html-body-code .thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}
#div-preview-html-body-code table.menu {
  width: 580px;
}
#div-preview-html-body-code table.menu td.menu-item,
#div-preview-html-body-code table.menu th.menu-item {
  padding: 10px;
  padding-right: 10px;
}
#div-preview-html-body-code table.menu td.menu-item a,
#div-preview-html-body-code table.menu th.menu-item a {
  color: #2199e8;
}
#div-preview-html-body-code table.menu.vertical td.menu-item,
#div-preview-html-body-code table.menu.vertical th.menu-item {
  padding: 10px;
  padding-right: 0;
  display: block;
}
#div-preview-html-body-code table.menu.vertical td.menu-item a,
#div-preview-html-body-code table.menu.vertical th.menu-item a {
  width: 100%;
}
#div-preview-html-body-code table.menu.vertical td.menu-item table.menu.vertical td.menu-item,
#div-preview-html-body-code table.menu.vertical td.menu-item table.menu.vertical th.menu-item,
#div-preview-html-body-code table.menu.vertical th.menu-item table.menu.vertical td.menu-item,
#div-preview-html-body-code table.menu.vertical th.menu-item table.menu.vertical th.menu-item {
  padding-left: 10px;
}
#div-preview-html-body-code table.menu.text-center a {
  text-align: center;
}
#div-preview-html-body-code .menu[align="center"] {
  width: auto !important;
}
#div-preview-html-body-code .header .columns {
  padding-bottom: 0;
}
#div-preview-html-body-code .header p {
  color: #fff;
  padding-top: 15px;
}
#div-preview-html-body-code .header .wrapper-inner {
  padding: 20px;
}
#div-preview-html-body-code .header .container {
  background: transparent;
}
#div-preview-html-body-code customer-portal-mail-settings-container .wrapper.secondary {
  background: #ffffff;
}
#div-preview-html-body-code.outlook p {
  display: inline !important;
}
.collapsible-panel {
  position: relative !important;
}
.btn-collapse-panel {
  position: absolute;
  right: 10px;
  top: 10px;
}
.sideview-rightPane {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  padding-top: 120px;
  width: 600px;
  background: #f5f5f7;
  border-left: 1px solid #eee;
}
.btn-edit-flight {
  margin-right: 10px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input.dropdown-active {
  height: 30px;
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.selectize-control.single .selectize-input:after,
.selectize-control.single .selectize-input.dropdown-active:after {
  right: 6px;
  border-width: 6px 3px 0px 3px;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: not-allowed !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 1;
  background-color: #eee;
  color: #555;
}
#createFormVipOrder .row-group {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
#createFormVipOrder .selectize-control.single .selectize-input,
#createFormVipOrder .selectize-control.single .selectize-input.dropdown-active {
  padding-top: 0px;
  padding-bottom: 0px;
}
#createFormVipOrder .selectize-control.single .selectize-input .item,
#createFormVipOrder .selectize-control.single .selectize-input.dropdown-active .item {
  height: 30px;
  padding-top: 5px;
}
.loading-plan-detail-table {
  margin-bottom: 10px;
}
.loading-plan-detail-table td {
  padding-right: 5px;
}
.loading-plan-detail-table select {
  max-width: none;
}
.loading-plan-detail-table .ddl-mode {
  width: 75%;
  float: left;
}
.loading-plan-detail-table .btn-edit-scale {
  width: 25%;
  float: right;
  background: none;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}
.flight-detail-line td {
  padding-right: 5px;
}
.flight-detail-line td btn-icon-recipe-green.span {
  background: url('../images/icons/icon-recipe-green.png') no-repeat;
}
.cancel-update-flights,
.btn-duplicate-loading-plan {
  margin-right: 10px;
}
.duplicate-day-container {
  padding: 20px;
}
.duplicate-day-container .day-col {
  height: 60px;
  border: 1px solid #eee;
  text-align: center;
  cursor: pointer;
}
.duplicate-day-container .day-col.selected {
  background-color: #e0eecd;
}
#datasheet-central-Pane .datasheet-list ul li .recipe-details .row {
  padding-top: 0px;
  padding-bottom: 0px;
  height: auto;
  margin: 0px;
}
#datasheet-central-Pane .js-sortable li .display-zone > div.recipe-details,
.js-sortable li .edit-zone > div.recipe-details {
  height: auto;
  padding-top: 0px;
}
#datasheet-central-Pane .js-sortable li .display-zone > div.row > div,
.js-sortable li .edit-zone > div.row > div {
  height: 30px;
}
#datasheet-central-Pane .btn.btn-edit-scale {
  position: relative;
  bottom: 4px;
  background: none;
  border: none;
}
/* Cycles Calendar style begin */
.calendar {
  width: 780px;
  padding: 20px;
  display: table;
}
.week-row-header {
  width: 100%;
  border: solid 1px #d8d9db;
  background-color: #f5f5f7;
}
.week-row-header div.week-day {
  font-weight: bold;
  text-align: center;
  width: 14.27%;
  float: left;
  color: #696A6C;
  height: 30px;
  padding-top: 5px;
}
.week-row {
  display: block;
  height: 100px;
  width: 100%;
  position: relative;
  border-bottom: dotted 1px #d2d2d2;
  border-left: solid 1px #d8d9db;
  border-right: solid 1px #d8d9db;
}
.days-row div.day {
  width: 14.28%;
  float: left;
  border-left: solid 1px #d2d2d2;
  /*border-right: solid 1px #d2d2d2;*/
  height: 100px;
}
.days-row div.day:first-child {
  border-left: none;
}
.day-number {
  padding-left: 6px;
}
.cycles-row {
  width: 100%;
  position: absolute;
  top: 20px;
}
.cycles-row div {
  float: left;
  height: 70px;
}
.cycle {
  border-top: solid 1px;
  border-bottom: solid 1px;
  text-align: center;
  width: 100%;
  background-color: white;
  overflow: hidden;
}
.cycle-complete {
  padding-left: 10px;
  padding-right: 10px;
}
/*.cycle-complete div {*/
.cycle-complete .cycle {
  border-left: solid 6px !important;
  border-right: solid 1px !important;
  border-radius: 6px;
}
.cycle-incomplete {
  /* No left or right border when the cycle lasts longer than a week */
}
.cycle-beginning {
  padding-left: 5px;
}
.cycle-beginning div {
  border-left: solid 6px !important;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.cycle-ending {
  padding-right: 5px;
}
.cycle-ending div {
  border-right: solid 1px !important;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.cycle-name {
  font-size: 1.3em;
  font-weight: bold;
  display: block;
}
.cycle-info {
  color: #b9b9b9;
  font-size: 0.9em;
}
.colspan-day-1 {
  width: 14.28%;
}
.colspan-day-2 {
  width: 28.56%;
}
.colspan-day-3 {
  width: 42.84%;
}
.colspan-day-4 {
  width: 57.12%;
}
.colspan-day-5 {
  width: 71.4%;
}
.colspan-day-6 {
  width: 85.68%;
}
.colspan-day-7 {
  width: 100%;
}
.clearRow {
  float: none;
  clear: both;
  width: 0;
  border: none;
  height: 0;
}
.another-month {
  color: #d2d2d2;
}
/* Cycles Calendar End */
table {
  /*global table icons*/
}
table .col-5 {
  width: 5% !important;
}
table .col-10 {
  width: 10% !important;
}
table .col-15 {
  width: 15% !important;
}
table .col-20 {
  width: 20% !important;
}
table .col-30 {
  width: 30% !important;
}
table .col-40 {
  width: 40% !important;
}
table tr .btn-with-icon {
  visibility: hidden;
}
table tr:hover td .btn-with-icon {
  visibility: visible;
}
table tr .btn-with-icon,
table tr:hover td .btn-with-icon {
  border: none;
  background: none;
  padding: 0px;
}
/*Inflight*/
.flight-selection-content input[type='checkbox'] + input + span {
  top: 0px;
}
#rawMaterials #searchPattern:focus {
  border: 1px solid #d8d9db;
}
#rawMaterials .glyphicon-search {
  color: #d0d1d5;
}
.tab-content-favorites-filters .favorite-list,
.tab-content-early-production .favorite-list {
  float: left;
  width: 80%;
  margin-left: -5px;
  margin-right: -5px;
}
.tab-content-favorites-filters .raw-favorite,
.tab-content-early-production .raw-favorite,
.tab-content-favorites-filters .early-production-favorite,
.tab-content-early-production .early-production-favorite {
  width: 150px;
  height: 30px;
  background-color: white;
  border: 1px solid #d5d5d5;
  text-align: left;
  float: left;
  padding-left: 5px;
  padding-right: 25px;
  margin: 10px;
  display: table;
  cursor: pointer;
  color: #995318;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-content-favorites-filters .raw-favorite .close,
.tab-content-early-production .raw-favorite .close,
.tab-content-favorites-filters .early-production-favorite .close,
.tab-content-early-production .early-production-favorite .close {
  position: absolute;
  top: 0px;
  right: 3px;
  visibility: hidden;
}
.tab-content-favorites-filters .raw-favorite a.btn,
.tab-content-early-production .raw-favorite a.btn,
.tab-content-favorites-filters .early-production-favorite a.btn,
.tab-content-early-production .early-production-favorite a.btn {
  position: absolute;
  top: 0px;
  background: none;
  border: none;
  visibility: hidden;
  padding: 0px;
}
.tab-content-favorites-filters .raw-favorite a.btn:active,
.tab-content-early-production .raw-favorite a.btn:active,
.tab-content-favorites-filters .early-production-favorite a.btn:active,
.tab-content-early-production .early-production-favorite a.btn:active {
  box-shadow: none;
}
.tab-content-favorites-filters .raw-favorite .btn-edit-favorite,
.tab-content-early-production .raw-favorite .btn-edit-favorite,
.tab-content-favorites-filters .early-production-favorite .btn-edit-favorite,
.tab-content-early-production .early-production-favorite .btn-edit-favorite {
  right: 20px;
}
.tab-content-favorites-filters .raw-favorite .btn-close,
.tab-content-early-production .raw-favorite .btn-close,
.tab-content-favorites-filters .early-production-favorite .btn-close,
.tab-content-early-production .early-production-favorite .btn-close {
  right: 0px;
}
.tab-content-favorites-filters .early-production-favorite:hover .close,
.tab-content-early-production .early-production-favorite:hover .close,
.tab-content-favorites-filters .early-production-favorite:hover a,
.tab-content-early-production .early-production-favorite:hover a,
.tab-content-favorites-filters .raw-favorite:hover .close,
.tab-content-early-production .raw-favorite:hover .close,
.tab-content-favorites-filters .raw-favorite:hover a,
.tab-content-early-production .raw-favorite:hover a {
  visibility: visible;
}
.tab-content-favorites-filters .early-production-favorite > span,
.tab-content-early-production .early-production-favorite > span,
.tab-content-favorites-filters .raw-favorite > span,
.tab-content-early-production .raw-favorite > span {
  display: table-cell;
  vertical-align: middle;
}
.tab-content-favorites-filters .add-favorite-container,
.tab-content-early-production .add-favorite-container {
  right: 20px;
}
.tab-content-favorites .favorite-list,
.tab-content-early-production .favorite-list {
  float: left;
  width: 80%;
  margin-left: -5px;
  margin-right: -5px;
}
.tab-content-favorites .raw-favorite,
.tab-content-early-production .raw-favorite,
.tab-content-favorites .early-production-favorite,
.tab-content-early-production .early-production-favorite {
  width: 100px;
  height: 100px;
  background-color: #F4F3F1;
  border: 1px solid #d5d5d5;
  text-align: center;
  float: left;
  margin: 5px;
  display: table;
  cursor: pointer;
  color: #995318;
  position: relative;
}
.tab-content-favorites .raw-favorite .close,
.tab-content-early-production .raw-favorite .close,
.tab-content-favorites .early-production-favorite .close,
.tab-content-early-production .early-production-favorite .close {
  position: absolute;
  top: 0px;
  right: 5px;
  visibility: hidden;
}
.tab-content-favorites .raw-favorite .btn-edit-favorite,
.tab-content-early-production .raw-favorite .btn-edit-favorite,
.tab-content-favorites .early-production-favorite .btn-edit-favorite,
.tab-content-early-production .early-production-favorite .btn-edit-favorite {
  position: absolute;
  top: 0px;
  left: 0px;
  background: none;
  border: none;
  padding: 5px;
  visibility: hidden;
}
.tab-content-favorites .early-production-favorite:hover .close,
.tab-content-early-production .early-production-favorite:hover .close,
.tab-content-favorites .early-production-favorite:hover .btn-edit-favorite,
.tab-content-early-production .early-production-favorite:hover .btn-edit-favorite,
.tab-content-favorites .raw-favorite:hover .close,
.tab-content-early-production .raw-favorite:hover .close,
.tab-content-favorites .raw-favorite:hover .btn-edit-favorite,
.tab-content-early-production .raw-favorite:hover .btn-edit-favorite {
  visibility: visible;
}
.tab-content-favorites .early-production-favorite > span,
.tab-content-early-production .early-production-favorite > span,
.tab-content-favorites .raw-favorite > span,
.tab-content-early-production .raw-favorite > span {
  display: table-cell;
  vertical-align: middle;
}
.tab-content-favorites .add-favorite-container,
.tab-content-early-production .add-favorite-container {
  right: 20px;
}
/*Flights*/
.date-picker-bar > a {
  vertical-align: top;
}
.service-list .flight-detail-line td {
  vertical-align: middle;
}
.service-list tr.generic-line td {
  background-color: #ddd !important;
  font-weight: bold !important;
  cursor: default !important;
}
.flight-guest-panel .panel-body {
  padding: 0px;
}
.item-detail-col-name-div {
  position: absolute;
  left: 4%;
  top: 0px;
  display: table;
  height: 40px !important;
}
.item-detail-col-name-span {
  margin-top: 0px;
  margin-bottom: 0px;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
}
.liveTable:not(.table-loaded) {
  visibility: hidden;
}
.liveTable td {
  vertical-align: middle !important;
}
.liveTable tr span.readonly-input {
  padding-left: 5px;
}
.liveTable tr.line-selected:not(:first-child) {
  background: #e0eecd !important;
}
.liveTable tr:not(:first-child):hover {
  cursor: pointer;
}
.liveTable td.actions {
  text-align: right;
  padding-right: 10px !important;
}
.liveTable td.actions:not(.always-visible) a {
  visibility: hidden;
}
.liveTable tr:hover td.actions a {
  visibility: visible;
}
.liveTable input {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*early production*/
#list-item-with-action.early-production-content .panel-body .checkbox_outer {
  margin-right: 10px;
}
#list-item-with-action.early-production-content .row > div > table {
  margin-top: 10px;
}
#list-item-with-action.early-production-content .recipe-count {
  font-weight: bold;
}
.raw-materials-favorite-form input[type=text] {
  width: 300px;
}
.selected-filters-summary-list {
  border-top: 1px solid #eee;
}
.selected-filters-summary-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.selected-filters-summary-list ul li {
  margin: 0;
  padding: 0;
}
.selected-filters-summary-list ul li span {
  color: #b9b9b9;
  font-style: italic;
}
.selected-filters-summary-list ul li.recipes-list {
  padding-left: 20px;
}
/*RawMaterials*/
.rawMaterial.row.title-bar.last {
  padding: 30px 0;
}
/**Tax types*/
.form-group-is-active .field-validation-error {
  position: relative;
  top: 5px;
  clear: both;
  display: block;
}
/**Important information*/
.important-information {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #eee;
  color: #696A6C;
  cursor: pointer;
}
.important-information .glyphicon-warning-sign {
  color: #696A6C;
  margin-right: 5px;
}
.important-information .information-title {
  color: #696A6C;
}
.important-information ul {
  display: none;
}
/**Quantity Adjustments*/
.quantity-adjustments-container .qty-adjustments-table input {
  width: 100px;
}
.quantity-adjustments-container .expand-col {
  width: 40px;
}
.quantity-adjustments-container .expand-col a,
.quantity-adjustments-container .expand-col a:hover,
.quantity-adjustments-container .expand-col a:focus {
  border: none;
  background: transparent;
}
.quantity-adjustments-container .status-col {
  width: 30px;
}
.quantity-adjustments-container .service-col {
  width: 270px;
}
.quantity-adjustments-container table.flight-detail-table {
  margin-bottom: 0px;
  border-bottom: none;
}
.quantity-adjustments-container .invalidFlight input {
  border: 1px solid #a94442;
}
.quantity-adjustments-container .isAdjusted input {
  background-color: darkseagreen;
}
.quantity-adjustments-container .isAdjusted span.readonly-input {
  color: darkseagreen;
  font-weight: bold;
}
.quantity-adjustments-container .flight-detail-table .isAdjusted input {
  background-color: skyblue;
}
.quantity-adjustments-container .flight-detail-table .isAdjusted span.readonly-input {
  color: skyblue;
  font-weight: bold;
}
.quantity-adjustments-container .reset-flight-btn,
.quantity-adjustments-container .reset-service-btn {
  display: none;
}
.quantity-adjustments-container td.qty-col:hover .reset-flight-btn,
.quantity-adjustments-container td.qty-col:hover .reset-service-btn {
  display: block;
}
.quantity-adjustments-container .reset-flight-btn,
.quantity-adjustments-container .reset-flight-btn:focus,
.quantity-adjustments-container .reset-service-btn,
.quantity-adjustments-container .reset-service-btn:focus {
  position: absolute;
  top: 10px;
  left: 75px;
  border: none;
  background: transparent;
  height: 20px;
  width: 20px;
  padding: 0;
}
.quantity-adjustments-container .reset-service-btn,
.quantity-adjustments-container .reset-service-btn:focus {
  top: 15px;
}
.quantity-adjustments-container input[type=number].flight-adjusted-qty-input,
.quantity-adjustments-container input[type=number].service-adjusted-qty-input {
  padding-right: 28px;
}
/**FlightPeriod*/
.flight-period-container .expand-col,
.quantity-adjustments-container .expand-col {
  width: 40px;
}
.flight-period-container .expand-col a,
.quantity-adjustments-container .expand-col a,
.flight-period-container .expand-col a:focus,
.quantity-adjustments-container .expand-col a:focus,
.flight-period-container .expand-col a:hover,
.quantity-adjustments-container .expand-col a:hover {
  border: none;
  background: 0 0;
}
.flight-period-container table,
.quantity-adjustments-container table {
  table-layout: fixed;
}
.flight-period-container .flight-leg-table .day-col,
.quantity-adjustments-container .flight-leg-table .day-col,
.flight-period-container .qty-adjustments-table .day-col,
.quantity-adjustments-container .qty-adjustments-table .day-col {
  width: 120px;
}
.flight-period-container .flight-leg-table input,
.quantity-adjustments-container .flight-leg-table input,
.flight-period-container .qty-adjustments-table input,
.quantity-adjustments-container .qty-adjustments-table input {
  width: 100px;
}
.flight-period-container .flight-leg-table .sub-table-col,
.quantity-adjustments-container .flight-leg-table .sub-table-col,
.flight-period-container .qty-adjustments-table .sub-table-col,
.quantity-adjustments-container .qty-adjustments-table .sub-table-col {
  padding-left: 40px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  background-color: #f5f5f7;
}
.flight-period-container .flight-leg-table th.service-col,
.quantity-adjustments-container .flight-leg-table th.service-col,
.flight-period-container .qty-adjustments-table th.service-col,
.quantity-adjustments-container .qty-adjustments-table th.service-col {
  width: 300px;
}
.flight-period-container .flight-leg-table th.customer-col,
.quantity-adjustments-container .flight-leg-table th.customer-col,
.flight-period-container .qty-adjustments-table th.customer-col,
.quantity-adjustments-container .qty-adjustments-table th.customer-col {
  width: 150px;
}
.flight-period-container .flight-leg-table th.flight-no-col,
.quantity-adjustments-container .flight-leg-table th.flight-no-col,
.flight-period-container .qty-adjustments-table th.flight-no-col,
.quantity-adjustments-container .qty-adjustments-table th.flight-no-col,
.flight-period-container .flight-leg-table th.flight-leg-col,
.quantity-adjustments-container .flight-leg-table th.flight-leg-col,
.flight-period-container .qty-adjustments-table th.flight-leg-col,
.quantity-adjustments-container .qty-adjustments-table th.flight-leg-col,
.flight-period-container .flight-leg-table th.flight-customer-col,
.quantity-adjustments-container .flight-leg-table th.flight-customer-col,
.flight-period-container .qty-adjustments-table th.flight-customer-col,
.quantity-adjustments-container .qty-adjustments-table th.flight-customer-col {
  width: 100px;
}
.flight-period-container .flight-leg-table table.flight-leg-detail-table,
.quantity-adjustments-container .flight-leg-table table.flight-leg-detail-table,
.flight-period-container .qty-adjustments-table table.flight-leg-detail-table,
.quantity-adjustments-container .qty-adjustments-table table.flight-leg-detail-table,
.flight-period-container .flight-leg-table table.flight-detail-table,
.quantity-adjustments-container .flight-leg-table table.flight-detail-table,
.flight-period-container .qty-adjustments-table table.flight-detail-table,
.quantity-adjustments-container .qty-adjustments-table table.flight-detail-table {
  margin-bottom: 0;
  border-bottom: none;
  border-top: none;
}
.flight-period-container .flight-leg-table table.flight-leg-detail-table th.guest-type-col,
.quantity-adjustments-container .flight-leg-table table.flight-leg-detail-table th.guest-type-col,
.flight-period-container .qty-adjustments-table table.flight-leg-detail-table th.guest-type-col,
.quantity-adjustments-container .qty-adjustments-table table.flight-leg-detail-table th.guest-type-col,
.flight-period-container .flight-leg-table table.flight-detail-table th.guest-type-col,
.quantity-adjustments-container .flight-leg-table table.flight-detail-table th.guest-type-col,
.flight-period-container .qty-adjustments-table table.flight-detail-table th.guest-type-col,
.quantity-adjustments-container .qty-adjustments-table table.flight-detail-table th.guest-type-col {
  width: 300px;
}
.flight-period-container .flight-leg-table table.flight-leg-detail-table .day-col,
.quantity-adjustments-container .flight-leg-table table.flight-leg-detail-table .day-col,
.flight-period-container .qty-adjustments-table table.flight-leg-detail-table .day-col,
.quantity-adjustments-container .qty-adjustments-table table.flight-leg-detail-table .day-col,
.flight-period-container .flight-leg-table table.flight-detail-table .day-col,
.quantity-adjustments-container .flight-leg-table table.flight-detail-table .day-col,
.flight-period-container .qty-adjustments-table table.flight-detail-table .day-col,
.quantity-adjustments-container .qty-adjustments-table table.flight-detail-table .day-col {
  width: 120px;
}
.quantity-adjustments-container .qty-adjustments-table th.flight-no-col {
  width: 480px;
}
/**Flight productions settings*/
.flight-production-settings-container .expand-col {
  /*width: 40px;*/
  width: 3%;
}
.flight-production-settings-container .expand-col a,
.flight-production-settings-container .expand-col a:focus,
.flight-production-settings-container .expand-col a:hover {
  border: none;
  background: 0 0;
}
.flight-production-settings-container table {
  table-layout: fixed;
}
.flight-production-settings-container .site-col {
  width: 5%;
}
.flight-production-settings-container .customer-col {
  width: 25%;
}
.flight-production-settings-container .service-col {
  width: 15%;
}
.flight-production-settings-container .service-cycle-col {
  width: 10%;
}
.flight-production-settings-container .production-name-col {
  width: 15%;
}
.flight-production-settings-container .print-by-recipe-col {
  /*width: 80px;*/
  width: 6%;
}
.flight-production-settings-container .recipe-is-hidden {
  /*width: 80px;*/
  width: 6%;
}
.flight-production-settings-container .recipe-col {
  width: 53.60%;
}
.flight-production-settings-container .gray-col {
  background-color: #f5f5f7;
}
.flight-production-settings-container .sub-table-col {
  /*padding-left: 40px;*/
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  background-color: #f5f5f7;
}
.flight-production-settings-container .sub-table-col .production-name-col {
  width: 15.46%;
}
.flight-production-settings-container .sub-table-col .print-by-recipe-col,
.flight-production-settings-container .sub-table-col .recipe-is-hidden {
  width: 6.18%;
}
.flight-production-settings-container .sub-table-col .sub-table-col .sub-table-col .recipe-col {
  width: 52.2%;
}
.flight-production-settings-container .sub-table-col .sub-table-col .sub-table-col .production-name-col {
  width: 16.10%;
}
.flight-production-settings-container .sub-table-col .sub-table-col .sub-table-col .print-by-recipe-col,
.flight-production-settings-container .sub-table-col .sub-table-col .sub-table-col .recipe-is-hidden {
  width: 6.37%;
}
.flight-production-settings-container table.flight-production-settings-recipe-table,
.flight-production-settings-container table.flight-production-settings-datasheet-table {
  margin-bottom: 0;
  border-bottom: none;
  border-top: none;
}
@keyframes example {
  100% {
    background-color: #e0eecd;
  }
}
/****RAW MATERIALS*/
.panel-heading .group-header-text {
  color: #b9b9b9;
  font-size: 12px;
}
.flight-selection-content .table {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.flight-selection-content .panel-heading {
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 38px;
  line-height: 38px;
  overflow: hidden;
  border: none;
  /*.group-header-text{
            color: @GrayText;
            font-size: 12px;
        }*/
}
.flight-selection-content .panel:last-child .panel-heading:last-child {
  border-bottom: 1px solid #eee;
}
.flight-selection-content .panel {
  margin-bottom: 0px;
  border-bottom: none;
}
.flight-selection-content .panel .actions a {
  visibility: collapse;
}
.flight-selection-content .panel-body {
  padding: 0px;
}
.flight-selection-content > .panel-default > .panel-collapse > .panel-body {
  padding-left: 40px;
}
.flight-selection-content > .panel-default:hover,
.flight-selection-content .panel-body > .panel-default:hover {
  border: 1px solid #abc38f !important;
  background: #f7faf2;
}
.flight-selection-content > .panel-default:hover tr:hover .actions a,
.flight-selection-content .panel-body > .panel-default:hover tr:hover .actions a {
  visibility: visible;
}
.flight-selection-content > .panel-default:hover > .panel-heading,
.flight-selection-content .panel-body > .panel-default:hover > .panel-heading {
  background: #f7faf2;
}
.flight-selection-content > .panel-default:hover > .panel-heading .toggle-collapse-btn-left,
.flight-selection-content .panel-body > .panel-default:hover > .panel-heading .toggle-collapse-btn-left {
  border-left: 3px solid #abc38f !important;
}
.flight-selection-content > .panel-default:hover > .panel-collapse,
.flight-selection-content .panel-body > .panel-default:hover > .panel-collapse {
  border: none;
  border-top: 1px solid #abc38f;
  background: #fff;
}
.flight-selection-content .panel-body > .panel-default:hover {
  border-top: none !important;
  border-bottom: none !important;
}
.combobox-multiselect .btn-group {
  width: 100%;
}
.combobox-multiselect b.caret {
  position: absolute;
  top: 13px;
  right: 10px;
}
.combobox-multiselect .dropdown-toggle {
  width: 100%;
  text-align: left;
}
.div-multiselect {
  height: 200px;
  z-index: 1050 !important;
}
.div-multiselect .btn-group {
  width: 100%;
}
.div-multiselect ul {
  position: fixed;
  max-height: 200px;
  overflow-y: scroll;
  max-width: 450px;
}
.div-multiselect,
#AirportCustomerTaxModal {
  /*ul
    {
        position:fixed;
        max-height:200px;
        overflow-y: scroll;
        max-width:450px;
    }*/
}
.div-multiselect .dropdown-toggle,
#AirportCustomerTaxModal .dropdown-toggle {
  width: 100%;
  text-align: left;
}
.div-multiselect .dropdown-menu,
#AirportCustomerTaxModal .dropdown-menu {
  padding-top: 0px;
}
.div-multiselect .dropdown-menu li .filter,
#AirportCustomerTaxModal .dropdown-menu li .filter {
  margin-left: 0px;
}
.div-multiselect .dropdown-menu li a,
#AirportCustomerTaxModal .dropdown-menu li a,
.div-multiselect .dropdown-menu li a:hover,
#AirportCustomerTaxModal .dropdown-menu li a:hover {
  padding-left: 25px;
  color: #333333 !important;
  background-color: transparent !important;
}
.div-multiselect .dropdown-menu li .checkbox,
#AirportCustomerTaxModal .dropdown-menu li .checkbox {
  margin: 0px;
}
.div-multiselect .input-group,
#AirportCustomerTaxModal .input-group {
  border-bottom: 1px solid #ccc;
}
.div-multiselect .input-group *,
#AirportCustomerTaxModal .input-group * {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  max-width: none;
}
/**Legend*/
.color-legend {
  margin-top: 20px;
  border-top: 1px solid black;
  display: inline-block;
}
.color-legend ul {
  padding: 0;
  list-style-type: none;
}
.color-legend ul li .box,
.color-legend ul li img {
  margin-top: 4px;
  margin-right: 5px;
  float: left;
  width: 20px;
  height: 20px;
}
.color-legend ul li .box {
  background-color: black;
  border: 1px black solid;
  border-radius: 10px;
}
.color-legend ul li .box-green {
  background-color: darkseagreen;
}
.color-legend ul li .box-blue {
  background-color: skyblue;
}
.color-legend ul li .box-border-red {
  border-color: red;
  background: white;
  border-radius: 3px;
}
.color-legend ul li span {
  line-height: 25px;
}
.div-multiselect .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.border-right-light {
  border-right: 1px solid #eee;
}
div.panel-collapse tr.active {
  background-color: #e0eecd;
}
div.panel-collapse tr.active.hover {
  background-color: #e0eecd;
}
#list-item-with-action .panel-body tr.active:hover {
  background-color: #e0eecd;
}
.flight-detail-box {
  border: 1px solid #979797;
  margin: 10px;
}
.header-detail-box {
  background: #696A6C;
  padding: 10px;
  color: white;
  position: relative;
}
.header-detail-box-leg {
  text-align: center;
}
.header-detail-box a {
  /*
       margin-top:-5px;

       */
}
.leg-guest-type-name {
  padding: 10px;
}
.label-slate-gray {
  color: #696a6c;
  font-size: 12px;
}
.label-dark-gray {
  color: #2f3133;
  font-size: 12px;
}
.selectize-input div.item {
  height: 20px;
  overflow: hidden;
}
.panel-clean {
  margin: 0px;
  border: none;
}
.panel-clean .panel-heading {
  padding: 0px;
  border: none;
  background-color: white;
  cursor: pointer;
}
.panel-clean .panel-body {
  padding: 0px !important;
}
.panel-clean .panel-body p {
  margin: 0px 0px 5px 15px;
}
.panel-clean .toggle-collapse-btn-left {
  padding: 0px !important;
  border: none !important;
  background-color: white;
  height: 16px !important;
  width: 16px !important;
}
.panel-clean .toggle-collapse-btn-left span {
  font-size: 12px;
}
.panel-clean .row-content {
  padding: 0px !important;
  border: none !important;
  height: auto !important;
}
.disable-events {
  opacity: 0.5;
  pointer-events: none;
}
.selectize-dropdown {
  z-index: 1050 !important;
}
.div-above-po-barcode {
  height: 286px;
}
.small-height-input {
  height: 20px !important;
}
.edited-input {
  color: #9A5409 !important;
  /*border-color: @Brown !important;*/
  font-weight: bold;
}
td.center-checkbox div.checkbox_outer {
  margin-left: calc(44%);
}
.unread-notifications,
.notification-list {
  height: 50vh;
  overflow-y: auto;
  margin: 10px;
}
.unread-notifications .sender-header,
.notification-list .sender-header {
  margin: 10px 10px 0px 10px;
  padding: 5px;
  border: 1px solid;
}
.unread-notifications .notification-message,
.notification-list .notification-message {
  border: 1px solid;
  padding: 5px;
  margin: 0px 10px 10px 10px;
  background-color: #f5f5f7;
}
.unread-notifications .unread-message,
.notification-list .unread-message {
  font-weight: bold;
}
.unread-notifications .sentInFuture,
.notification-list .sentInFuture {
  font-weight: lighter;
  font-style: italic;
}
.progress {
  position: relative;
  line-height: inherit;
}
.progress div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-text {
  display: flex;
  align-items: center;
  padding-bottom: 3px;
  padding-left: 3px;
}
.range-div > * {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.range-right {
  background-color: #eeeeee;
  border-radius: 0px 3px 3px 0px;
}
.range-left {
  background-color: #eeeeee;
  border-radius: 3px 0px 0px 3px;
}
.range-mid {
  background-color: #9A5409;
}
.range-thumb-a {
  background-color: #9A5409;
  border-radius: 4px;
}
.range-thumb-b {
  background-color: #9A5409;
  border-radius: 4px;
}
.white-background {
  background-color: white;
}
.hide {
  display: none !important;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.hidden {
  display: none !important;
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}
.table-responsive {
  display: table;
}
.flex-item-right {
  margin-left: auto;
}
.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 {
  font-weight: lighter;
  text-transform: uppercase;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.btn .fa,
.btn .fas,
.btn .far {
  width: 14px;
  height: 14px;
  position: relative;
  bottom: 1px;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-3 {
  width: 25%;
}
.col-md-9 {
  width: 75%;
}
.form-row {
  margin-left: 10px;
}
.btn-group {
  margin-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
dt {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  box-shadow: none;
}
h2 {
  font-size: 30px;
}
@font-face {
  font-family: 'winrestfont';
  src: url('../fonts/winrestfont.eot?hxuabx');
  src: url('../fonts/winrestfont.eot?hxuabx#iefix') format('embedded-opentype'), url('../fonts/winrestfont.ttf?hxuabx') format('truetype'), url('../fonts/winrestfont.woff?hxuabx') format('woff'), url('../fonts/winrestfont.svg?hxuabx#winrestfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clinicfont';
  src: url('/fonts/clinicfont.eot?hxuabx');
  src: url('/fonts/clinicfont.eot?hxuabx#iefix') format('embedded-opentype'), url('/fonts/clinicfont.ttf?hxuabx') format('truetype'), url('/fonts/clinicfont.woff?hxuabx') format('woff'), url('/fonts/clinicfont.svg?hxuabx#clinicfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="btn-icon-"],
[class*=" btn-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'winrestfont' !important;
  speak: none;
  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;
}
.icon {
  font-size: 30px !important;
}
.icon.icon-small {
  font-size: 20px !important;
}
.icon.icon-medium {
  font-size: 25px !important;
}
.icon.icon-aligned {
  vertical-align: middle;
}
.icon.warning {
  color: #f5a623;
}
.icon.valid {
  color: #69a305;
}
.icon.error {
  color: #b20606;
}
.icon.notConcerned {
  color: #b5b9b9;
}
.btn-icon {
  font-size: 30px;
}
.btn-icon.Warning {
  color: #ff8d00;
}
.btn-icon.Valid {
  color: #68A204;
}
.btn-icon.Error {
  color: #f44336;
}
/*.btn-icon-add:before, 
.btn-icon-add-white:before {
    content: "\e900";
}

.btn-icon-add-multiple:before,
.btn-icon-add-multiple-white:before {
    content: "\e901";
}

.btn-icon-edit-big:before,
.btn-icon-edit-big-white:before {
    content: "\e914";
}


.btn-icon-validate:before,
.btn-icon-validate-white:before {
    content: "\e94f";
}*/
.btn-icon-add-multiple:before,
.btn-icon-add-multiple-white:before {
  content: "\e927";
}
.btn-icon-arrowLeft:before {
  content: "\e900";
  color: #696a6c;
}
.btn-icon-arrowLeft-white:before {
  content: "\e901";
  color: #fff;
}
.btn-icon-arrowRight:before {
  content: "\e902";
  color: #696a6c;
}
.btn-icon-arrowRight-white:before {
  content: "\e903";
  color: #fff;
}
.btn-icon-arrowBottom:before {
  content: "\e900";
  color: #696a6c;
  transform: rotate(90deg);
}
.btn-icon-arrowBottom-white:before {
  content: "\e901";
  color: #fff;
  transform: rotate(90deg);
}
.btn-icon-expender:before {
  content: "\e904";
  color: #b0b0b0;
}
.btn-icon-Filtermenu:before {
  content: "\e905";
  color: #696a6c;
}
.btn-icon-remove:before {
  content: "\e906";
  color: #696a6c;
}
.btn-icon-Barcoded:before {
  content: "\e907";
}
.btn-icon-barcodeMini:before {
  content: "\e908";
}
.btn-icon-Commented:before {
  content: "\e909";
}
.btn-icon-filter-categorie:before {
  content: "\e90a";
}
.btn-icon-subrecipe:before {
  content: "\e90b";
}
.btn-icon-Tax:before {
  content: "\e90c";
}
.btn-icon-expand:before {
  content: "\e90d";
}
.btn-icon-favorites:before {
  content: "\e90e";
}
.btn-icon-HideMax:before {
  content: "\e90f";
}
.btn-icon-hidePanel:before {
  content: "\e910";
}
.btn-icon-list:before {
  content: "\e911";
}
.btn-icon-login:before {
  content: "\e912";
}
.btn-icon-logout:before {
  content: "\e913";
}
.btn-icon-rawMaterials:before {
  content: "\e914";
}
.btn-icon-SAGE-Export:before {
  content: "\e915";
}
.btn-icon-SAGE-Exported:before {
  content: "\e916";
}
.btn-icon-ShowMax .path1:before {
  content: "\e917";
  color: #000000;
}
.btn-icon-ShowMax .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: #000000;
}
.btn-icon-ShowMax .path3:before {
  content: "\e919";
  margin-left: -1em;
  color: #ffffff;
}
.btn-icon-top:before {
  content: "\e91a";
}
.btn-icon-customerOrder:before {
  content: "\e91b";
}
.btn-icon-deliveries:before {
  content: "\e91c";
}
.btn-icon-export:before {
  content: "\e91d";
}
.btn-icon-flight:before {
  content: "\e91e";
}
.btn-icon-fold:before {
  content: "\e91f";
}
.btn-icon-import:before {
  content: "\e920";
}
.btn-icon-maximize:before {
  content: "\e921";
}
.btn-icon-minimize:before {
  content: "\e922";
}
.btn-icon-toDeliver:before {
  content: "\e923";
}
.btn-icon-toProduced:before {
  content: "\e924";
}
.btn-icon-unFold:before {
  content: "\e925";
}
.btn-icon-VIPOrder:before {
  content: "\e926";
}
.btn-icon-add-mulitiple:before {
  content: "\e927";
}
.btn-icon-alert:before {
  content: "\e928";
}
.btn-icon-calendar:before {
  content: "\e929";
}
.btn-icon-close:before {
  content: "\e92a";
}
.btn-icon-delete-clear:before {
  content: "\e92b";
}
.btn-icon-email:before {
  content: "\e92c";
}
.btn-icon-error:before {
  content: "\e92d";
}
.btn-icon-image:before {
  content: "\e92e";
}
.btn-icon-menu-flight:before {
  content: "\e92f";
}
.btn-icon-menu-menu:before {
  content: "\e930";
}
.btn-icon-new-document:before {
  content: "\e931";
}
.btn-icon-subrecipe-broken:before {
  content: "\e932";
}
.btn-icon-time:before {
  content: "\e933";
}
.btn-icon-validate:before,
.btn-icon-validate-white:before {
  content: "\e934";
}
.btn-icon-container:before {
  content: "\e935";
}
.btn-icon-information:before {
  content: "\e936";
}
.btn-icon-invoiced:before {
  content: "\e937";
}
.btn-icon-menu-accounting:before {
  content: "\e938";
}
.btn-icon-menu-customerOrder:before {
  content: "\e939";
}
.btn-icon-menu-customers:before {
  content: "\e93a";
}
.btn-icon-menu-parameters:before {
  content: "\e93b";
}
.btn-icon-menu-production:before {
  content: "\e93c";
}
.btn-icon-menu-purchasing:before {
  content: "\e93d";
}
.btn-icon-menu-warehouse:before {
  content: "\e93e";
}
.btn-icon-openLink:before {
  content: "\e93f";
}
.btn-icon-producted:before {
  content: "\e940";
}
.btn-icon-received:before {
  content: "\e941";
}
.btn-icon-arrow-left:before {
  content: "\e942";
}
.btn-icon-copy:before {
  content: "\e943";
}
.btn-icon-cost:before {
  content: "\e944";
}
.btn-icon-day:before {
  content: "\e945";
}
.btn-icon-hide:before {
  content: "\e946";
}
.btn-icon-imageBis:before {
  content: "\e947";
}
.btn-icon-item:before {
  content: "\e948";
}
.btn-icon-paste:before {
  content: "\e949";
}
.btn-icon-recipe:before {
  content: "\e94a";
}
.btn-icon-show:before {
  content: "\e94b";
}
.btn-icon-status-error:before {
  content: "\e94c";
}
.btn-icon-status-inprogress:before {
  content: "\e94d";
}
.btn-icon-status-save:before {
  content: "\e94e";
}
.btn-icon-week:before {
  content: "\e94f";
}
.btn-icon-add:before,
.btn-icon-add-white:before {
  content: "\e950";
}
.btn-icon-comment:before {
  content: "\e951";
}
.btn-icon-comment-empty:before {
  content: "\e952";
}
.btn-icon-comment-not-empty:before {
  content: "\e95b";
}
.btn-icon-delete:before {
  content: "\e953";
}
.btn-icon-duplicate:before {
  content: "\e954";
}
.btn-icon-edit-big:before,
.btn-icon-edit-big-white:before {
  content: "\e955";
}
.btn-icon-invalid:before {
  content: "\e956";
}
.btn-icon-print:before {
  content: "\e957";
}
.btn-icon-save:before {
  content: "\e958";
}
.btn-icon-valid:before {
  content: "\e959";
}
.btn-icon-edit:before {
  content: "\e95a";
}
.btn-icon-computer:before {
  content: "\e95b";
}
.btn-icon-compushrimp:before {
  display: inline-block;
  content: "\e95b";
}
.btn-icon-compushrimp:hover::before {
  display: inline-block;
  content: "\1F990";
}
.btn-icon-database:before {
  content: "\e95c";
}
.btn-icon-menu-jobs:before {
  content: "\e95d";
}
/*custom*/
.btn-icon-popup {
  transform: rotate(270deg);
}
.btn-icon-popup:before {
  content: "\e912";
}
.icon-FourknKnives:before {
  content: "\e90d";
  font-family: 'clinicfont' !important;
}
.btn-icon-menu-tablet {
  display: inline-block;
  background-image: url('/images/icons/icon-tablet-30x30.png');
  background-repeat: no-repeat;
  background-position-x: center;
}
.btn-icon-exclamationmark:before {
  content: "\0021";
  color: #ff9900;
}
/*Refonte menu*/
.clinic {
  padding-top: 100px;
}
.clinic [class^="btn-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'winrestfont' !important;
  speak: none;
  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;
}
.clinic #main-menu .header-right .navbar-info-user .header-user-img {
  filter: invert(75%);
}
.navbar {
  flex-direction: column;
  background: #3e4249;
  border-bottom: 1px solid #b6b7b8 !important;
  padding: 0;
  /*z-index:1050;*/
}
.show-deployment-notification #main-menu .header-center .sub-menu {
  top: 87px;
}
.show-deployment-notification #notification-panel {
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 1.4em;
  visibility: visible;
}
.show-deployment-notification .sideview-leftPane {
  padding-top: 147px;
}
.show-deployment-notification body {
  padding-top: 142px;
}
#notification-panel {
  visibility: hidden;
}
.navbar-submenu {
  z-index: 1120;
}
#navbar-submenu {
  border-bottom: 5px solid #eee;
  background: #3e4249;
  height: 40px;
  width: 100%;
  z-index: auto;
  padding-bottom: 0;
  /*overflow: hidden;*/
}
#navbar-submenu .tab-pane li {
  display: inline;
}
#navbar-submenu.Dev {
  background: #005000;
}
#navbar-submenu.Preprod {
  background: #b06114;
}
#main-menu {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  width: 100%;
  display: flex;
  background-color: #2f3133;
  height: 60px;
  /*padding-left: 20px;
    padding-right: 20px;*/
}
#main-menu .logo-nav-menu {
  padding: 0 5px 10px 5px;
}
#main-menu .menu-link span {
  color: white !important;
  font-size: 30px;
}
#main-menu .menu-link,
#main-menu .menu-link:hover,
#main-menu .menu-link:active {
  text-decoration: none !important;
}
#main-menu li.active .menu-link {
  text-decoration: underline !important;
}
#main-menu .help-site-sign {
  float: right;
  padding: 8px;
  font-size: 12px;
}
#main-menu span {
  color: #b9b9b9;
}
#main-menu .header {
  display: flex;
}
#main-menu #icon-logout {
  background: #2f3133;
  color: #ffffff;
  font-size: 16px;
  border: none;
}
#main-menu #icon-logout i {
  font-size: 20px;
}
#main-menu .header-center {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}
@media screen and (min-width: 760px) {
  #main-menu .header-center #header-center-ul {
    display: flex;
  }
}
@media screen and (min-width: 760px) {
  #main-menu .header-center .mobile-menu-item {
    display: none;
  }
}
#main-menu .header-center .sub-menu {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  border-bottom: 5px solid #d8d9db;
  background: transparent;
  height: 40px;
}
#main-menu .header-center .sub-menu .sub-menu-header {
  height: 35px;
  display: flex;
  position: relative;
}
#main-menu .header-center .sub-menu .sub-menu-header li {
  width: auto;
  height: auto;
  padding: 12px;
  background: none;
  border-right: none;
}
#main-menu .header-center .sub-menu .sub-menu-header li a {
  text-decoration: none;
  color: #b9b9b9;
  font-size: 16px;
}
#main-menu .header-center .sub-menu .sub-menu-header li span {
  font-size: 12px;
}
#main-menu .header-center .sub-menu .sub-menu-header li.active {
  background-image: url(../Images/MenuSelectedItem.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}
#main-menu .header-center::-webkit-scrollbar {
  display: none;
}
#main-menu .header-left,
#main-menu .header-right {
  min-width: 200px;
  flex-shrink: 0;
}
#main-menu .header-left img {
  margin: 10px 0 0 20px;
  /*display: block;*/
  clear: both;
}
#main-menu .header-left span {
  display: block;
  position: absolute;
  top: 33px;
  left: 20px;
  font-size: 11px;
}
#main-menu .header-left #DbName-header span {
  display: inline-block;
  position: relative;
  top: 0;
  font-size: 11px;
}
#main-menu .header-left #DbName-header [class^="btn-icon-"] {
  font-size: 18px;
  vertical-align: bottom;
}
#main-menu .header-right .navbar-info-user {
  float: right;
  border-left: 1px solid #3e4249;
  height: 60px;
  vertical-align: central;
  padding: 8px;
  font-size: 11px !important;
  width: 290px;
  display: inline-block;
  position: relative;
}
#main-menu .header-right .navbar-info-user .header-user-img {
  float: left;
  cursor: pointer;
}
#main-menu .header-right .navbar-info-user .header-print-img {
  float: right;
}
#main-menu .header-right .navbar-info-user .header-notification-link {
  float: right;
  position: relative;
}
#main-menu .header-right .navbar-info-user .header-notification-link .header-notification-number {
  position: absolute;
  right: 0px;
  background-color: #f44336;
  color: #ffffff;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  text-align: center;
  font-weight: bold;
}
#main-menu .header-right .navbar-info-user .info {
  position: absolute;
  top: 12px;
  left: 55px;
  right: 100px;
  float: right;
  font-size: 11px;
  color: #b9b9b9;
}
#main-menu .header-right .navbar-info-user a {
  color: #fff;
  text-decoration: none;
  background: #2f3133;
}
#main-menu .header-right .navbar-info-user a:hover {
  background: #2f3133;
  color: #fff;
}
#main-menu .header-right .navbar-info-user #icon-logout {
  /*font-size: 16px;*/
  margin-top: 6px;
  /*border: none;*/
  float: right;
  display: inline-block;
  margin-bottom: 0;
  padding: 4px 12px 4px 12px;
  /*i {
                    font-size: 20px;
                }*/
}
#main-menu .header-right .navbar-info-user #dLabel * {
  background: #2f3133 !important;
}
#main-menu .header-right .navbar-info-user #dLabel span {
  font-size: 12px;
  color: #b9b9b9;
  background: #2f3133;
}
#main-menu li {
  flex: 0 0 auto;
  background-color: transparent;
  height: 60px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#main-menu li.active {
  /*background-color: rgb(62, 66, 73);*/
  background-color: #3e4249;
}
#main-menu li.active .sub-menu:not(.initializing) {
  display: block;
}
#main-menu li.oldactive {
  background-color: #363a40;
}
#main-menu .menu-arrow {
  /*background-color: brown;*/
  width: 30px;
  color: white;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#main-menu .menu-arrow span {
  font-size: 30px;
}
#main-menu .sep {
  flex-grow: 1;
}
#main-menu ul {
  margin: 0;
  padding: 0;
}
#main-menu .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#main-menu button.navbar-toggle {
  display: none;
  cursor: pointer;
}
#main-menu button.navbar-toggle.show {
  display: block;
}
#main-menu .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
#main-menu .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
#main-menu.Dev {
  background-color: #004000;
}
#main-menu.Dev #icon-logout {
  background: #004000;
}
#main-menu.Dev .header-right .navbar-info-user a {
  background: #004000;
}
#main-menu.Dev .header-right .navbar-info-user a:hover {
  background: #004000;
}
#main-menu.Dev li.active {
  background-color: #005000;
}
#main-menu.Dev li.oldactive {
  background-color: #004800;
}
#main-menu.Preprod {
  background-color: #804204;
}
#main-menu.Preprod #icon-logout {
  background: #804204;
}
#main-menu.Preprod .header-right .navbar-info-user a {
  background: #804204;
}
#main-menu.Preprod .header-right .navbar-info-user a:hover {
  background: #804204;
}
#main-menu.Preprod li.active {
  background-color: #b06114;
}
#main-menu.Preprod li.oldactive {
  background-color: #804208;
}
.nav-back {
  position: fixed;
  top: 95px;
  background: pink;
  height: 30px;
  width: 100%;
  background-color: #d8d9db;
  border-bottom: 1px solid #c3c4c6;
  z-index: 1030;
  /*padding-left: 40px;*/
  padding: 0px;
}
.nav-back span.btnBackToList {
  display: inline-block;
  background-image: url('/images/BackButton.png');
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 10px;
  border-right: 1px solid #c3c4c6;
  width: 30px;
  height: 30px;
  margin: 0;
  float: left;
}
.nav-back span.text {
  float: left;
  margin: 5px 0 0 12px;
}
.nav-back a {
  color: #3e4249;
  position: relative;
  /*bottom: 1px;*/
  text-decoration: none;
}
.nav-back .subBtnBack {
  display: inline-block;
  padding: 5px 0 0 20px;
  margin: 0px 0 0 10px;
  height: 30px;
  color: #000;
  background-image: url('/images/navbar-separator.png');
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
}
.menu-with-backtolist-button {
  margin-top: 20px;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
@media screen and (max-width: 760px) {
  #main-menu button.navbar-toggle {
    position: absolute;
    right: 0;
  }
  #main-menu button.navbar-toggle .icon-bar:nth-child(2) {
    transition: opacity linear 0.2s;
    transition-delay: 0.15s;
  }
  #main-menu button.navbar-toggle .icon-bar:nth-child(3) {
    transition: transform linear 0.2s;
  }
  #main-menu button.navbar-toggle .icon-bar:nth-child(4) {
    transition: transform linear 0.2s;
  }
  #main-menu button.navbar-toggle.open .icon-bar:nth-child(2) {
    /*display: none;*/
    opacity: 0;
  }
  #main-menu button.navbar-toggle.open .icon-bar:nth-child(3) {
    transform: translateX(-8px) translateY(5px) rotate(45deg);
  }
  #main-menu button.navbar-toggle.open .icon-bar:nth-child(4) {
    transform: translateX(7px) translateY(0px) rotate(-45deg);
  }
  #main-menu .header-right {
    display: none;
  }
  #main-menu .menu-arrow {
    display: none !important;
  }
  #main-menu > .header-center.in,
  #main-menu > .header-center.show {
    display: block;
  }
  #main-menu .display {
    display: none;
  }
  #main-menu .header-center {
    max-width: none;
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    background-color: #2f3133;
  }
  #main-menu > .header-center {
    max-width: none;
    position: fixed;
    left: auto;
    display: none;
    overflow-x: initial;
    right: 0;
    z-index: 5000;
    padding-left: 0px;
    padding-right: 0px;
    top: 60px;
    overflow-y: auto;
    height: calc(40%);
  }
  #main-menu > .header-center .mobile-menu-item {
    padding: 12px;
  }
  #main-menu > .header-center .mobile-menu-item.sep {
    height: 4px;
    background-color: #d4d4d4;
    padding: 0;
  }
  #main-menu > .header-center .mobile-menu-item a {
    text-decoration: none;
    color: #b9b9b9;
    font-size: 16px;
  }
  #main-menu > .header-center > li:not(:nth-child(1)) {
    margin-top: 10px;
  }
  #main-menu li {
    flex: none;
    width: auto;
    height: auto;
    display: block;
    background-color: #2f3133;
    border-bottom: 1px solid #d4d4d4;
  }
  #main-menu li.active {
    background-color: transparent;
  }
  #main-menu li.active .menu-link {
    text-decoration: none !important;
  }
  #main-menu li.active .sub-menu,
  #main-menu .header-center .sub-menu {
    position: initial;
    top: initial;
    left: initial;
    right: initial;
    height: auto;
    background: transparent;
    width: auto;
    display: block;
    border-bottom: none;
  }
  #main-menu .header-center .sub-menu .sub-menu-header {
    display: block;
    height: auto;
    width: auto;
  }
  #main-menu .sub-menu > .header-center {
    position: relative;
    max-width: none;
  }
  #main-menu .header-center .sub-menu .sub-menu-header li.active {
    background: #f5f5f7;
  }
  #main-menu .header-center .sub-menu .sub-menu-header li.active a {
    color: black;
  }
  #main-menu .header-center .sub-menu .sub-menu-header li {
    padding-left: 17px;
  }
  #main-menu .menu-link,
  #main-menu .menu-link:hover,
  #main-menu .menu-link:active {
    padding-left: 5px;
  }
}
.modal-dialog {
  max-width: 85%;
}
h3 {
  text-transform: uppercase;
  color: #b9b9b9;
  font-size: 16px;
}
#collapse-left-pane {
  position: absolute;
  /*top: 115px;*/
  left: 259px;
  z-index: 1000;
  padding-right: 0px;
  border-left: 1px solid #f5f5f7;
}
#collapse-left-pane span {
  margin-top: -1px;
  /*image not centered*/
}
.btn-collapse-under-breadcrumb {
  margin-top: 18px;
}
#collapse-left-pane:hover {
  background-color: #F5F5FB;
}
.modal.large-modal .modal-dialog {
  width: 980px !important;
}
/**we should think about using a special component*/
.panel-navigation {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 55px;
  width: 350px;
  background-color: #ebebed;
  -ms-transform: translateX(-300px);
  /* IE 9 */
  -webkit-transform: translateX(-300px);
  /* Chrome, Safari, Opera */
  transform: translateX(-300px);
  font-size: 18px;
  color: #2f3133;
  text-align: right;
  overflow: scroll;
  height: 100%;
  bottom: 0px;
  z-index: 10;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: 1s ease-in;
  -moz-transition: 1s ease-in;
  -o-transition: 1s ease-in;
}
.panel-navigation table {
  table-layout: fixed;
}
.panel-navigation table tr {
  border: solid 1px #9b9b9b;
}
.panel-navigation table tr td {
  overflow: hidden;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}
.panel-navigation table tr.active td {
  background: #69a305;
  text-decoration: none;
  color: white;
}
.panel-navigation table tr:hover td {
  background: #69a305;
  text-decoration: none;
  color: white;
}
.panel-navigation:hover {
  -ms-transform: translateX(-150px);
  /* IE 9 */
  -webkit-transform: translateX(-150px);
  /* Chrome, Safari, Opera */
  transform: translateX(-150px);
}
.panel-navigation .btn-line-container {
  width: 100%;
  padding-right: 10px;
  display: block;
}
.panel-navigation .btn-line-container.active {
  background: #69a305;
  text-decoration: none;
  color: white;
}
.panel-navigation .btn-line-container a.btn-line {
  color: #2f3133;
  font-style: normal;
  font-size: 14px;
}
.panel-navigation .btn-line-container a.btn-line.active {
  color: white;
}
.panel-navigation .modal-header {
  display: block;
}
.modal-header {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.toggle-btn-list {
  display: inline-table;
  height: 30px;
  font-size: 0px;
  padding-left: 10px;
}
.toggle-btn-list li {
  font-size: 12px;
  display: table-cell;
  height: 30px;
}
.toggle-btn-list li a {
  width: 30px;
}
.toggle-btn-list li.active a {
  background-color: #696A6C;
}
.toggle-btn-list li.active a span {
  color: white;
  opacity: 1;
}
.title-actions {
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Show the dropdown menu on hover */
  /* Change the background color of the dropdown button when the dropdown content is shown */
  /* Style The Dropdown Button */
}
.title-actions .dropdown {
  position: relative;
  display: inline-block;
}
.title-actions .dropdown-content {
  display: none;
  position: absolute;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 20;
  right: 0;
  background-color: transparent;
  /* Links inside the dropdown */
}
.title-actions .dropdown-content a,
.title-actions .dropdown-content button {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  height: 30px;
  border-radius: 3px;
  background-color: #4a4a4a;
  vertical-align: middle;
  text-decoration: none;
  display: block;
  padding: 0px;
  border: none;
  line-height: 30px;
  margin-bottom: 0px !important;
  margin-top: 5px !important;
}
.title-actions .dropdown-content a:hover,
.title-actions .dropdown-content button:hover {
  background-color: #3e4249;
}
.title-actions .dropdown-content a.inactive,
.title-actions .dropdown-content button.inactive {
  background-color: gray;
  border: none;
  cursor: pointer;
}
.title-actions .dropdown-content a.inactive:hover,
.title-actions .dropdown-content button.inactive:hover {
  background-color: gray;
}
.title-actions .dropdown-content-margins {
  display: none;
  position: absolute;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 20;
  right: 0;
  background-color: transparent;
  margin-top: 2px;
}
.title-actions .dropdown-content-margins a,
.title-actions .dropdown-content-margins button {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  height: 30px;
  border-radius: 3px;
  background-color: #4a4a4a;
  vertical-align: middle;
  text-decoration: none;
  display: block;
  padding: 0px;
  line-height: 30px;
  margin-bottom: 0px !important;
  margin-top: 5px !important;
}
.title-actions .dropdown-content-margins a:hover,
.title-actions .dropdown-content-margins button:hover {
  background-color: #3e4249;
  border: none;
  cursor: pointer;
}
.title-actions .dropdown-content-margins button.btn.btn-default.validate-all-dispatch.isValid,
.title-actions .dropdown-content-margins button.btn-default.validate-day-dispatch.isValid,
.title-actions .dropdown-content-margins a.btn.btn-default.validate-all-dispatch.isValid,
.title-actions .dropdown-content-margins a.btn-default.validate-day-dispatch.isValid {
  background-color: #69a305 !important;
}
.title-actions .dropdown:hover .dropdown-content {
  display: block;
}
.title-actions .dropdown:hover .dropdown-content-margins {
  display: block;
}
.title-actions .dropdown:hover .dropbtn {
  /*background-color: #3e8e41;*/
}
.title-actions .dropdown:hover .dropbtn.dark {
  /*background-color: #3e8e41;*/
}
.title-actions .dropdown-add-button button {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #69a305;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.title-actions div.dropdown.dropdown-check-button {
  float: left;
}
.title-actions .dropdown-check-button button {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #69a305;
  border: solid 1px rgba(0, 0, 0, 0.1);
  float: left;
}
.title-actions .dropdown-check-button > .dropdown-content {
  top: 30px !important;
}
.title-actions .dropdown-check-button > button.btn-icon.btn-icon-validate-white {
  padding: 0 !important;
  color: white;
}
.title-actions .dropdown-print-button button {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #f5f5f7;
  border: solid 1px #d0d1d5;
}
.title-actions .dropbtn {
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.title-actions .dropbtn.dark {
  color: black;
}
.btn-leg-change-left,
.btn-leg-change-left:hover,
.btn-leg-change-right,
.btn-leg-change-right:hover {
  color: white;
  text-decoration: none;
}
.btn-leg-change-right,
.btn-leg-change-right:hover {
  float: right;
}
.btn-leg-change-left,
.btn-leg-change-left:hover {
  float: left;
}
.header-box-btn {
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  /* font-size: 14px; */
  padding: 0px;
  right: 0px;
  top: 4px;
  position: absolute;
}
.header-box-btn + .header-box-btn {
  right: 35px;
}
.header-box-btn + .header-box-btn + .header-box-btn {
  right: 70px;
}
.btn-green {
  background-color: #69a305;
  border-color: #69a305;
  color: white;
}
.btn-action-add-guest {
  position: absolute;
  bottom: 0px;
  right: 10px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 218px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.table-condensed {
  width: 100%;
}
.href-icon-label-gray {
  font-size: 12px;
  color: #696A6C;
  text-decoration: none;
  font-weight: bold;
}
#createFormVipInvoice {
  padding: 20px;
}
#createFormVipInvoice .datepicker {
  width: 100%;
  max-width: 280px;
}
#createFormVipInvoice textarea {
  width: 100%;
}
#createFormVipInvoice .tt-menu {
  width: 100%;
}
.pull-right-invoice {
  float: right !important;
  padding-top: 4px;
}
.date-invoice-picker-min {
  background-color: transparent;
  border: none !important;
  color: white;
  font-weight: normal;
  padding-top: 9px !important;
  width: 72px;
}
.date-invoice-picker-max {
  background-color: transparent;
  border: none !important;
  color: white;
  font-weight: normal;
  padding-top: 9px !important;
  width: 72px;
}
.invoice-container .dispatch-table {
  margin-bottom: 0px;
}
.invoice-container .dispatch-table td {
  font-size: 12px;
  vertical-align: middle;
}
.invoice-container .dispatch-table .editor-unit-container {
  border-radius: 3px;
}
.invoice-container .dispatch-table td .edit-zone input {
  width: 100%;
  height: 30px;
  bottom: 0px;
}
.invoice-container .dispatch-table td .edit-zone .editor-input-container input {
  height: 28px;
}
.invoice-container .dispatch-table .editor-unit {
  padding-left: 2px;
  padding-right: 2px;
}
.invoice-container .dispatch-table .prefix span {
  margin-left: 2px;
  margin-right: 2px;
}
.invoice-container .dispatch-table .display-zone {
  vertical-align: middle;
}
.invoice-container .dispatch-table.table td {
  vertical-align: middle;
}
.invoice-container .dispatch-table td input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 0px;
}
.invoice-container h3 {
  margin-left: 20px;
  margin-top: 10px;
}
.invoice-container .has-comments {
  background-color: #68A204;
  border-color: #68A204;
}
.invoice-container .div-bordered {
  min-height: initial;
}
.invoice-container .dispatch-table-invoice {
  margin-bottom: 0px;
}
.invoice-container .dispatch-table-invoice td {
  font-size: 12px;
  vertical-align: middle;
}
.invoice-container .dispatch-table-invoice .editor-unit-container {
  border-radius: 3px;
}
.invoice-container .dispatch-table-invoice td .edit-zone input {
  width: 100%;
  height: 30px;
  bottom: 0px;
}
.invoice-container .dispatch-table-invoice td .edit-zone .editor-input-container input {
  height: 28px;
}
.invoice-container .dispatch-table-invoice .editor-unit {
  padding-left: 2px;
  padding-right: 2px;
}
.invoice-container .dispatch-table-invoice .prefix span {
  margin-left: 2px;
  margin-right: 2px;
}
.invoice-container .dispatch-table-invoice .display-zone {
  vertical-align: middle;
}
.invoice-container .dispatch-table-invoice.table td {
  vertical-align: middle;
}
.invoice-container .dispatch-table-invoice td input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0px 0px;
}
.not-invoice-flights-container {
  width: 100%;
  margin-top: 10px;
  max-height: 200px;
  overflow-y: scroll;
  color: orange;
}
/* Scrollbar style */
.invoice-table-scrollable {
  max-height: 370px;
  width: 100%;
  margin: 0;
  /*overflow-y: auto;*/
}
.invoice-table-scrollable::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
.invoice-table-scrollable::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #696A6C;
}
.invoice-table-scrollable::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
.invoice-font-weight-400 {
  font-weight: normal;
}
.min-margins {
  margin-top: 1px;
  margin-bottom: 0px !important;
}
#invoiceDetailTable th {
  border-right: 1px solid #eee;
  padding-left: 10px;
}
.no-border-right {
  border-right: none !important;
}
.supplier-invoice-footer {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.supplier-invoice-footer .footer-table {
  font-size: 12px;
  color: black;
}
.supplier-invoice-footer .footer-table.table > tbody > tr > td:first-child {
  border-left: none;
}
.supplier-invoice-footer .footer-table.table > tbody > tr > td:last-child {
  border-right: none;
}
.supplier-invoice-footer .footer-table.table > tbody > tr.first-line > th {
  background-color: #ccc;
  color: black;
  border-top: 1px solid #676767;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr.total-line > td {
  color: #9A5409;
  font-weight: bold;
  border: 1px solid #9A5409;
}
.supplier-invoice-footer .footer-table.table > tbody > tr.last-line > td {
  background-color: #9A5409;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr.single-line > td {
  background-color: #9A5409;
  border-bottom: 1px solid #676767;
  border-top: 1px solid #676767;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr.last-line > td:last-child {
  text-align: center;
  border-bottom: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr > td:not(.last-line) {
  display: table-cell;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr:last-child {
  border-bottom: 1px solid #676767;
  border-right: 1px solid #676767;
}
.supplier-invoice-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td {
  background-color: white;
}
.supplier-invoice-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td {
  background-color: #eee;
}
.supplier-invoice-footer .footer-infos {
  font-size: 12px;
}
.supplier-invoice-footer .footer-infos tbody > tr:first-child > td {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #909090;
}
.supplier-invoice-footer .footer-infos tbody > tr:not(:first-child) > td {
  color: black;
  width: auto;
  padding-right: 25px;
}
.supplier-invoice-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child) {
  width: auto;
  text-align: center;
}
.supplier-invoice-footer .header1 > span,
.supplier-invoice-footer .header2 > span {
  display: table-cell;
  vertical-align: middle;
}
.supplier-invoice-footer .header1 {
  background-color: #9A5409;
  color: white;
  font-weight: bold;
  font-size: 12px;
  height: 30px;
  display: table;
}
.supplier-invoice-footer .header2 {
  background-color: #ccc;
  border-top: 1px solid #676767;
  border-left: 1px solid #676767;
  font-size: 12px;
  height: 30px;
  display: table;
  color: black;
}
.supplier-invoice-footer .header2:last-child {
  border-right: 1px solid #676767;
  color: black;
}
.supplier-invoice-footer .item-tab-row:nth-child(odd) {
  background-color: white;
}
.supplier-invoice-footer .item-tab-row:nth-child(even) {
  background-color: #eee;
}
.supplier-invoice-footer .item-tab-row {
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
  border-top: none;
}
label.bob-form {
  font-weight: bold !important;
  text-transform: uppercase;
  color: #696A6C;
}
label.bob-form.with-margin-top {
  margin-top: 10px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) {
  position: absolute;
  top: 120px;
  bottom: 0;
  right: 0;
  left: 0;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .central-content-header {
  position: absolute;
  top: 16px;
  bottom: 0;
  right: 0px;
  left: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .central-content-header.old-flight-version {
  top: 0px;
  left: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .central-content-header .date-picker-bar {
  position: absolute;
  top: 40px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-content {
  position: absolute;
  bottom: 0;
  top: 90px;
  left: 0;
  right: 0;
  /*height: 100%;*/
  padding-left: 20px;
  padding-right: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-details-content {
  /*height: 100%;*/
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: auto;
  max-height: 700px;
  background-color: #f5f5f7;
  padding-bottom: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details {
  /*display: table;*/
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 20px;
  left: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details.old-flight-version {
  top: 94px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details .flight-detail-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  /*&:after {
            content: '';
            display: block;
            clear: both;
        }*/
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details .flight-detail-header h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  /*float: left;*/
  /*width: 30%;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 50%;
  padding-left: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list.open {
  width: 100%;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list.open table.flights-table {
  border-right: 1px solid #eee;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table {
  border-right: none;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table tr.selected td {
  background-color: #e0eecd;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table .actions {
  border-left: 1px solid #eee;
  text-align: center;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table .actions .btn {
  color: #eee;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table .checkbox-column {
  width: 60px !important;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table .checkbox-column .checkbox_outer {
  left: 12px;
  top: 4px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table td.checkbox-column {
  border-left: 1px solid #d8d9db;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) table.flights-table .clickable-row-td5 {
  vertical-align: middle;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .sideview-rightPane {
  padding-top: 0px;
  /*position: initial;*/
  /*display: table-cell;*/
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background: white;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .sideview-rightPane .rightPane-content {
  background: #f5f5f7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .sideview-rightPane .close.btn-collapse {
  opacity: 1;
  float: none;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 11;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel > .panel > .panel-collapse {
  padding: 10px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel > .panel > .panel-collapse > .panel-body {
  border: none;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel > div > div > .panel-body {
  padding: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-leg-heading {
  background-color: white;
  border-bottom: 1px solid #eee;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  /*height: 50px;*/
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-leg-heading .leg-title {
  /*padding-top: 15px;
            padding-bottom: 15px;*/
  float: left;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-leg-heading .leg-title .panel-title {
  line-height: 38px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-leg-heading .toggle-collapse-btn-right {
  border-left: 1px solid #eee;
  float: right;
  height: 100%;
  padding: 8px 0px;
  width: 40px;
  text-align: center;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-leg-heading :after {
  content: '';
  display: block;
  clear: both;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .panel-footer {
  background-color: white;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel {
  position: relative;
  margin-bottom: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list {
  border: none;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list th {
  border-top: none;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list td,
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list th {
  padding: 3px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list td .readonly-text,
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel table.service-list th .readonly-text {
  padding-left: 14px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .btn-actions {
  display: inline-block;
  float: right;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .separator {
  display: inline-block;
  float: right;
  margin: 0 10px 0 -10px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .panel-default,
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .panel-heading {
  border-radius: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .panel-heading {
  background-color: #f5f5f7;
  height: 40px;
  padding-top: 13px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .panel-title {
  font-size: 14px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-leg-panel .flight-guest-panel .nbGuestTypes {
  position: absolute;
  top: 6px;
  width: 50px;
  text-align: center;
  padding: 0px;
  right: 10px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-actions {
  text-align: right;
  margin-bottom: 10px;
  /*float: left;*/
  line-height: 44px;
  /*margin-left: 40px;*/
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-actions > .btn {
  margin-left: 5px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-actions .btn-edit-flight {
  margin-right: 0px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-actions #ddl-flightStatus {
  display: inline-block;
  width: auto;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-container {
  padding-top: 20px;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-container .right-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #eee;
  border-left: none;
}
.sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-detail-container .internal-remarks {
  margin: 10px;
  margin-top: 0px;
}
#add-multiple-flight-body {
  padding: 40px;
  padding-top: 0px;
}
#add-multiple-flight-body .rules-content {
  margin-top: 20px;
}
#add-multiple-flight-body h2 {
  font-size: 20px;
}
#add-multiple-flight-body span.field-validation-error {
  display: block;
}
#add-multiple-flight-body .btn-toggle {
  width: 50px;
  height: 30px;
  background: white;
  /*display: inline-block;*/
  display: block;
  float: left;
  cursor: pointer;
  padding: 5px 0px;
  border-radius: 5px;
  border: 1px solid #eee;
  text-align: center;
  margin-right: 4px;
}
#add-multiple-flight-body .btn-toggle-on {
  background-color: rgba(105, 163, 5, 0.2);
  /*@GreenBorder;*/
  border-color: #69a305;
}
#add-multiple-flight-body .btn-with-icon.no-border-btn {
  border: none;
  background: transparent;
  padding-right: 0px;
}
#add-multiple-flight-body .btn-with-icon.no-border-btn,
#add-multiple-flight-body .btn-with-icon.no-border-btn .btn-icon {
  /*width: 12px;*/
}
#add-multiple-flight-body .rule-loading-plan-list {
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 20px;
}
#add-multiple-flight-body .rule-loading-plan-select-list {
  width: 70% !important;
}
#add-multiple-flight-body .rule-loading-plan-select-list th {
  font-weight: 600;
  /*semibold*/
}
#add-multiple-flight-body .rule-loading-plan-select-list th + th {
  border-left: 1px solid #eee;
}
#add-multiple-flight-body .rule-leg-quantities-list {
  width: 25%;
  margin-left: 20px !important;
}
#add-multiple-flight-body .rule-container {
  font-style: normal;
  padding: 20px;
  background: #f5f5f7;
  border: 1px solid #d0d1d5;
  margin-bottom: 20px;
}
#add-multiple-flight-body .rule-container .control-label {
  font-style: italic;
}
#add-multiple-flight-body .rule-container .leg-table-div {
  margin-bottom: 20px;
  margin-right: 80px;
}
#add-multiple-flight-body .rule-container .ParentTimePickerInput input {
  padding: 8px;
  width: 36px;
  max-width: 36px !important;
}
#add-multiple-flight-body .rule-container .selectize-input input {
  height: 20px;
}
#add-multiple-flight-body .rule-container table {
  background: white;
}
#add-multiple-flight-body .rule-container .leg-table {
  margin-bottom: 0px;
}
#add-multiple-flight-body .rule-container .leg-table th {
  font-style: italic;
}
#add-multiple-flight-body .rule-container .leg-table-footer {
  padding: 5px;
  border: solid 1px #eee;
  border-top: none;
  width: 100%;
}
#add-multiple-flight-body .rule-container .schedule-div {
  /*max-width: 403px;*/
}
#add-multiple-flight-body .rule-container .registration-type-div,
#add-multiple-flight-body .rule-container .aircraft-div,
#add-multiple-flight-body .rule-container .route-div,
#add-multiple-flight-body .rule-container .airport-div,
#add-multiple-flight-body .rule-container .flight-type-div,
#add-multiple-flight-body .rule-container .tablet-flight-type-div {
  /*width: 150px;
            max-width: 150px;*/
}
#add-multiple-flight-body .rule-container .registration-type-div,
#add-multiple-flight-body .rule-container .aircraft-div,
#add-multiple-flight-body .rule-container .route-div,
#add-multiple-flight-body .rule-container .airport-div,
#add-multiple-flight-body .rule-container .flight-type-div,
#add-multiple-flight-body .rule-container .tablet-flight-type-div,
#add-multiple-flight-body .rule-container .registration-type-div input,
#add-multiple-flight-body .rule-container .aircraft-div input,
#add-multiple-flight-body .rule-container .route-div input,
#add-multiple-flight-body .rule-container .airport-div input,
#add-multiple-flight-body .rule-container .flight-type-div input,
#add-multiple-flight-body .rule-container .tablet-flight-type-div input {
  width: 150px;
  max-width: 150px;
}
#add-multiple-flight-body .rule-container > div:after {
  content: '';
  display: block;
  clear: both;
}
#add-multiple-flight-body .rule-container > div > div:not(.rule-loading-plan-list) {
  /*display: inline-block;*/
  float: left;
  margin-left: 0px;
}
#add-multiple-flight-body .rule-container > div > div:not(.rule-loading-plan-list) + div:not(.rule-loading-plan-list) {
  margin-left: 20px;
}
.ParentTimePickerInput {
  right: 0px;
}
.flight-list-with-details #flightTable {
  table-layout: fixed;
  font-size: 12px;
}
.flight-list-with-details #flightTable th {
  border-right: 1px solid #eee;
}
.flight-list-with-details #flightTable .ddl-registrationType-details div {
  font-size: 12px;
}
.flight-list-with-details #flightTable .ddl-aircraft div {
  font-size: 12px;
}
label.disabled {
  color: lightgrey;
  font-style: italic;
}
.bordered-div {
  border: 2px solid;
  border-radius: 3px;
}
.bordered-div.bordered-div-green {
  border-color: #69a305;
}
.bordered-div.bordered-div-orange {
  border-color: #ff8d00;
}
.bordered-div.bordered-div-red {
  border-color: #a94442;
}
.service-header {
  background: #f5f5f7;
  margin-bottom: 10px;
}
.right-border.right-border-padding.toggle-closed {
  width: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none;
}
.so-central-pane.toggle-opened {
  margin-left: 0px;
}
.supply-orders-page #collapse-left-pane {
  position: absolute;
  top: 278px;
  left: 330px;
  z-index: 1000;
  padding-right: 0px;
  border-left: 1px solid #f5f5f7;
}
.item-detail-col.actions a:active {
  box-shadow: none;
}
.barcode-container {
  padding: 0px 15px;
}
.barcode-container .barcode {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 0px 0px;
  font-weight: bold;
}
.barcode-container .actions a.btn {
  font-size: 35px;
  box-shadow: none;
  margin-top: 0!important;
  position: relative;
  top: -13px;
}
.barcode-container .actions a.btn .btn-icon-remove {
  font-weight: bold;
}
.hover-actions {
  display: none;
}
div:hover > .hover-actions {
  display: block;
}
.error-import > li {
  display: block;
}
.error-import > li.collapsed:before {
  content: "\e080";
}
.error-import > li:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  float: left;
  margin-top: 0px;
  margin-left: -17px;
  color: #a94442;
}
.purchase-order-item-details #collapse-left-pane {
  top: 270px;
  left: 330px;
}
.purchase-order-item-details .right-panel {
  width: 100%;
  display: block;
}
.item-details-create-container .item-detail-table {
  font-size: 12px;
}
.item-details-create-container .item-detail-table.table > tbody > tr.first-line > td {
  border-top: 1px solid #eee;
}
.item-details-create-container .item-detail-table .checkbox_outer input[type='checkbox'] {
  margin-left: 0;
}
.item-details-create-container .item-detail-table > thead > tr {
  height: 30px;
}
.item-details-create-container .item-detail-table > thead > tr > th {
  color: #b9b9b9;
  padding: 0 0 0 10px;
  vertical-align: middle;
  line-height: 2;
}
.item-details-create-container .item-detail-table > thead > tr > th.right-aligned {
  text-align: right;
  padding-right: 10px;
}
.item-details-create-container .item-detail-table .readonly-input-container {
  padding-left: 8px;
}
.item-details-create-container .item-detail-table.table > tbody > tr > td {
  display: table-cell;
  vertical-align: middle;
  border-top: none;
}
.item-details-create-container .item-detail-table td input[type=text] {
  width: 100%;
}
.item-details-create-container .item-detail-table span.readonly-input {
  display: inline-block;
}
.item-details-create-container .item-detail-table span.readonly-input.prefix {
  padding-left: 7px;
}
.item-details-create-container .item-detail-table tr {
  height: 41px;
}
.item-details-create-container .item-detail-table .actions span {
  margin-left: 14px !important;
}
.purchase-order-footer,
.interim-order-footer {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.purchase-order-footer .footer-table,
.interim-order-footer .footer-table {
  font-size: 12px;
  color: black;
}
.purchase-order-footer .footer-table.table > tbody > tr > td:first-child,
.interim-order-footer .footer-table.table > tbody > tr > td:first-child {
  border-left: none;
}
.purchase-order-footer .footer-table.table > tbody > tr > td:last-child,
.interim-order-footer .footer-table.table > tbody > tr > td:last-child {
  border-right: none;
}
.purchase-order-footer .footer-table.table > tbody > tr.first-line > th,
.interim-order-footer .footer-table.table > tbody > tr.first-line > th {
  background-color: #ccc;
  color: black;
  border-top: 1px solid #676767;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.purchase-order-footer .footer-table.table > tbody > tr.total-line > td,
.interim-order-footer .footer-table.table > tbody > tr.total-line > td {
  color: #9A5409;
  font-weight: bold;
  border: 1px solid #9A5409;
}
.purchase-order-footer .footer-table.table > tbody > tr.last-line > td,
.interim-order-footer .footer-table.table > tbody > tr.last-line > td {
  background-color: #9A5409;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid #676767;
}
.purchase-order-footer .footer-table.table > tbody > tr.last-line > td:last-child,
.interim-order-footer .footer-table.table > tbody > tr.last-line > td:last-child {
  text-align: center;
}
.purchase-order-footer .footer-table.table > tbody > tr > td:not(.last-line),
.interim-order-footer .footer-table.table > tbody > tr > td:not(.last-line) {
  display: table-cell;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.purchase-order-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td,
.interim-order-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td {
  background-color: white;
}
.purchase-order-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td,
.interim-order-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td {
  background-color: #eee;
}
.purchase-order-footer .footer-infos,
.interim-order-footer .footer-infos {
  font-size: 12px;
}
.purchase-order-footer .footer-infos tbody > tr:first-child > td,
.interim-order-footer .footer-infos tbody > tr:first-child > td {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #909090;
}
.purchase-order-footer .footer-infos tbody > tr:not(:first-child) > td,
.interim-order-footer .footer-infos tbody > tr:not(:first-child) > td {
  color: black;
  width: auto;
  padding-right: 25px;
}
.purchase-order-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child),
.interim-order-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child) {
  width: auto;
  text-align: center;
}
.receipt-note-item-details #collapse-left-pane {
  top: 270px;
  left: 330px;
}
.receipt-note-item-details .right-panel {
  width: 100%;
  display: block;
}
.receipt-note-footer,
.inventory-footer,
.output-form-footer,
.interim-reception-footer {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.receipt-note-footer .footer-table,
.inventory-footer .footer-table,
.output-form-footer .footer-table,
.interim-reception-footer .footer-table {
  font-size: 12px;
  color: black;
}
.receipt-note-footer .footer-table.table > tbody > tr > td:first-child,
.inventory-footer .footer-table.table > tbody > tr > td:first-child,
.output-form-footer .footer-table.table > tbody > tr > td:first-child,
.interim-reception-footer .footer-table.table > tbody > tr > td:first-child {
  border-left: none;
}
.receipt-note-footer .footer-table.table > tbody > tr > td:last-child,
.inventory-footer .footer-table.table > tbody > tr > td:last-child,
.output-form-footer .footer-table.table > tbody > tr > td:last-child,
.interim-reception-footer .footer-table.table > tbody > tr > td:last-child {
  border-right: none;
}
.receipt-note-footer .footer-table.table > tbody > tr.first-line > th,
.inventory-footer .footer-table.table > tbody > tr.first-line > th,
.output-form-footer .footer-table.table > tbody > tr.first-line > th,
.interim-reception-footer .footer-table.table > tbody > tr.first-line > th {
  background-color: #ccc;
  color: black;
  border-top: 1px solid #676767;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.receipt-note-footer .footer-table.table > tbody > tr.total-line > td,
.inventory-footer .footer-table.table > tbody > tr.total-line > td,
.output-form-footer .footer-table.table > tbody > tr.total-line > td,
.interim-reception-footer .footer-table.table > tbody > tr.total-line > td {
  color: #9A5409;
  font-weight: bold;
  border: 1px solid #9A5409;
}
.receipt-note-footer .footer-table.table > tbody > tr.last-line > td,
.inventory-footer .footer-table.table > tbody > tr.last-line > td,
.output-form-footer .footer-table.table > tbody > tr.last-line > td,
.interim-reception-footer .footer-table.table > tbody > tr.last-line > td {
  background-color: #9A5409;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid #676767;
}
.receipt-note-footer .footer-table.table > tbody > tr.last-line > td:last-child,
.inventory-footer .footer-table.table > tbody > tr.last-line > td:last-child,
.output-form-footer .footer-table.table > tbody > tr.last-line > td:last-child,
.interim-reception-footer .footer-table.table > tbody > tr.last-line > td:last-child {
  text-align: center;
}
.receipt-note-footer .footer-table.table > tbody > tr > td:not(.last-line),
.inventory-footer .footer-table.table > tbody > tr > td:not(.last-line),
.output-form-footer .footer-table.table > tbody > tr > td:not(.last-line),
.interim-reception-footer .footer-table.table > tbody > tr > td:not(.last-line) {
  display: table-cell;
  border-left: 1px solid #676767;
  border-right: 1px solid #676767;
}
.receipt-note-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td,
.inventory-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td,
.output-form-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td,
.interim-reception-footer .footer-table.table > tbody > tr:nth-child(odd):not(.first-line):not(.last-line) > td {
  background-color: white;
}
.receipt-note-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td,
.inventory-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td,
.output-form-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td,
.interim-reception-footer .footer-table.table > tbody > tr:nth-child(even):not(.first-line):not(.last-line) > td {
  background-color: #eee;
}
.receipt-note-footer .footer-infos,
.inventory-footer .footer-infos,
.output-form-footer .footer-infos,
.interim-reception-footer .footer-infos {
  font-size: 12px;
}
.receipt-note-footer .footer-infos tbody > tr:first-child > td,
.inventory-footer .footer-infos tbody > tr:first-child > td,
.output-form-footer .footer-infos tbody > tr:first-child > td,
.interim-reception-footer .footer-infos tbody > tr:first-child > td {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #909090;
}
.receipt-note-footer .footer-infos tbody > tr:not(:first-child) > td,
.inventory-footer .footer-infos tbody > tr:not(:first-child) > td,
.output-form-footer .footer-infos tbody > tr:not(:first-child) > td,
.interim-reception-footer .footer-infos tbody > tr:not(:first-child) > td {
  color: black;
  width: auto;
  padding-right: 25px;
}
.receipt-note-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child),
.inventory-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child),
.output-form-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child),
.interim-reception-footer .footer-infos tbody > tr:not(:first-child) > td:not(:first-child) {
  width: auto;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  body {
    font-size: 12px;
  }
  .item-tab-row .actions-right .btn.special-design {
    width: auto !important;
    padding: 0 0px 0 0 !important;
  }
  .div-above-po-barcode {
    height: 260px;
  }
  .form-group label {
    font-size: 10px !important;
  }
  #list-item-with-action .panel-body th {
    padding: 3px 0 3px 10px;
    font-size: 10px;
  }
  #list-item-with-action .panel-body td {
    font-size: 10px;
  }
  .sideview-leftPane {
    /*width: 220px !important;*/
    width: 220px;
  }
  .sideview-centralPane {
    margin-left: 240px;
  }
  .sideview-centralPane.old-flight-version {
    /*margin-left: 199px;*/
  }
  .sideview-centralPane.old-flight-version.toggle-opened {
    margin-left: 0px;
  }
  .item-tab-row .item-detail-col {
    font-size: 10px;
  }
  .add-item-to-list-zone {
    width: 190px;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .recipe-details-line span {
    font-size: 10px !important;
  }
  .js-sortable li .display-zone > div,
  .js-sortable li .edit-zone > div {
    /*height: 38px;*/
    padding-right: 4px;
    padding-left: 4px;
    font-size: 10px !important;
  }
  #dispatchTable td,
  .dispatch-table td {
    height: 38px !important;
    font-size: 12px !important;
  }
  #dispatchTable td:not(.force-overflow),
  .dispatch-table td:not(.force-overflow) {
    overflow: hidden !important;
  }
  .dispatch-table-invoice td {
    height: 38px !important;
    font-size: 12px !important;
  }
  .dispatch-table-invoice td:not(.force-overflow) {
    overflow: hidden !important;
  }
  .sideview-leftPane .selectableTable td h4 {
    font-size: 12px;
  }
  .row-ciqual {
    font-size: 12px;
  }
  #menuLayout ul ul a {
    font-size: 12px;
    padding: 7px 10px 0 10px;
  }
  .title-bar > div.pull-right {
    max-width: 800px;
  }
  .flight-list-with-details #flightTable .ddl-registrationType-details div {
    font-size: 10px;
  }
  .flight-list-with-details #flightTable .ddl-aircraft div {
    font-size: 10px;
  }
  .flight-list-with-details #flightTable .leg-count {
    font-size: 10px;
  }
  #collapse-left-pane {
    left: 219px;
  }
  .sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details {
    left: 20px;
  }
  .sideview-centralPane.flight-list-centralPane:not(.flight-period-container) .flight-list-with-details.old-flight-version {
    left: 20px;
    top: 116px;
  }
  .supply-orders-page #collapse-left-pane {
    left: 240px;
    top: 265px;
    z-index: 1000;
  }
  .btn .multiselect-selected-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1600px) {
  .item-tab-row .actions-right .btn.special-design {
    width: auto !important;
    padding: 0 0px 0 0 !important;
  }
  .div-above-po-barcode {
    height: 290px;
  }
  .recipe-details-line span {
    font-size: 10px !important;
  }
  .row-ciqual {
    font-size: 10px;
  }
  #dispatchTable td,
  .dispatch-table td {
    height: 40px !important;
    font-size: 12px !important;
  }
  #dispatchTable td:not(.force-overflow),
  .dispatch-table td:not(.force-overflow) {
    overflow: hidden !important;
  }
  .js-sortable li .display-zone > div,
  .js-sortable li .edit-zone > div {
    padding-right: 4px;
    padding-left: 4px;
  }
  .form-group .filterGroup label {
    font-size: 10px;
  }
  .checkbox_outer {
    margin-right: 3px;
  }
  #menuLayout ul ul a {
    font-size: 12px;
    padding: 6px 7px 0 7px;
  }
  .title-bar > div.pull-right {
    max-width: 900px;
  }
}