@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body { font-family: 'Montserrat', sans-serif; }
#header{
  height: 0px;
  overflow: visible;
  position: absolute;
  width: 100%;
}
.btn_dark {
  background: #0488ba;
  border:none!important;
}
.btn_dark:hover {
  background: #60abcb;
  border:none!important;
}
.content_header .btn_dark, .content_footer .btn_dark{
  min-width: 200px;
}
.content_header .btn_dark:first-child:not(:only-child), .content_footer .btn_dark:first-child:not(:only-child){
  background: #ccc;
  width: auto;
  min-width: auto;
  transform: scale(0.9);
}
.content_header .btn_dark:first-child:not(:only-child):hover, .content_footer .btn_dark:first-child:not(:only-child):hover {
  background: #777;
}
#logo {
  margin-top:13px;
}
#logo img, #logo_client img {
  height: 32px;
}
#logged_in span {display: none;}
#logged_in {color:#fff; width: 90px; margin:3px -20px 0px 0px;}
#logged_in a {padding: 10px 20px 10px 10px}
#logged_in a:hover {color:#fff;}

#nav {
  height: 60px;
  background: #092f53; /* Old browsers */
  background: -moz-linear-gradient(left,  #092f53 0%, #304772 30%, #0092c2 90%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #092f53 0%,#304772 30%,#0092c2 90%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #092f53 0%,#304772 30%,#0092c2 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092f53', endColorstr='#0092c2',GradientType=1 ); /* IE6-9 */
  font-family: 'Montserrat', sans-serif;
}
#nav li, #nav a {
  height: 60px;
}
#nav li ul { background:#1a345b;}
#nav a {
  border-right: none;
  padding: 17px 10px 12px 9px;
}
#nav > ul {
  width: 100%;
  padding: 0px 100px 0px 240px!important;;
}
#nav li ul li ul {
  margin-left: 150px;
  margin-top: -38px;
  width: 160px;
}
.customer_overlay {
  left: 65px;
  top: 29px;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  color: #fff;
  position: absolute;
  background: transparent!important;
  background-color: transparent!important;
  padding: 10px 0px;
}
.timezone {padding-top: 9px!important;}
#nav li.timezone select#timezone{ width: 145px;}
.lang-flag { margin-top: 14px!important;}

.page {
  padding: 20px 20px;
  margin: 0px auto;
  width: 100%;
  min-width: inherit;
  max-width: 1600px;
}

.collect.country-list .filtered, .collect.building-list .filtered {
  display: none;
}

.editor-hidden {
  display: none;
}

div.customer_product .list-view table.list.no-sort .col_sort {
  display: none;
}

td:has(> .stock-day) {
  width: 100px;
}

div.customer_product .list-view .content_form .toggle-all {
  cursor: pointer;
}
div.customer_product .list-view .content_form .product-category {
  cursor: pointer;
}

div.customer_product .list-view .content_form .product-category.collapsed + table.list {
  display: none;
}

.customer_product .editor_selectlist.outlet-filter select {
  float: none;
  margin-left: 10px;
}

.customer_product .filters>div {
  display: inline-block;
  margin-left: 20px;
}

/* styling round 1 */

.list-search {
  margin-top: 13px;
  margin-left: 10px;
}

.clear-search  {
  margin-top: 13px;
}

.editor_multitext .language-id {
  display: none;
}

.language-id {
  padding-bottom: 5px;
}

div.afake {
  padding-top: 5px;
  padding-bottom: 10px;
}

.icon_additem {
  padding: 4px 3px 4px 29px !important;
  margin: 0px 0px 6px 0px !important;
}

.lastEdit {
  text-align: right;
  padding-top: 5px;
  color:lightslategray;
}

select {
  padding-left: 5px;
}

.list-length {
  padding-left: 40px;
}

/* Dashboard */

.content_header {
  margin-bottom: 0;
}

.dashboard_customer_box {
  padding-top: 8px;
}

.dashboard_customer_box .cache_container {
  width:440px; float:right;
}

.dashboard_customer_box .update-cache-button, .dashboard_customer_box .update-cache-button:hover {
  clear:both; display:block; width:140px; padding-left: 25px;
  background-image: url("cms/pencil.resource.custom/img/icon_reload.png"); background-repeat: no-repeat; background-size: 25px 25px; background-position: 6px center;
}

.dashboard_customer_box .update-cache-result {
  display: none;
}

.country-group{
  clear: both;
  padding-top: 20px;
  column-count: 4;
}

.region-group .region-title {
  display:none!important;
}
.region-group .country-title {
  font-size:130%;
  padding:10px 0;
  column-span: all;
}
.region-group .customer {
  padding:0;
  line-height: 35px;
  color:#0092c2;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}




.phonenumber {
  padding-left: 8px;
}

.customer_reset {
  padding-top: 8px;
  color:#039!important;
  cursor: pointer;
}

.editor_multifile .editable .item .actions { background:none; border:none;}
.editor_multifile .editable .item .actions .icon.drag { display: none;}
.editor_multifile .editable .item .actions .icon.delete  { margin-left:20px;}
.editor_multifile .editable .item .actions .icon.edit  { margin-left:20px;}

.customer_product_category .editor_multifile { float:left; width: 50%; }
.customer_product_category .editor_iconselectlist { float:left; width: 50%; clear:none!important;}
.customer_product_category .editor_innerlist .editor_iconselectlist { float:left; width: 100%; clear:none!important;}
.customer_product_category .editor_innerlist .editor_iconselectlist .editable {display: block; float: left;width: 300px;padding-top: 68px;}
.customer_product_category .editor_innerlist .icon_preview { clear:none!important;}

/* products */

.image_on_side.editor {
  width: calc(100% - 190px);
  float:left;
}
.image_float_right{
  display:inline-block;
  margin: 42px 0 0 20px;
}
.editor_multifile .editable .item-new input.browse {
    position: absolute;
    display: block;
}
.image_float_right .label { display:none; }
.image_float_right .item  { margin:0px 0px 0px 0px; }
.image_float_right .item-new {  margin:0px; }

.editor_multifile .item > .content { background:#fff; }

/* SEARCH */
.addglobalproduct .header_text {
  font-size: 19px;
  padding-top: 10px;
  color: #042A39;
  font-weight: 600;
}
.main_search .option input + span {
  padding-top: 0px!important;
  height: 20px;
  display: block;
  line-height: 18px;
  margin-top: -32px;
  padding-left: 20px;
}
.add-global-products-box .tab .btn_dark {
  margin-top: 30px;
  clear: both;
  display: block;
  width: 170px;
}
.add-global-products-box .tab .btn_dark:first-letter {
  text-transform:capitalize;
}
#search-box {
  margin-top: 16px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 16px;
  width:350px;
}
.search-result-header-row {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  padding: 0px;
  background: rgba(0,0,0,0.02);
  height:40px;
}
.main_results {}
.search-result-col { float:left; height:40px; line-height:40px; text-align:left; border-bottom: 1px solid #eee;}
.search-result-col-id { width:50px; }
.search-result-col-name { width:440px; }
.search-result-col-addon { width:60px; }
.search-result-col-add-addons input { float:left; margin-right: 5px;}

.search-result-row { clear:both;}
.result-list { margin:0; padding:0!important;}
.search-result-col-select { width:30px}
.results-title {font-size: 120%;  padding: 10px 0px;}
.add-global-products-box .header .multiple_label, .add-global-products-box .header .single_label { float: left; border-bottom: 3px solid #ddd; margin: 0 15px 0 0; padding: 15px;}
.add-global-products-box .header .active_tab { border-bottom: 3px solid #000!important;}
.add-global-products-box .error { color:#cc0000; clear:both; font-style:italic; display:none; padding-top: 5px; }
.add-global-products-box .info { color:#009900; clear:both; font-style:italic; display:none; padding-top: 5px; }
.add-global-products-box .results { padding: 15px 0px; display: none; }
.add-global-products-box .result-list { padding: 15px 0px; }
.add-global-products-box .search-result-row { border-bottom: 1px solid #ddd;}
.add-global-products-box .search-result-col-id {min-width: 220px;white-space: nowrap;}
.add-global-products-box .no-results { display: none; padding: 15px 0px; }
.add-global-products-box .single { clear: both;}
.add-global-products-box .multiple { padding: 15px 0px; display: none; clear: both;}
.add-global-products-box .load-more { margin: 10px 0 20px 0;}
.add-all-addons-container { border-top: 1px solid #000!important; }
.add-all-addons-container input { float:left; margin-right: 5px;}
.add-all-addons-container span  { line-height: 40px;}

.add-all-addons {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}


.floatr {
  margin-left: 10px;
}
.editor_simpletext .prefix {
    padding-top: 15px;
}
.collect {
  margin-top: 2px!important;
}

.option > label > input {
  margin-right: 1px!important;
  margin-left: 0px!important
}

.editor_additionalinfomulticheck > div > .option {
  padding-top: 5px;
}

div[id^="box_country_tax"] > div > div > .prefix {
  min-width: 60px!important;
  text-align: left!important;
  padding-left: 10px;
}

.editor_simpletext .prefix + input {
  padding-left: 50px!important;
}

input + span {
  padding-top: 2px!important;
}

.editor_simpletext.has-prefix-or-suffix input, .editor_simpletext.editor_small input {
    width:140px;
}
.editor_medium input, .editor_medium select {
    width:420px!important;
}

.editor_multifile .editable .item-new input.browse {
  display: block;
}

select.collect {
  padding-left: 8px!important;
  padding-right: 8px!important;
}

/* Customer */
.editor_width_300 {
  min-width: 300px;
}

/* Orders */
.date {
  margin-top: 5px!important;
  padding-left: 8px!important;
  margin-right: 8px!important;
}

.time {
  margin-top: 5px!important;
  padding-left: 8px!important;
}

.remove {
  margin-top: 4px!important;
  margin-left: 10px!important;
}

.unselected {
  margin-top: 12px!important;
}
.unselected-category-box > .unselected {
  margin-top: 0px!important;
}

.unselected > .ui-sortable-handle {
  margin-top: 0px!important;
}

.search > input {
  margin-left: 10px;
}

/* custom dropdown icon

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("cms/pencil.resource.custom/img/dropdown.png");
}

*/

/* order details */

.ordering-user-note .user, .ordering-user-note .note-date {
  display:inline-block;
}
.note-date {
  padding-left: 8px;
  font-size: 11px;
}
.editor_orderdetails > div.label {
  display: block;
  width: 100%;
  padding-bottom: 11px;
}
.ordering-user-note {
  padding-bottom: 26px;
}
.order-line-header {
  font-weight: bold;
  display: inline-block;
}
.order-line-header.product {
  width: 379px;
}
.order-line-header.gross_price_total {
  width: 75px;
  text-align: right;
}
.order-line-header.gross_price {
  width: 75px;
  text-align: right;
}
.order-line {
  padding-top: 5px;
  padding-bottom: 5px;
}
.order-line-addons .order-line {
  padding-top: 0px;
}
.order-line-cell {
  display: inline-block;
}
.order-line-cell.amount {
  font-weight: bold;
  width: 49px;
  padding-right: 31px;
  text-align: right;
}
.order-line-cell.amount.measured-amount {
  width: 49px;
  padding-right: 4px;
}
.order-line-addons .order-line-cell.amount {
  font-weight: normal;
  color: gray;
  font-size: 11px;
}
.order-line-cell.measure {
  width: 24px;
  padding-right: 2px;
}
.order-line-cell.orderable, .order-line-addons .order-line-cell.orderable.discount {
  width: 324px;
}
.order-line-addons .order-line-cell.orderable {
  padding-bottom: 0px;
}
.order-line-cell.refunded {
  padding-left: 5px;
}
.order-line-addons .order-line-cell.orderable {
  width: 374px;
}
.order-line-cell.gross_price {
  width: 50px;
  text-align: right;
}
.order-line-cell.gross_price_total {
  width: 75px;
  text-align: right;
}
.order-line-addons .orderable {
  color: gray;
  font-size: 11px;
}

div.total-excl-label {
  font-size: 1.125em;
  padding-top: 5px;
  display: block;
  width: 370px;
  position: absolute;
}

.total-excl-amount {
  font-size: 1.125em;
  display: block;
  text-align: right;
  width: 105px;
  padding-top: 5px;
  padding-left: 424px;
}

.receipt-sub-label {
  position: absolute;
  padding-left: 8px;
  padding-top: 5px;
  display: block;
  width: 305px;
}

.receipt-sub-amount {
  display: block;
  text-align: right;
  width: 105px;
  padding-top: 5px;
  padding-left: 424px;
}

.order-line-separator {
  width: 530px;
  position: absolute;
  border-top: 1px solid #dddddd;
}

.total-incl-label {
  font-weight: bold;
  font-size: 1.125em;
  padding-top: 5px;
  display: block;
  width: 370px;
  position: absolute;
  text-transform: uppercase;
}

.total-incl-amount {
  font-weight: bold;
  font-size: 1.125em;
  display: block;
  text-align: right;
  width: 105px;
  padding-top: 5px;
  padding-left: 424px;
}

.delivery-cost {
  padding-top: 15px;
  display: block;
  width: 370px;
  position: absolute
}

.delivery-cost-amount {
  display: block;
  text-align: right;
  width: 140px;
  padding-top: 15px;
  padding-left: 370px;
}

.editor_orderdetails .cost-centers {
  margin-top: 20px;
}

.editor_orderdetails .cost-centers .cost-center-note-title {
  margin-top: 5px;
}

.editor_orderdetails .refund-header {
  font-weight: bold;
  font-size: 1.125em;
  display: block;
  color: #CC0000;
  padding-top: 25px;
  text-transform: uppercase;
}

  /** CategorizedSelectList **/
.editor_categorizedselectlist select option.category {
  font-weight: bold;
  font-style: italic;
}
.editor_categorizedselectlist select option.option {
  text-indent: 15px;
}

/* redoing styling round 2 */

div[id^="box_product__image"] > div > .item-new {
  padding-left: 0px!important;
}

.product > div >div[id^="box_product__image"] > div > .item {
  padding-left: 0px!important;
}

div[id^="box_product__image"] > div > .item,  div[id^="box_product__image"] > div > .item-new {
  padding-left: 0px!important;
  margin-bottom: -100px!important;
}
.editor_multifile .editable .item-new .loader { background-color:#fff!important;}
.editor_multifile .editable .item-new label.browse { background-size: auto!important; }

.single-data-lang > .uneditable {
  display: inline-block;
  width: 200px!important;

}

.prefix + input.tax-percentage {
  padding-left: 150px!important;
}

.prefix {
  min-width: 40px!important;
  text-align: left!important;
  padding-left: 10px;
}

div .editor_currency_symbol {
  float: left;
  padding-right: 25px;
  clear: left;
}
div .editor_currency_symbol_prints {
  float: left;
  padding-right: 25px;
  clear: right;
}

div .editor_currency_symbol_placement {
  float: left;
  clear: right;
}

.editor_innerlist .uneditable td .editor_simpletext .suffix,
.editor_innerlist .uneditable td .editor .label,
.editor_innerlist .uneditable td .editor .sublabel,
.editor_innerlist .uneditable td .editor_simpletext.single-data-lang .language-id { display:none; }

div[id^="box_customer__default_language"] {
  float: left;
}
div[id^="box_customer__languages"] {
  float: left;
  clear: none;
  padding-left: 30px;
  width: calc(100% - 200px);
}
div[id^="box_customer__datetime_format"] {
  float: left;
  clear: none;
  padding-left: 30px!important;
}
div[id^="box_customer__decimal_separator"] {
  float: left;
  clear: none;
  padding-left: 30px!important;
}

div[id^="box_product__measure"] , div[id^="box_product__calories"], div[id^="box_customer_product__measure"] {
  width: 140px!important;
  float:left;
}

div[id^="box_product__measure_unit"], div[id^="box_customer_product__measure_unit"] {
  float:left;
  clear:none;
  padding-left:25px;
}

div[id^="box_customer_outlet__number"], div[id^="box_customer_outlet__wbs_code"], div[id^="box_customer_outlet__phone_number"]  {
  width: 200px!important;
}

div[id^="box_app_user"] > div > div.editable {
  display: inline-block;
  width: 100%!important;
}

div[id^="box_app_user__first_name"]  {
  display: inline-block;
  width: 30%!important;
  padding-right: 3%;
}

div[id^="box_app_user__infix"]  {
  display: inline-block;
  width: 30%!important;
  padding-right: 3%;
}

div[id^="box_app_user__last_name"]  {
  display: inline-block;
  width: 34%!important;
}

div[id^="box_product__ean"] {
  width: 40% !important;
}
div[id^="box_product__ean"] input.long {
  display: inline-block;
}
.list-view .list th, .list-view .list td { height:20px!important;}

section, #nav > ul > li > a.active { background: #fafafa;}
.col_sort { width:45px; }
.editor_innerlist input.short, .editor_innerlist textarea.short, .editor_innerlist input.long, .editor_innerlist textarea.long, .editor_innerlist select { width: calc(100% - 10px)!important;}

.transactions {
  margin-top: 20px;
}

.transaction {
  margin-top: 10px;
}

/* Vouchers */

.vouchers .editor:not(.editor_voucher_print_links) {
  width: 70%;
  margin-right: 5%;
  display: inline-block;
}

.vouchers .editor_voucher_print_links {
  width:25%;
  float:right;
}

.vouchers .editor_voucher_print_links .uneditable {
  clear: both;
}

.vouchers .editor_voucher_print_links .print-link {
  display: block;
  padding-top: 10px;
  height: 32px;
  line-height: 32px;
}

.vouchers .editor_voucher_print_links .print-link span {
  vertical-align: top;
  margin-left: 10px;
}

.vouchers .editor_voucher_print_links .print-link span.additional-margin {
  margin-left: 14px;
}

.qrcodes .content_header {
  min-height: 39px;
  margin-bottom: 10px;
}

.qrcodes .content_header a:not(:hover) {
  color: #039;
  text-decoration: none;
}

.print-page { clear:both; }

.print-page .print-header { margin-bottom: 20px; }
.print-page .print-header .main { display: inline-block;}
.print-page .print-header img { display: inline-block; width: 30px; margin: 0 0 -5px 9px;}
.print-page .box_voucher {
  background: white;
  border: 2px solid #ccc;
  padding: 10px;
  position: relative;
  height: 190px;
  width: 300px;
}
.print-page .box_voucher .header .main { font-size:32px; font-weight: bold; line-height: 30px;}
.print-page .box_voucher .header .sub  { font-size:14px; font-weight: bold;}
.print-page .box_voucher .value { font-size:20px; position: absolute; bottom: 10px;}
.print-page .box_voucher .value div:first-child { font-size:12px; }
.print-page .box_voucher .voucher-description { font-size: 14px; padding: 8px 180px 0px 0px;}
.print-page .box_voucher .QR-code { position: absolute;  right: 5px;  top: 85px; }
.print-page .box_voucher .value .header_main { font-size: 12px;}
.print-page .vouchers-container { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 1rem; }

.editor_printlink .label {   padding: 0 0 0 40px;}
.editor_printlink .link {    float: left; margin: -30px 0 0 0; width: 250px;}
.editor_printlink .link img { width:30px;}

@media print {
  header, footer, nav, div#loader, div#breaking_error, .print-header, hr, .content_header {
    display: none;
  }

  .box_voucher {
    margin-bottom: 20px;
  }

  #mainframe {
    box-shadow: none;
  }
  #section {
    border-bottom: none;
  }
  div.box_voucher {
    page-break-inside: avoid;
  }
}

/* Receipt-settings */
.receipt-lines {
  display: block;
  padding-right: 0!important;
}
.receipt-lines .editor_simpletext .uneditable {
  font-family: monospace;
  width: 300px;
}
.receipt-lines .uneditable thead{
  display: none;
}
.receipt-lines .uneditable td{
  border: none;
  padding: 0;
}
.receipt-lines .uneditable tr:first-child td{
  padding-top: 16px;
}
.receipt-lines .uneditable td .editor .label {
  margin: 0;
}
.receipt-lines .uneditable table {
  margin: 20px 0px;
}

.receipt-lines:has(.uneditable) {
  display: none;
}

.receipt-lines:has(.uneditable .translatetext) {
  display: block;
}

/* ExportingSingleList */
.import-block {
  clear: both;
  display: none;
}
.import-block .import-do-nav {
  width: 16px;
  height: 16px;
  padding: 0;
  margin-left: 10pt;
  margin-right: 5pt;
  vertical-align: text-top;
}
.import-block .import-message {
  margin-top: 10px;
}
.import-block .import-message.error {
  color: red;
}
.import-block textarea {
  margin-top: 10px;
  width: 400pt;
  height: 40pt;
  border-radius: 5px;
}
.export-message {
  float: right;
  clear: both;
}
.content_header .btn_import_toggle {
  margin-right: 10px;
}
.content_header .import-parameter {
  float: left;
  clear: both;
}
.content_header .import-submit {
  float: left;
  clear: both;
}
.content_header .import-parameter input {
  width: 200px;
  height: 33px;
  padding: 5px;
  border-radius: 5px;
}

.export-select-list, .export-month-select-list {
  border-radius: 5px;
  margin-left: 10px;
}
.import-explanation-header {
  font-size: 120%!important;
  padding: 20px 0px 20px 40px;
}
.import-explanation-header::before {
  width: 30px;
  height: 30px;
  content: " ";
  display: block;
  float: left;
  background-image: url('cms/pencil.resource.custom/img/exclamation.png');
  background-size: contain;
  margin: 4px 0 0 -40px;
}
.download-link, .import-explanation-toggle {
  color: #005ed3!important;
  cursor: pointer;
}
.import-explanation-row { clear:both; padding-top: 10px;}
.import-column-label { float: left; width: 200px;  }
.import-column-requirements { float: left; width: 200px}
.import-column-requirements b { color:#ff9c00; }
.import-column-info { padding-left: 400px;}

/** IconSelectList **/
.icon_preview {
  clear: both;
  width: 160px;
  height: 160px;
  background: #fff;
  margin: 10px 0;
  border: 1px solid #eee;
  float: left;
}
.icon_preview .preview {
  width: 160px;
  height: 160px;
}

/* Stations */

/* This is equal to all parents of the items with the class station_column_fixed_width; however, since css does not contain a parent selector,
this is the only way to reach these columns. */
.editor_connected_stations td:nth-child(4), .editor_connected_stations td:nth-child(5), .editor_connected_stations td:nth-child(6) {
  width: 200px;
}

.station_column_fixed_width {
  width: 100%!important;
}

.station_column_fixed_width.has-prefix-or-suffix {
  width: 80px!important;
}

.station_column_fixed_width.has-prefix-or-suffix .suffix {
  display: inline-block!important;
  position: absolute;
}

/* IMGDs */

.editor_next_to_screens {
  display: inline-block;
  width: 320px;
  float: right;
  position: absolute;
}

.editor_linked_station {
  margin-left: 30px;
}

.editor_delivery_state {
  margin: 100px 0 0 30px;
}

.editor_outlet select {
  float: none;
  display: block;
}

.editor_screens {
  width: 320px;
  display: inline-block;
  padding-left: 40px;
}

.editor_screens .label {
  margin-bottom: 10px;
}

.editor_screens .option {
  float: none;
}

.editor_start_screen {
  vertical-align: top;
}

.editor_start_screen .sublabel {
  margin-top: 0;
}

/* ModifierFlexCheck */
.editor_modifierflexcheck .selected .flex-item.marked {
  color: #fff;
  background:#333;
}
.editor_modifierflexcheck .unselected-label {
  clear: both;
  font-size: 15px;
  padding-top:15px;
}
.editor_modifierflexcheck .unselected-label::before {
  display: block;
  content: " ";
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin-bottom: 15px;
}
.editor_modifierflexcheck .unselectedbox div:nth-child(2).unselected-label::before {
  display: none;
}

.editor_modifierflexcheck .flex-item .check {
  display: none;
}
.editor_modifierflexcheck .flex-item .type {
  display: none;
}

.editor_flexcheck .editable .unselected .flex-item{
  float:none;
  padding: 5px 0px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Stations Flexcheck */
.stations_flexcheck .editable .unselected {
  -webkit-column-count: 1;
  column-count: 1;
}

/* ColorPicker Editor */
.editor_colorpicker .color-options {
  display: none;
  clear: both;
  padding: 6px;
  background: rgba(0,0,0,0.02);
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 20px 0;
}

.editor_colorpicker .color-options.visible {
  display: inline-block;
}

.editor_colorpicker .color-choice-row {
  height: 32px;
  margin-bottom: 6px;
}

.editor_colorpicker .color-choice {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
}

.editor_colorpicker .color-choice.selected {
  border: 1px solid #000000;
}

.editor_colorpicker .color-options .color-choice:not(:last-child) {
  margin-right: 6px;
}

.editor_colorpicker .color-choice.choice-preview {
  width: 90px;
  display: block;
  background: rgb(255,255,255);
  background: linear-gradient(163deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(244,67,54,1) 50%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
}

.editor_colorpicker .uneditable .color-choice.choice-preview {
  cursor: default;
}

.editor_colorpicker .custom-color-container {
  margin-top: 10px;
}

.editor_colorpicker .custom-color-container input {
  margin-bottom: 0;
  width: 100%;
}

.editor_deselectableselectlist .selected-value {
  clear: both;
}
.editor_deselectableselectlist .de-select-button {
  clear: both;
}

/* DailyTransactions Editor */
.editor_dailytransactions .employee-box {
  clear: both;
}
.editor_dailytransactions .no-transactions {
  clear: both;
}
.editor_dailytransactions .employee-box .transaction div {
  display: inline-block;
}
.editor_dailytransactions .employee-box .transaction .transaction-id {
  width: 150px;
}
.editor_dailytransactions .employee-box .transaction .transaction-date {
  width: 75px;
}
.editor_dailytransactions .employee-box .transaction .transaction-amount {
  width: 75px;
}
.editor_dailytransactions .employee-box .transaction .transaction-order {
  width: 100px;
}

/* Toggle & Switch */
.editor_toggle .switch {
  display: block;
  clear: both;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
.uneditable input:checked + .slider {
  background-color: #8BBDEE;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}
.slider.round {
  border-radius: 24px;
}
.slider.round:before {
  border-radius: 50%;
}

/* CustomerCountryRestrictions Editor */
.editor_customercountryrestrictions .editable,
.editor_customercountryrestrictions .uneditable {
  clear: both;
}

.editor_customercountryrestrictions .box {
  float: left;
  clear: none;
  min-width: 120px;
  margin-right: 10px;
}

/* Self-registration prefix */
.editor.self-reg-url .prefix {
  position: inherit;
}
.editor.self-reg-url .prefix + input {
  padding-left: 5px!important;
}

/* Order page */
.page.orders .editor_datetime{
    padding-left: 0px!important;
    padding-top: 0px!important;
}
/* Country Tax page */
.page.country_tax .tax-percentage {
  width:200px!important;
}
/* Import Pages */
.import-explanation-table {
  display: none;
}

/* ContainerCodeEditor */
.editor_containercode input {
  width: 160px!important;
}

/** ExportCustomerSingleList */
.export-order-button {
  text-transform: uppercase;
}

/* Improved styling default date prefix */
.editor_date .prefix {
  padding-left: 0px;
  font-size: 13px;
}

.editor__hardware_position {
  display: inline-block;
  margin-right: 40px;
}

.editor__above_hardware_positions {
  display: inline-block;
  width: 100%;
}

/* ScanUrl */
.editor_scanurl .uneditable {
  width: 500px !important;
}

.editor_scanurl .copy {
  width: 25px;
  height: 25px;
  background-image: url(../img/copy.png);
  background-size: cover;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.editor_scanurl .copied-text {
  color: #05961D;
  display: none;
  padding-left: 20px;
}

.concept_category {
  color: red;
  font-style: italic;
}

.page.ordering_users .managed-by-sso {
  float: left;
  clear: left;
  color: lightslategray;
}

.editor.editor_enumusernotifications {
  float: left;
  clear: both;
}

.editor.editor_enumusernotifications ~ .editor_enumusernotifications {
  clear: right;
  padding-left: 20px;
}

.editor.editor_dailysalesdate .previous-date, .editor.editor_dailysalesdate .next-date {
  font-size: 30px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.editor.editor_dailysalesdate .previous-date {
  margin-right: 15px;
}

.editor.editor_dailysalesdate .next-date {
  margin-left: 15px;
}

.daily_sales .selectlist_filter {
  display: inline-block;
  margin-right: 30px;
  width: 23%;
}

.daily_sales .editor_dailysales .line {
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
}

.daily_sales .editor_dailysales .header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.daily_sales .editor_dailysales .revenue, .daily_sales .editor_dailysales .amount-per-product {
  vertical-align: top;
  display: inline-block;
  width: 18%;
  margin-right: 2%;
}

.daily_sales .editor_dailysales .amount-revenue-per-outlet {
  vertical-align: top;
  display: inline-block;
  width: 58%;
  margin-right: 2%;
}

.daily_sales .editor_dailysales .revenue-item {
  display: flex;
  justify-content: space-between;
}

.daily_sales .editor_dailysales .revenue-item .value {
  font-weight: bold;
}

.daily_sales .editor_dailysales .group {
  margin-top: 10px;
  margin-bottom: 10px;
}

.daily_sales .editor_dailysales .amount-per-product-item, .daily_sales .editor_dailysales .amount-per-product-addon-item {
  display: flex;
  margin-top: 10px;
}

.daily_sales .editor_dailysales .amount-per-product-item .amount, .daily_sales .editor_dailysales .amount-per-product-addon-item .amount {
  text-align: right;
  margin-right: 5px;
  width: 20px;
  font-weight: bold;
}

.daily_sales .editor_dailysales .amount-per-product-addon-item {
  font-size: 10px;
}

.daily_sales .editor_dailysales .no-data {
  display: flex;
  justify-content: center;
  font-size: 30px;
  margin-top: 40px;
}

.daily_sales .title {
  font-size: 19px;
  font-weight: bold;
  margin-top: 10px;
}

.daily_sales input.date {
  background-color: transparent !important;
  border: none;
  min-width: 128px;
  font-size: 16px;
  font-weight: bold;
}

#box_daily_sales__property {
  width: 23.3%;
}

#box_daily_sales__environment {
  margin-right: 0 !important;
}

.daily_sales .editor_dailysales .line {
  margin: 30px 0;
}

.daily_sales .editor_selectlist .collect {
  width: 100% !important;
}

.editor_flexcheck .uneditable .unselected-label { display: none; }

.page.service_monitor .content_form > div:first-child {
  padding-top: 20px;
}
.page.service_monitor .services thead th {
  font-weight: bold;
  text-align: left;
  padding-right: 20px;
}
.page.service_monitor .services tbody td {
  padding: 3px 20px 3px 0;
}
.page.service_monitor .execute-msg {
  color: #c40000;
  padding-bottom: 10px;
}
.page.service_monitor .execute-msg .warning {
  padding-right: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.page.service_monitor .btn-run {
  padding: 3px 0px;
  clear: both;
  text-align: center;
  min-height: 18px;
  cursor: pointer;
  display: block;
  width: 65px;
  color: #fff;
  border-radius: 10px;
  background: #0488ba;
  border: none;
  transition: background-color .3 ease-in-out; -moz-transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out;
}
.page.service_monitor .btn-run:hover {
  background: #60abcb;
  background-image: url("cms/pencil.resource.custom/img/icon_reload.png");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 2px center;
}
.page.service_monitor .run-result {
  display: none;
}
.page.service_monitor .run-result.error {
  color: #c40000;
}
.page.service_monitor .run-result.success {
  color: green;
}
.page.service_monitor .service-schedule.disabled {
  opacity: 25%;
}
.page.service_monitor .tooltip {
  position: relative;
  display: inline-block;
}
.page.service_monitor .tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #222;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -40px;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
}
.page.service_monitor .tooltip:hover .tooltiptext {
  visibility: visible;
}

/** Company balance **/
.editor_innerlist.company_balance .editor.update .prefix {
  display: inline-block;
  position: relative;
}
.editor_innerlist.company_balance .editor.update .suffix {
  display: inline-block;
  padding-top: 15px;
}
.editor_innerlist.company_balance .editor.company_balance_months input {
  width: 40px!important;
  padding-left: 0!important;
  text-align: center;
}

/** Advised selling price **/
.editor_countryproductcosts .uneditable {
  clear: both;
  padding-top: 8px
}

/** Company balance **/
.editor.editor_innerlist.company_balance th.hidden-when-empty.monthX,
.editor.editor_innerlist.company_balance th.hidden-when-empty.weekX {
  display: none;
}
.editor.editor_innerlist.company_balance td.hidden-when-empty:has(> [style*="display: none"]) {
  display: none;
}

/** Customer product tabs **/
.tab_headers {
  width: 100%;
  position: relative;
  display: table;
  border-bottom: 2px solid #002138;
}

.tab_headers .tab_header.selected {
  background: #002138;
  border: none;
  border-bottom: 2px solid #002138;
  color: #fff;
}

/** Menu manager fields **/
.menu-manager-fields .toggle-btn {
  text-align: center;
  width: auto;
  padding: 4px 20px 4px 20px;
  margin: 15px 0 0 10px;
  text-decoration: none!important;
  transition: background-color .3 ease-in-out; -moz-transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out;
  cursor: pointer;
  border: solid 1px #d98100;
  border-top: none!important;
  border-left: none!important;
  font-weight: 600;
  color: #022A39;
  border-radius: 10px;
  background: rgba(0,0,0,0.02);
  display: inline-block;
  border-color: #ddd;
}
.menu-manager-fields .toggle-btn:hover { color: #2f4055; }
.menu-manager-fields .editable, .menu-manager-fields .uneditable {
  display: none;
}

/** Menu management **/
.customer_menu_management #products-sort, .customer_menu_management #default-menu-sort {
  width: -webkit-fill-available;
  min-height: 20px;
  list-style-type: none;
  padding: 5px 0 0 10px;
  float: left;
  margin: 0 10px 0px 0;
}

.customer_menu_management #products-sort, .customer_menu_management .product-list #default-menu-sort {
padding-left: 0;
}

.customer_menu_management .content_header {
  border-bottom: none
}

.customer_menu_management .draggable {
  margin: 0 5px 5px 0;
  padding: 10px 5px 10px 0;
  font-size: 1.2em;
  width: 100%;
  height: 50px;
  cursor: grab;
  display: flex;
  align-items: center;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
  color: #000;
}

.customer_menu_management .draggable .right {
  display: flex;
  align-items: center;
}

.customer_menu_management .draggable .right .stock {
  color: white;
  position: relative;
  margin-right: 16px;
  margin-top: -5px !important;

  z-index: 1;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  border-radius: 999px;
}

.customer_menu_management .draggable .right .stock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #C45012;
  border-radius: 999px;
  z-index: -1;
}

.ui-state-highlight,
.customer_menu_management .ui-widget-content .ui-state-highlight,
.customer_menu_management .ui-widget-header .ui-state-highlight {
    border: 30px solid transparent;
    background: transparent;
    color: transparent;
}

.customer_menu_management .product-list .draggable {
    width: 100%;
    background: #fafafa;
}

/* .customer_menu_management .draggable:hover {
  background: #fafafa;
} */

.customer_menu_management .draggable .left {
  display: flex;
  align-items: center;
  margin-right: auto;
  max-width: calc(100% - 70px);
}

.customer_menu_management .default-menu .draggable .left {
  max-width: 320px;
}
.customer_menu_management .default-menu .draggable {
  width: 400px;
}

.customer_menu_management .draggable-list-products .draggable .left {
  max-width: calc(100% - 40px);
}

.customer_menu_management .draggable .unavailable * {
  opacity: .5;
  font-style: italic;
}

.customer_menu_management .draggable .unavailable .unavailable-label {
  min-width: max-content !important;
  font-style:normal;
  height: 18px;
  display: flex;
  align-content: baseline;
  padding: 4px 10px;
  content: "Not available";
  opacity: 1;
  font-size: 12px;
  background: #666;
  color: #fff;
  border-radius: 32px;
  transform: translate(-10px, -2px);
}

.customer_menu_management .draggable .left span {
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word !important;
  margin-left: 20px;
  margin-right: 20px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 13px;
}

.customer_menu_management .draggable-list-products .draggable .left span {max-width: calc(100% - 80px );min-width: 220px;}

.customer_menu_management .draggable .left span {
  /* margin-right: 0px !important; */
}

.customer_menu_management .draggable img {
  margin-right: -10px
}

.customer_menu_management .draggable:active {
  cursor: grabbing;
}

.customer_menu_management .draggable .icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
  align-self: right;
  opacity: .25;
}

.customer_menu_management .draggable .icon.cogwheel {
  background-image: url("cms/pencil.resource.custom/img/menu-management-cogwheel.png");
  padding-right: 10px;
  width: 22px;
  height: 24px;
  background-size: 22px 22px;
  margin-top: 1px !important;

}

.customer_menu_management .draggable .icon.remove {
  background-image: url("cms/pencil.resource.custom/img/menu-management-remove.png");
  margin-top: -5px !important;
}

.customer_menu_management .outlet-select-list {
  font-size: 21px;
  color: #022A39;
  border-radius: 5px;
  padding-left: 10px;
  margin-left: 9px;
  font-weight: bold;
}

.customer_menu_management .content_body {
  display: flex;
  position: relative;
}

.customer_menu_management .menu-management {
  width: 66.66%;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 0px 8px #ddd;
  margin-left: 20px;
  margin-right: 50px;
  /* max-width: 800px; */
}

.customer_menu_management .menu-management .drag-box {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px);
  height: 50px;
  border: 2px dotted #ccc;
  color: #888;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

.customer_menu_management .menu-management .ui-droppable-active {
  color: #153ac7 !important;
   border: 2px dotted #153ac7;
  opacity: 0.6;
  font-weight: bold;
  box-shadow: inset 0px 0px 6px #c8d3fd;
}

.customer_menu_management .menu-management .ui-droppable-hover {
  color: #153ac7 !important;
   border: 2px dotted #153ac7;
  opacity: 1;
  box-shadow: inset 0px 0px 0px #dde4ff;
}

.customer_menu_management .menu-tabs {
  width: calc(100% - 20px);
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.customer_menu_management .menu-tabs .menu-tab {
  cursor: pointer;
  display: inline-block;
  padding: 15px;
  padding-bottom: 15px;
  font-weight: bold;
  color: gray;
  width: 110px;
  display: inline-flex;
  justify-content: end;
}

.customer_menu_management .menu-tabs .menu-tab:first-child:before {
  content: "";
  position: absolute;
  width: 64px;
  height: 20px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  transform: translate(-90%, -20%);
  background-image: url("cms/pencil.resource.custom/img/menu-management-menu.png");
  opacity: 0.4;
}

.customer_menu_management .menu-tabs .menu-tab:nth-child(2):before {
  content: "";
  position: absolute;
  width: 64px;
  height: 20px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  transform: translate(-73%, -12%);
  background-image: url("cms/pencil.resource.custom/img/menu-management-calendar.png");
  opacity: 0.4;
}

.customer_menu_management .menu-tabs .menu-tab.selected {
  border-bottom: 5px solid #153AC7;
  color: #153AC7;
}

.customer_menu_management .menu-tabs .menu-tab.selected:first-child:before,
.customer_menu_management .menu-tabs .menu-tab.selected:nth-child(2):before{
  filter: invert(30%) sepia(90%) saturate(3000%) hue-rotate(220deg);
  opacity: 1;
}

.customer_menu_management .product-list {
  width: calc(33.33% - 35px);
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 93px;
  right: 0px;
  width: 380px;
}
@media screen and (min-width: 1486px) {
  .customer_menu_management .product-list { right: 3%; }
}
@media screen and (min-width: 1686px) {
  .customer_menu_management .product-list { right: 6%; }
}
@media screen and (min-width: 1886px) {
  .customer_menu_management .product-list { right: 11%;}
}
@media screen and (min-width: 2086px) {
  .customer_menu_management .product-list { right: 15%;}
}
@media screen and (min-width: 2286px) {
  .customer_menu_management .product-list { right: 18%;}
}
@media screen and (min-width: 2486px) {
  .customer_menu_management .product-list { right: 21%;}
}

.customer_menu_management .product-wrapper {
  border-top: 1px solid #ccc;
  width: 100%;
  margin-top: 20px;
  overflow-y: scroll;
  padding: 0 0 0 10px;
  height: calc(100vh - 297px);
  /* border-bottom: 1px solid #000; */
  box-shadow: 0 10px 10px -10px #ccc;
}
.customer_menu_management .week-menu {
  display: flex;
  margin: 15px 5px;
}

.customer_menu_management .week-menu .week-number {
  width: fit-content;
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 15px;
}

.customer_menu_management .week-menu .current {
  background: green;
  font-size: .8em !important;
  transform: translateY(-2px);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 50px;
}

.customer_menu_management .week-menu .icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
}

.customer_menu_management .week-menu .icon.previous-week {
  background-image: url("cms/pencil.resource.custom/img/menu-management-previous.png");
  margin-top: 13px;
  width: 5%;
}

.customer_menu_management .week-menu .icon.next-week {
  background-image: url("cms/pencil.resource.custom/img/menu-management-next.png");
  margin-top: 13px;
  width: 4%;
}

.customer_menu_management .week-menu .week-container {
  width: 60%;
  padding-top: 5px;
  margin-right: 50px;
}

.customer_menu_management .week-menu .week-container .day-container {
  padding-bottom: 15px;
}

.customer_menu_management .week-menu .week-container .day {
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 10px
}

.customer_menu_management #week-menu-sort {
  /* border: 1px solid #eee; */
  width: 100%;
  min-height: 20px;
  list-style-type: none;
  padding: 5px 0 0 0;
}

.customer_menu_management .week-menu .drag-products-text {
  position: absolute;
  color: #888
}

.customer_menu_management .week-menu .drag-products-text.hide, .customer_menu_management .week-menu .copy-week-wrapper.hide {
  display: none;
}

.customer_menu_management .week-menu .copy-week-wrapper {
  cursor: pointer;
  color: #153AC7;
  font-size: 1.2em;
  margin-top: 20px;
}

.customer_menu_management .week-menu .icon.copy-week {
  background-image: url("cms/pencil.resource.custom/img/menu-management-copy.png");
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: translateY(8px);
  padding-right: 7px;
  filter: invert(30%) sepia(90%) saturate(3000%) hue-rotate(220deg);
}

.customer_menu_management .week-menu .copy-week-popover {
  display: none;
  background-color: #fff;
  width: 200px;
  border-radius: 6px;
  padding: 20px 20px;
  position: absolute;
  z-index: 1;
  transform: translate(42px, -440px);
  margin-left: -60px;
  height: 350px;
  overflow-y: auto;
  box-shadow: 0px 4px 21px 0px #0000001A;
}
.customer_menu_management .week-menu .copy-week-popover .title {
  padding-bottom: 20px;
  font-weight: 500;
  color: #888
}

.customer_menu_management .week-menu .copy-week-popover .week-wrapper {
  padding-bottom: 10px
}

.customer_menu_management .week-menu .copy-week-popover .week-wrapper:hover {
}

.customer_menu_management .week-menu .copy-week-popover .week-number {
  font-weight: 700;
}

.customer_menu_management .week-menu .copy-week-popover .week-start-end {
  opacity: .66;
  font-weight: 700;
}

.customer_menu_management .week-menu .title {
  font-weight: bold;
}

.customer_menu_management .week-menu .week-wrapper {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  margin-top: 15px;
}

.customer_menu_management .week-menu .week-wrapper .week-number {
  font-size: 16px;
  padding-bottom: 10px;
}

.customer_menu_management .content_header {
  display: inline-block;
  width: calc(66.6% + 40px);
  margin-left: 20px;
}

.customer_menu_management .product-list-header .title {
  /* padding-bottom: 10px */
}

.customer_menu_management .content_header h1 {
  /* width: 100%; */
}

.customer_menu_management .product-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.customer_menu_management .product-list .search {
  display: flex;
  align-items: center;
}

.customer_menu_management .product-list .search .list-search {
  width: 100px;
  height: 33px;
  padding: 5px;
  border-radius: 5px;
  margin-top: 0;
}

.customer_menu_management .product-list:has(input.list-search:invalid) .clear-search { display: none; }
.customer_menu_management .product-list:has(input.list-search:valid) .clear-search { display: block; }
.customer_menu_management .product-list .clear-search {
  cursor:pointer;
  background-image:url("cms/pencil.resource.core/img/delete.png");
  width:24px;
  height:20px;
  -webkit-background-size:24px 24px;
  background-size: 24px 24px;
  filter: grayscale(1);
  float: right;
  margin-right: -24px;
  transform: translateY(-10px);
}

.customer_menu_management .product-list .no-products {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
  opacity: .8;
}

.customer_menu_management .product-list .icon.in-default-menu.hide, .customer_menu_management .product-list .icon.in-week-menu.hide {
  display: none;
}

.customer_menu_management .product-list .icon.in-default-menu {
  background-image: url("cms/pencil.resource.custom/img/menu-management-menu.png");
  position: relative;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  transform: translateY(5px);
  margin-left: -20px;
  transform: translateX(10px);
  z-index: 1;
  opacity: 1;
  filter: invert(1);
}
.customer_menu_management .product-list .icon.in-default-menu:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 4px;
  filter: invert();
  mix-blend-mode: multiply;
}

.customer_menu_management .product-list .icon.in-week-menu {
  background-image: url("cms/pencil.resource.custom/img/menu-management-calendar.png");
  position: relative;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  transform: translateY(5px);
  margin-left: -20px;
  transform: translateX(10px);
  z-index: 1;
  opacity: 1;
  filter: invert(1);
}

.customer_menu_management .product-list .icon.in-week-menu:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #153AC7;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 4px;
  filter: invert();
  mix-blend-mode: multiply;
}
.customer_menu_management .product-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.editor_dailymenudetails table { width:100%; margin:0 0 20px 0; padding:0; border-spacing:0; border-collapse:collapse; }
.editor_dailymenudetails table th { text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; padding:10px 0; background:rgba(0,0,0,0.02); ; }
.editor_dailymenudetails table td { text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; padding:5px 0; }
.editor_dailymenudetails th:first-child,
.editor_dailymenudetails td:first-child { padding-left:5px;}
.editor_dailymenudetails .editable table .col_add_del { width:45px;padding-left:0px!important; }
.editor_dailymenudetails .editable table td.col_add_del .delete    { }
.editor_dailymenudetails .editable th.col_add_del > div { padding:3px 3px; min-width:0; width:24px; margin-left:3px; }
.editor_dailymenudetails .uneditable td .editor .label,
.editor_dailymenudetails .uneditable td .editor .sublabel,
.editor_dailymenudetails .uneditable td .editor_simpletext.single-data-lang .language-id { display:none; }
.editor_dailymenudetails .no-entries { clear: both; }

/* temp until they are in pencil */
.popup_back .popup_frame .buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 20px;
  gap: 20px
}

.customer_menu_management .popup_back .popup_frame .title {
  font-size: 13px;
  font-weight: 700;
}

.customer_menu_management .popup_back .popup_frame  {
 min-width: 400px;
 overflow: auto;
  max-width: 600px
}
.customer_menu_management .popup_frame .button:first-child {
  margin-right: auto;
}
.customer_menu_management .popup_frame .cancel div,
.customer_menu_management .popup_frame .button:first-child div{
  min-width: unset !important;
  background: none;
  color: #020233;
  outline: 1px solid #020233 !important;
}

.customer_menu_management .popup_frame .confirm div {
  min-width: unset !important;
  background: #A6272A;
}
.customer_menu_management .popup_frame .confirmForDay div {
  min-width: unset !important;
  background: #020233;
}

.customer_menu_management .popup_frame .confirmForOutlet div {
  min-width: unset !important;
  background: #153AC7;
}

.popup_back .popup_frame .buttons .button div {
  padding: 10px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
}
.popup_back { max-width: none; }

/** QR code toggle **/
.editor.editor_qrcode .label {
  cursor: pointer;
}
.editor.editor_qrcode .uneditable {
  display: none;
}

/** GIP-related styling **/
.page .content_header .gip-header {
  float: right;
}
.page .content_header .gip-header div {
  float: right;
  clear: both;
}
.page .content_form .managed-by-gip {
  background-image: url(../img/link.png);
  background-color: #D8F3CE;
  background-repeat: no-repeat;
  background-position: 8px 4px;
  width: 32px;
  height: 24px;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 30px 0px 5px;
  border-radius: 32px;
  margin: 0 15px 0 5px;
}

.page .content_form .managed-by-gip:before {
  vertical-align: middle;
  content: "MMS";
  color: #337437;
  font-size: 11px;
  position: absolute;
  margin-top: 5px;
  margin-left: 24px;
}

.search-result-col .managed-by-gip:before {
  margin-top: -8px !important;
}
.search-result-col .managed-by-gip {
  margin-right: 8px !important;
}

.search-result-col .not-managed-by-gip {
  background-image: url(../img/unlink.png);
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 8px 4px;
  width: 32px;
  height: 24px;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 50px 0px 5px;
  border-radius: 32px;
  margin: 0 15px 0 5px;
}

.search-result-col .not-managed-by-gip:before {
  vertical-align: middle;
  content: "No MMS";
  color: #25282A;
  font-size: 11px;
  position: absolute;
  margin-top: -8px !important;
  margin-left: 24px;
}

.search-result-col .not-managed-by-gip:before {
  margin-top: -8px !important;
}

.page .content_form .external-id {
}

/* .cms_translations */
.cms_translations .popup_frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 40%;
  padding: 20px;
}

.cms_translations .closepop {
  position: absolute;
  top: 10px;
  right: 10px;
}

.cms_translations .controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 20px 0; /* Add padding above and below the controls */
}

.cms_translations .input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
}

.cms_translations .description {
  margin-top: 10px;
}

.stock-day {
  width: 100px;
}

/* Collapsible Product Categories Customer   */
.product-category {
  margin-left: 24px;
  padding-bottom: 20px;
}

.collapsed.product-category:before {
  background-image: url("cms/pencil.resource.custom/img/menu-management-next.png");
  background-repeat: no-repeat;
  background-size: 26px 26px;
  position: absolute;
  transform: translate(-30px,-3px);
  content: "";
  width: 26px;
  height: 26px;
}

.product-category:before {
  background-image: url("cms/pencil.resource.custom/img/menu-management-next.png");
  background-repeat: no-repeat;
  background-size: 26px 26px;
  position: absolute;
  transform: translate(-30px,-3px) rotate(90deg);
  content: "";
  width: 26px;
  height: 26px;
}

.toggle-all {
  padding: 8px 15px;
  margin: 20px 0 15px;
  background: #e5e5e5;
  width: max-content;
  border-radius: 10px;
  text-transform: uppercase;
}

/* Customer credit amounts */
.page.customer .credit_amounts table tr td:first-child {
  display: none;
}
.page.customer .credit_amounts table tr th:first-child {
  display: none;
}

/* User credit refund */
.user_credits {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.user_credits > div:nth-child(1) {
  flex-basis: 100%;
}

.user_credits > div:nth-child(2) {
  font-weight: bold;
  font-size: 1.25em;
  padding: 0.725em  1em 0 0.25em;
}

.user_credits > div:nth-child(2) .uneditable {
  color: black;
}

#page_popup.user-credit .popup_frame {
  width: 500px;
}

#page_popup.user-credit .popup_frame .message{
  line-height: 2;
}

/* Customer Tabs*/

/* General Tab*/

.tab {
  position: relative;
}
.customer .content_form,
.customer .content_form > .content {
  display: block !important;
  position: relative;
}

.editor-customer-country {
  margin-right: 42% !important;
}

.editor-customer-country,
.editor-customer-tenants {
  float: left !important;
  width: 23%;
  margin-right: 2%;
  box-sizing: border-box;
  clear: none;
}

.editor-customer-country select {
  width: 100%
}

div[id^="box_customer__tenants"] {
  width: 48% !important;
  display: block !important;
  float: left !important;
  clear: none !important;
}

div[id^="box_customer_ext__auth_secret"] {
  width: 48%;
  display: inline-block;
}

div[id^="box_customer__name"],
div[id^="box_customer__name_short"] {
  width: 23%;
  display: inline-block;
  margin-right: 2%;
  float: left;
  clear: none;
}

div[id^="box_customer__image"] {
  position: relative;
  right: -16px;
  max-width: 20%;
  box-sizing: border-box;
  float: right;
}

div[id^="box_customer__code"] {
  clear: left !important
}
div[id^="box_customer__code"],
div[id^="box_customer__email"] {
  float: left;
  clear: none;
  width: 23%;
  display: inline-block;
  margin-right: 2%;
}

div[id^="box_customer__default_language"] {
  width: 23%;
  display: inline-block;
  clear: left;
  margin-right: 2%;
}

div[id^="box_customer__default_language"] select {
  width: 100%
}

div[id^="box_customer__languages"] {
  width: 72%;
  padding-left: 0;
  clear: right !important;
}

div[id^="box_customer__container_prefix"] {
  float: left !important;
  /* clear: right; */
  width: 23%;
  display: inline-block;
  margin-right: 2%;
  margin-left: 0 !important;
}

div[id^="box_customer__container_measure_unit"] {
  width: 23%;
  float: left;
  clear: none
}

div[id^="box_customer__container"] input,
div[id^="box_customer__container"] select {
  width: 100% !important;
  float: left;
  clear:both;
}

div[id^="box_customer__container"] {
  position: relative;
}

div[id^="box_customer__container"] .sublabel {
  margin-top: 0 !important;
  position: absolute;
  bottom: 4px;
  left: calc(100% + 8px);
  width: 100%;
}

div[id^="box_customer__product_cache_update"] input{
  width: 23% !important
}

div[id^="box_customer__settings"] {
  float: left;
  width: 32% !important;
  margin-right: 1%;
  padding-bottom: 20px
}

div[id^="box_customer__meeting_types"] {
  float: left;
  clear: none;
  width: 23% !important;
}

div[id^="box_customer__product_requests_email"] {
  float: left;
  clear: right;
  width: 66% !important;
}

div[id^="box_customer__loyalty_points"] {
  float: left;
  clear: right;
  width: 48% !important;
}

div[id^="box_customer__self_registration_domains"] sublabel {
  margin: 23px 0 3px 5px;
}

/* Financial Tab*/

div[id^="box_customer__refund_email"] {
  float: left;
  clear: none;
  width: 23% !important;
}

div[id^="box_customer__max_voucher_amount"] input {
  width: 23% !important;
}

div[id^="box_customer__credit_amounts"] {
  width: 50%;
}

div[id^="box_customer__credit_amounts"]:first-child {
  width: 50%;
}

/* External Integrations Tab */

div[id^="box_customer__adyen_config"],
div[id^="box_customer__adyen_locale"],
div[id^="box_customer__adyen_country_code"],
div[id^="box_customer__adyen_currency_code"],
div[id^="box_customer__adyen_merchant_account"] {
  float: left;
  clear: none;
  width: 18% !important;
  margin-right: 2%;
}

div[id^="box_customer__adyen_config"] select,
div[id^="box_customer__adyen_locale"] select,
div[id^="box_customer__adyen_country_code"] input,
div[id^="box_customer__adyen_currency_code"] input,
div[id^="box_customer__adyen_merchant_account"] input
{
  width: 100% !important;
}

div[id^="box_customer__nets_user"],
div[id^="box_customer__nets_password"] {
  width: 38% !important;

}

/* PineLabs*/
div[id^="box_customer__pine_labs_plutus_merchant_id"] {
  float: left;
  width: 38%;
  clear: both;
  margin-right: 2%;
}

div[id^="box_customer__pine_labs_plutus_security_token"] {
  float: left;
  width: 40%;
  clear: none;
}

[id^="box_customer__pine_labs_plural_merchant_id"] {
  float: left;
  width: 38%;
  clear: both;
  margin-right: 2%;
}

[id^="box_customer__pine_labs_plural_security_token"] {
   float: left;
  width: 40%;
  clear: none;
}

[id^="box_customer__pine_labs_plural_access_code"] {
  float: left;
  width: 40%;
  clear: none;
}

[id^="box_customer__pine_labs_plural_secret_key"] {
    float: left;
  width: 38%;
  clear: none;
  margin-right: 2%;
}

[id^="box_customer__pine_labs_plural_currency_code"] {
  float: left;
  width: 19%;
  clear: none;
  margin-right: 2%;
}

[id^="box_customer__pine_labs_plural_country_code"] {
  float: left;
  width: 19%;
  clear: none;
}

[id^="box_customer__pine_labs_plural_email"] {
  float: left;
  width: 38%;
  clear: both;
  margin-right: 2%;
}

[id^="box_customer__pine_labs_plural_phone_number"] {
  float: left;
  width: 40%;
  clear: none;
}

[id^="box_customer__payment_broker_merchant_key_"] {
  float: left;
  width: 38%;
}

/* Visual Tab  */

[id^="box_customer__receipt_header_lines"],
[id^="box_customer__receipt_footer_lines"] {
  width: 74%;
  clear: none;
}

[id^="box_customer__custom_css"],
[id^="box_customer__custom_email_css"] {
  width: 74%
}

/* Outlet Tabs  */

.image_float_right .label {
  display:inherit;
  padding-bottom: 10px;
}

.image_float_right .item {
  margin:0px 0px 0px 0px;
}

.image_float_right .item-new {
  margin:0px;
}

.image_float_right{
  margin: 0px 0 0 20px;
}

[id^="box_customer_outlet__phone_number"],
[id^="box_customer_outlet__tax_rule"],
[id^="box_customer_outlet__number"],
[id^="box_customer_outlet__wbs_code"] {
  float: left;
  clear: none;
  min-width: 18% !important;
  margin-right: 2%;
}

[id^="box_customer_outlet__phone_number"] input,
[id^="box_customer_outlet__tax_rule"] select,
[id^="box_customer_outlet__number"] input,
[id^="box_customer_outlet__wbs_code"] input{
  width: 100% !important;
}

[id^="box_customer_outlet__future_order_min"] {
  float: left;
  clear: none;
  width: 38% !important;
  margin-right: 2%;
}

[id^="box_customer_outlet__future_order_max"] {
    float: left;
  clear: none;
  width: 48% !important;
  margin-right: 2%;
}

[id^="box_customer_outlet__default"] {
  float: left;
  clear: none;
  width: 38% !important;
  margin-right: 2%;
}

[id^="box_customer_outlet__auto"] {
  float: left;
  clear: none;
  width: 38% !important;
  margin-right: 2%;
}