/* Document * Normalize & Reset style
       =================================== */
:root {
    --white: #ffffff;
    --pageBg:#fafafa;
    --drakBg:#030303;
    --border-color:#dfdfdf;
    --cardBg:#ffffff;
    --footerBg:#dcdcdc;
    --premiere-color:#065fd4;
    --secondary-color:#F53335;
    --premiereText-color:#414142;
    --secondaryText-color:#757575;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
* { box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size:14px;}
html {
    font-family: 'Roboto', sans-serif;   
    line-height: 1.3;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
body{margin:0; padding: 0;  font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#414142; background-color: #ffffff; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body{width: 100%; height: 100%;}
@-ms-viewport { width: device-width; }
  article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
[tabindex="-1"]:focus { outline: 0 !important;}
hr { box-sizing: content-box; height: 0; overflow: visible; }
object{min-height: 400px;}

/* Typography 
       ========================================================================== */

@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("fonts/roboto/Roboto-Thin.eot");
  src: url("fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("fonts/roboto/Roboto-Thin.woff") format("woff"), url("fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("fonts/roboto/Roboto-Light.eot");
  src: url("fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Light.woff2") format("woff2"), url("fonts/roboto/Roboto-Light.woff") format("woff"), url("fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("fonts/roboto/Roboto-Regular.eot");
  src: url("fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("fonts/roboto/Roboto-Regular.woff") format("woff"), url("fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Medium.eot");
  src: url("fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("fonts/roboto/Roboto-Medium.woff") format("woff"), url("fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Bold.eot");
  src: url("fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("fonts/roboto/Roboto-Bold.woff") format("woff"), url("fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

/*  ===========  Material Icons */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
       url('fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
       url('fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype');
  }
  
  .material-icons, .eIcon{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';

  } 
  
  /*  Icons ================ */
  [class^="icon-"], [class*=" icon-"] {  
    line-height: 24px;
  }
  [class^="icon-"] i, [class*=" icon-"] i {  
    vertical-align:middle;
    padding-left:0.5rem;
    padding-right: 0.5rem;
 }
  [class^="eIcon-"] , [class*=" eIcon-"]  {  
    vertical-align:middle;
    padding-left:0.5rem;
    padding-right: 0.5rem;
 }
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }

  .eIcon.ei-18{font-size:18px;}
  .eIcon.ei-24{font-size:24px;}
  .eIcon.ei-36{font-size:36px;}

/* Embedded content
       ========================================================================== */
	audio, video {display: inline-block;} 
	audio:not([controls]) { display: none; height: 0;}
	svg {overflow: hidden; vertical-align: middle;}
	svg:not(:root) { overflow: hidden; }
	canvas { display: inline-block;}

/* Text-level semantics
       ========================================================================== */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem;}
p { margin-top: 0; margin-bottom: 1rem;}
abbr[title], abbr[data-original-title] {  text-decoration: underline;  -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help;
    border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; }
  
address { margin-bottom: 1rem; font-style: normal; line-height: inherit;}
  
ol, ul, dl {margin-top: 0; margin-bottom: 0.5rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}
ul{margin:0; padding:0;}
ul li{list-style: none;}
dt {font-weight: 700;}
dd { margin-bottom: .5rem; margin-left: 0; }
blockquote {margin: 0 0 1rem;}
b, strong {font-weight: bold;}
.strong{font-weight: 500;}
small {font-size: 80%;}
sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
img {vertical-align: middle; border-style: none; }
img.product_label{max-width: 48px; vertical-align: middle;}

/* Table
       ========================================================================== */
caption { padding-top: 0.75rem; padding-bottom: 0.50rem; text-align: left; caption-side: top; }
th { text-align: inherit;}

 table {border-collapse: collapse; width: 100%; border: 1px solid #dfdfdf;}
 table thead th {border-bottom: 1px solid #dfdfdf; background:#dfdfdf;}
 table th, table td{border: 1px solid #dfdfdf; padding: 0.25rem;}  
 table th{padding: 0.5rem; font-size: 1rem; color: #414142; font-weight: 500; white-space: nowrap;}
 table th a{font-size: 14px; color: #414142; font-weight: 500; text-decoration: none;}
 table td{padding: 0.5rem; font-weight:400; color: #414142;}
 table td a{ color:#065fd4; font-weight:400; position: relative;}

 .neo-table{border-collapse: collapse;}

/* Forms
       ========================================================================== */
label {display: inline-block; margin-bottom: 0.5rem; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.3; margin: 0;}
button, input { overflow: visible;}
button, select { text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}

textarea {overflow: auto; resize: vertical;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; box-sizing: border-box;
      -webkit-box-sizing: border-box;
            }

.btn {display: inline-block; font-weight: 400; /*height: calc(1.5rem + 0.75rem + 5px);*/ text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0;
     -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .btn.small{height:auto; padding: 0.10rem 0.25rem; font-size: 70%;}
  
  .btn:hover, .btn:focus {text-decoration: none;}
  .btn:focus, .btn.focus { outline: 0; }
  .btn.disabled, .btn:disabled { opacity: 0.50;}
  .btn:not(:disabled):not(.disabled) {cursor: pointer;}
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; outline: none; }
  a.btn.disabled, fieldset:disabled a.btn { pointer-events: none;}
  button:focus{outline:none;}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{background-color: #065fd4; border-color: #065fd4;}
  
  .btn-link {font-weight: 400; color: #414142; background-color: transparent;}
  .btn-link:hover { color: #065fd4; text-decoration: underline; background-color: transparent; border-color: transparent; }
  .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none;}
  .btn-link:disabled, .btn-link.disabled {color: #757575;}

  .btn-primary { color: #ffffff; background-color: #065fd4; border-color: #065fd4;}
  .btn-primary:hover {color: #ffffff; background-color: #0069d9; border-color: #0069d9;}  
  .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem #7fbdff;}
  .btn-primary.disabled, .btn-primary:disabled { color: #ffffff;background-color: #065fd4;border-color: #065fd4; }

  .btn-secondary { color: #ffffff; background-color: #757575; border-color: #757575;}
  .btn-secondary:hover { color: #ffffff; background-color: #787878; border-color: #757575; }
  .btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem #bbbbbb;}
  .btn-secondary.disabled, .btn-secondary:disabled {color: #ffffff; background-color: #757575; border-color: #757575;}

  .btn-outline-primary { color: #065fd4; background-color: transparent; background-image: none; border-color: #065fd4;}
  .btn-outline-primary:hover {color: #ffffff; background-color: #065fd4; border-color: #065fd4;}
  .btn-outline-primary:focus, .btn-outline-primary.focus {  box-shadow: 0 0 0 0.2rem #7fbdff;}
  .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #065fd4; background-color: transparent;}
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{background-color: #0069d9; border-color: #0062cc;}

  .btn-outline-secondary { color: #757575; background-color: transparent; background-image: none; border-color: #757575;}
  .btn-outline-secondary:hover {color: #ffffff; background-color: #787878; border-color: #757575;}
  .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem #bbbbbb;}
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #757575; background-color: transparent;}

  .btn-outline-light { color: #757575; background-color: transparent; background-image: none; border-color: #dfdfdf;}
  .btn-outline-light:hover {color: #757575; background-color: #dfdfdf; border-color: #dfdfdf;}
  .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(0, 77, 77, 0.5);}
  .btn-outline-light.disabled, .btn-outline-light:disabled { color: #757575; background-color: transparent;}

.btn-order-change, .btn-change{color: #ffffff; background-color: #F53335; border-color: #F53335;}
.btn-order-change:hover, .btn-change:hover{color: #ffffff; background-color: #d82323; border-color: #d82323;}

.btn-order-change:focus, .btn-order-change.focus, .btn-change:focus, .btn-change.focus {  box-shadow: none;}
.bbtn-order-change.disabled, .btn-order-change:disabled, .btn-change.disabled, .btn-change:disabled { color: #ffffff; background-color: #F53335; border-color: #F53335;}
.btn-order-change:not(:disabled):not(.disabled):active, .btn-order-change:not(:disabled):not(.disabled).active, .btn-change:not(:disabled):not(.disabled):active, .btn-change:not(:disabled):not(.disabled).active{background-color: #F53335; border-color: #F53335;}

input[type="text"], input[type="password"], input[type="email"], input[type="search"], .form-control {display: block; width: 100%; min-width: 50px; height: calc(1.5rem + 0.75rem + 5px); 
  padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #414142; background-color: #ffffff;  background-clip: padding-box; outline: none;  border: 1px solid #dfdfdf; border-radius:0;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
select.form-control.form-select{ padding: 0.375rem 2.25rem 0.375rem 0.75rem; outline: none;}
select.form-control.form-selec:not([size]):not([multiple]) { height: calc(1.5rem + 0.75rem + 5px);}
select.form-control.form-selec:focus::-ms-value {color: #414142; background-color: #ffffff;  }

@media (prefers-reduced-motion: reduce) {
    .form-control { transition: none;}
}
.form-control::-ms-expand { background-color: transparent; border: 0;}
.form-control:focus { color: #414142; background-color: #ffffff; border-color: #dfdfdf; outline: 0; box-shadow: 0 0 0 0.1rem rgba(36, 36, 36, 0.25);}
.form-control::placeholder {color: #757575; opacity: 1;}
.form-control:disabled, .form-control[readonly] { background-color: #f0f0f0; opacity: 1;}
select.form-control.form-selec:focus::-ms-value { color: #414142; background-color: #ffffff;}
.form-control-file, .form-control-range { display: block; width: 100%;}


.form-group{margin-bottom: 1rem;} 
.form-inline { display: flex; align-items: center;}
.form-inline .form-group{display: flex;align-items: center;}
.btn i{padding:0;}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #dfdfdf;
  -webkit-text-fill-color: #414142;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* Hidden
       ========================================================================== */
[hidden] {display: none;}
.hidden{ display: none;}
.transparent-bg{background-color: transparent;}
body #page #context .intro a[alt="x"]{ display: none;}
#options{ display:none !important;}
.neo-icon-txtHide{display: none;}

/* Links
       ========================================================================== */

a { color: #065fd4; text-decoration: none; background-color: transparent; cursor: pointer; outline:none; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active, a:hover { outline-width: 0; }
a:not([href]):not([tabindex]) { color: #414142; text-decoration: none;}

/*a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: #0056b3; text-decoration: none;}*/
a.btn-primary:not([href]):not([tabindex]) {color: #ffffff; text-decoration: none;}
a.btn-primary:not([href]):not([tabindex]):hover, a.btn-primary:not([href]):not([tabindex]):focus {color: #ffffff; text-decoration: none;}

a.btn-order-change:not([href]):not([tabindex]),
a.btn-change:not([href]):not([tabindex]) {color: #ffffff; text-decoration: none;}
a.btn-order-change:not([href]):not([tabindex]):hover, a.btn-order-change:not([href]):not([tabindex]):focus, 
a.btn-change:not([href]):not([tabindex]):hover, a.btn-change:not([href]):not([tabindex]):focus {color: #ffffff; text-decoration: none;}

a.btn-secondary:not([href]):not([tabindex]) {color: #ffffff; text-decoration: none;}
a.btn-secondary:not([href]):not([tabindex]):hover, a.btn-secondary:not([href]):not([tabindex]):focus {color: #ffffff; text-decoration: none;}

a:not([href]):not([tabindex]):focus { outline: 0;}
a:not([class]) { text-decoration-skip-ink: auto;}


/* Typography
       ========================================================================== */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.3;}
h1, .h1 { font-size: 1.8rem;}
h2, .h2 { font-size: 1.6rem;}
h3, .h3 { font-size: 1.4rem;}
h4, .h4 { font-size: 1.2rem;}
h5, .h5 {font-size: 1rem;}
h6, .h6 { font-size: 0.8rem;}

small, .small {font-size: 85%; font-weight: 400;}
.text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center { text-align: center !important;}

.list_weight{ text-align:left; color:#F53335;}
.text-primary{color:#065fd4;}

/* Helper CSS
       ========================================================================== */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{clear: both;}

.float-left {float: left !important;}
.float-right {float: right !important;}
.pointer {cursor: pointer;}

.img-thumbnail {padding: 0.25rem; background-color: #ffffff; border: 1px solid #dfdfdf; border-radius: 0.25rem; max-width: 100%; height: auto;}

.divider {height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #dfdfdf;}
.inline-view{display: inline-block;}

.dropdown{position: relative;}
.dropdown-toggle {white-space: nowrap;}
.dropdown-menu{display: none; }
.dropdown:hover .dropdown-menu{display: block;}
.dropdown-toggle:hover > .dropdown-menu { display: block;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #414142;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,.15);
  transition: all 0.2s ease-out; 
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
  left: auto;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.25rem; 
}

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #414142; text-align: inherit; white-space: nowrap;
  background-color: transparent; border: 0;}
.dropdown-item:hover, .dropdown-item:focus { color: #414142; text-decoration: none; background-color: #f8f9fa;}
.dropdown-item.active, .dropdown-item:active {color: #ffffff;text-decoration: none;background-color: #065fd4;}
.dropdown-item.disabled, .dropdown-item:disabled {color: #757575;background-color: transparent;}

.navbar-nav { display: inline-flex; align-items: center; padding-left: 0; margin-bottom: 0; list-style: none;}
.navbar-nav li{display: inline-block;}
.navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem;}
.navbar-nav li#nav_home .nav-link{padding-left:0;}
.navbar-nav .dropdown-menu { float: none;}

.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem;}

.table-title{padding-bottom: 1rem; padding-top:1rem;}
.table-title .title{display: inline-block;}
.headline-block{padding-bottom: 1rem; padding-top:1rem;}

.ui-widget{z-index: 1 !important;}
.ui-widget-content{ border:none; background:none;}
span.hilite, label.hilite {white-space: nowrap; font-weight: 500;}

.aps_csymbolEL, .aps_amountEL{display:inline;}
.aps_currencyEL{font-weight: 500; color:#414142;}
.aps_currencyEL .aps_csymbolEL{ display: inline-block; font-size:1.2rem;}
.aps_currencyEL .aps_amountEL{ display: inline-block;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}




/*  =============== Loader & spinner*/

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}
.spinner-border {
  display: inline-block;
  margin:0.50rem;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: text-bottom;
  border: .20em solid #065fd4;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.neo-tools .spinner-border{margin:0 0 0 .50rem;}
.filterList-toggle .spinner-border{ position: absolute; left: 1px; top: 2px; margin: 0; width: 30px; height: 30px;}

.spProd-block.neo-spinner-outer{ min-height: 200px; align-items: center;}
.spProd-block.neo-spinner-outer .spinner-border{ margin-left: 4rem;}
/*  NEO Grid  =================*/

.neo-row{display: flex; margin-right: -15px; margin-left: -15px;}
.neo-col{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.neo-col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.neo-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.neo-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.neo-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.neo-col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.neo-col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.neo-col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.neo-col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.neo-col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.neo-col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.neo-col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.neo-col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.neo-twothird {width: 66%;}
.neo-threefifth {width: 58%;}
.neo-half {width: 50%; }
.neo-twofifth { width: 38%; }
.neo-third { width: 31%; }
.neo-quarter { width: 25%; }
.neo-fifth { width: 18%; }
.neo-sixth { width: 15%; }
.neo-seventh { width: 13%;}

.total_twothird {float: left; margin-right: 24px; width: 63%; margin-right: 4%}
.total_threefifth {float: left; margin-right: 24px; width: 56%; margin-right: 3%}
.total_half {float: left; width: 46%; margin-right: 16px; margin-right: 3%}
.total_twofifth {float: left; margin-right: 8px; width: 37%; margin-right: 2%}
.total_third {float: left; width: 31%; margin-right: 6px; margin-right: 2%}
.total_quarter {float: left; width: 23%; margin-right: 4px; margin-right: 1%}
.total_fifth {float: left; width: 18%; margin-right: 4px; margin-right: 1%}
.total_sixth {float: left; width: 15%; margin-right: 3px; margin-right: 1%}
.total_seventh {float: left; width: 13%; margin-right: 2px;white-space: nowrap; overflow: hidden; text-align: center;}

 /*  NEO Links and Headers ================ */

.intro h4, .intro h5 {margin: 0;}
.intro_link {float: right}
.intro div a {float: none}
/*.script_link, .script_link * {text-decoration: none; white-space:nowrap;}
.script_link span * {display: inline; margin: 0;}*/

.tools, .view, .paginate {text-align: right}
.tools a, .view a, .paginate a {text-decoration: none}
.showhide_link {float: left;}

.section_start, .section_stop{display:none;}

/*  Dsiplay Error Msg ======================  */
.errorMsg, .infoMsg, .warningMsg, .successMsg{font-size:1rem; border-radius: 0; padding:0.5rem; }
.errorMsg{background:#f8d7da; color:#F53335;}
.errorMsg.info{background: #d1dceb; color:#414142; }
.alert{padding:0.5rem; font-size:1rem; font-weight: 400; margin-bottom: 0.5rem;}
.alert, .alert a {color:#F53335;}
.alert.aps_currencyEL{font-weight: 500; color:#f53335;}
.alert_error, .alert_warning{ padding:0.5rem; color:#F53335;}

.infoMsg{ background:#0dcaf0;}
.warningMsg{ background:#ffc107;}
.successMsg{background:#4CAF50;}

.alert.infoMsg{ color: #414142;}
.alert.warningMsg{ color: #ffffff;}
.alert.successMsg{color: #ffffff;}

/* BX Slider   =============== */
.bx-wrapper{margin:1rem 0;}
.bx-wrapper .bx-viewport{background:transparent; left:0; border:none; box-shadow: none;}

.bx-wrapper .bx-controls-direction a{z-index: 9; color: #414142; font-size: 1.2rem; margin: 0; padding: 0.5rem; width:36px; height:36px; background: #dfdfdf; border:1px solid #dfdfdf; display: inline-block; cursor: pointer;}
.bx-wrapper .bx-prev{ background-image:none; left:0;}
.bx-wrapper .bx-next{background-image:none; right:0;}

.bx-wrapper .bx-prev:after { font-family: 'Material Icons'; content: '\e314'; color: #414142; font-size:24px; display: block; position: absolute; top: 0px; left: 0; width: inherit; height: 100%; text-indent: 0; text-align: center;}
.bx-wrapper .bx-next:after{  font-family: 'Material Icons'; content: '\e315'; color: #414142;  font-size:24px; display: block; position: absolute; top: 0px; left: 0; width: inherit; height: 100%; text-indent: 0; text-align: center;}

/* Autocomplete CSS   =============== */ 

.ui-autocomplete span.hl_results { background-color: #ffff66; }
/* loading - the AJAX indicator */
.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
/* scroll results */
.ui-autocomplete {
    max-height: 250px; 
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}
.ui-autocomplete li { font-size: 11px; }
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete { height: 250px; }




/* NEW JSON PROMOTIIONS   ================ */
.inner {padding:0.5rem;}
div.ProdContainer{text-align: center; border:1px solid #dfdfdf; background:#ffffff;}
.ProdContainer a {margin: 0 auto; /*padding: 0;*/	outline: none; color: #414142;}
.ProdContainer a:hover{ text-decoration: none;}
.ProdLabel {display: block; padding: 0.5rem;}
.ProdLabel img { max-width: 30px;}
.ProdThumb img{max-width: 100%; width: auto; max-height: 125px; overflow: hidden;}
.bx-wrapper img{max-width: 100%; width: auto; overflow: hidden;}
.ProdQuant {padding: 1rem 1rem 0;}
#quantity {width: 30px;}

/**** VERTICAL ****/
.ProdContainer.Vertical {display: block; padding: 0; text-align: center; border:1px solid #dfdfdf; background:#ffffff;}
.ProdContainer.Vertical .PromTitle {font-size:1.2rem; font-weight: 500; min-height:40px; padding:0.5rem;}
.ProdContainer.Vertical .PromTitle h4 {font-size:1.2rem; font-weight: 500; margin:0;}
.ProdContainer.Vertical .ProdThumb { min-height:125px;  max-height:125px; text-align: center; margin: 0 auto; padding:0.5rem;}
.ProdContainer.Vertical .ProdThumb img {margin: auto; width:auto;}
.ProdContainer.Vertical .ProdDesc{ min-height:120px;  max-height:120px;}
.ProdContainer.Vertical .ProdDescShrt {  overflow: hidden; padding: 0.5rem 0 0.5rem 0; height: 50px; font-size:1rem; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.ProdContainer.Vertical .ProdCode{padding: 0.5rem 0 0.5rem 0; font-size:1.2rem; font-weight: 400; color:#757575;}
.ProdContainer.Vertical .ProdPack{height: 20px;overflow: hidden;}
.ProdContainer.Vertical .ProdPrice {height: 15px;text-align: center;padding: 0.5rem 0 0.5rem 0; font-size:1.2rem; font-weight: 500;}
.ProdContainer.Vertical .ProdPrice span{font-size:1.2rem; font-weight: 500;}
.ProdContainer.Vertical .ProdPriceLev {height: 15px; padding: 0.5rem 0 0.5rem 0; font-size:1.2rem; font-weight: 500;}
.ProdContainer.Vertical .ProdPriceAdv {height: 25px;padding: 0.5rem 0 0.5rem 0; font-size:1.2rem; font-weight: 500;}
.ProdContainer.Vertical .ProdIcons {padding: 0.5rem 0;}
.ProdContainer.Vertical .ProdIcons img {float: left;margin: 0 0.5 0 0;}
.ProdContainer.Vertical .ProdQuant { display:inline-flex; position: relative; flex-wrap: wrap; justify-content: flex-start; width:100%;}
.ProdContainer.Vertical .ProdQuant .prm_ordered{order:-1; display: flex; flex: 0 0 100%; padding-bottom: 0.5rem; font-weight: 500;color:#207603;}
.ProdContainer.Vertical .ProdQuant .SliderButton{ display:inline-flex; margin-left:auto; align-items: center; }
.ProdContainer.Vertical .alert{padding:0.5rem 0;}
.ProdContainer.Vertical:hover{transition: all 0.2s ease-out; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}

.ProdContainer.Vertical table.list_quantity td.ctrl a img{ display: none;}
.ProdContainer.Vertical table.list_quantity td.ctrl a.quant_more:after{font-size:24px;color: #414142; font-family: 'Material Icons'; content: '\e316'; display: inline-block; position: absolute; top: -10px; left: 0;width:18px; height:18px;}
.ProdContainer.Vertical table.list_quantity td.ctrl a.quant_less:after{font-size:24px;color: #414142; font-family: 'Material Icons';  content: '\e313'; display: inline-block; position: absolute; top: -6px; left: 0; width:18px; height:18px;}

.owl-carousel .owl-item .ProdContainer.Vertical .ProdLabel img{ max-width: 30px;}



/**** HORIZONTAL ****/
.ProdContainer.Horizontal {display: block;}
.ProdContainer.Horizontal:hover{transition: all 0.2s ease-out; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}
.ProdContainer.Horizontal .ProdWrapper {padding: 3%;}
.ProdContainer.Horizontal .PromTitle {margin: 0 0 5px;padding: 0;	overflow: hidden;}
.ProdContainer.Horizontal .PromTitle h4 {margin: 0;padding: 0;white-space: nowrap;}
.ProdContainer.Horizontal .ProdThumb {float: left;width: 40%;height: 100px;}
.ProdContainer.Horizontal .ProdThumb .container {padding: 2%;margin: 0 5% 0 0;}
.ProdContainer.Horizontal .ProdThumb img {border: 0px;width: 98%; margin: auto;}
.ProdContainer.Horizontal .ProdInfo {float: left;width: 60%;min-height: 100px;}
.ProdContainer.Horizontal .ProdDescShrt { height: 40px; overflow: hidden;}
.ProdContainer.Horizontal .ProdPrice {margin: 10px 0 10px 0;}
.ProdContainer.Horizontal .ProdPriceLev {margin: 10px 0 10px 0;}
.ProdContainer.Horizontal .ProdPriceAdv {margin: 10px 0 10px 0;}
.ProdContainer.Horizontal .ProdIcons {float: left;margin: 8px 0 0 0;}
.ProdContainer.Horizontal .ProdIcons img {float: left;margin: 0 3px 0 0;}

.ProdContainer.Horizontal .ProdQuant { display:inline-flex; position: relative; flex-wrap: wrap; justify-content: flex-start; width:100%;}
.ProdContainer.Horizontal .ProdQuant .prm_ordered{order:-1; display: flex; flex: 0 0 100%; padding-bottom: 0.5rem; font-weight: 500;color:#207603;}
.ProdContainer.Horizontal .ProdQuant .SliderButton{ display:inline-flex; margin-left:auto; align-items: center; }

.ProdContainer.Horizontal table.list_quantity td.ctrl a img{ display: none;}

/**** END HORIZONTAL ****/

/**** SIMPLE ****/
.ProdContainer.Simple {display: block;}
.ProdContainer.Simple:hover{transition: all 0.2s ease-out; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}
.ProdContainer.Simple .PromTitle {height: 25px;	margin: 0;padding: 0; overflow: hidden;}
.ProdContainer.Simple .PromTitle h4 { margin: 0;padding: 0; white-space: nowrap;}
.ProdContainer.Simple .ProdThumb {margin: 0;padding: 0;width: 70%;margin: auto; min-height: 125px;}
.ProdContainer.Simple .ProdThumb img {margin: auto;}
.ProdContainer.Simple .ProdDescShrt {height: 40px;overflow: hidden;	padding: 10px 0 0 0;}
.ProdContainer.Simple .ProdPrice { margin: 10px 0;}

.ProdContainer.Simple .ProdQuant { display:inline-flex; position: relative; align-items: center;}
.ProdContainer.Simple .ProdQuant .SliderButton{ display:inline-flex; margin-left:auto; margin-right:1rem;}

/**** END SIMPLE ****/

/* Popup Panel dilog box   =============== */
.modal-content{ border-radius: 0;}
.myorders-page .dialog{width:420px;}
#EO2 #scrim {display: none}
#scrim {position:fixed;top:0; left:0; bottom:0; right:0;width:100%;height:100%; opacity:0.75; background-color:#000000; z-index: 999;}
.array {width: 160px}
.dialog {width: 280px}
.control {width: 420px}
.message {width: 520px}
.layer iframe.tab_txt {display: block; margin: 0 auto} 
.maximal iframe.tab_txt {overflow: auto}
.maximal {left: 0; right:0; top: 0; width: 100%; height: 100%; margin: 0 auto;}
.maximal .section {background: #ffffff;}

#E25 #question {left: 50%; top: 60%;}

#INFOPR21CRF #context #cnt_intro #sppl_slct #tab_txt_advanced_search #tab_txt_advanced_search_panel {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.new-position-fixed {position: fixed;top: 10%;}

.panel, .layer{z-index: 999;}
.layer .list_grid .group_container {min-height: 0;}
.layer .tab_txt .item {margin: 0;}

.layer_message {margin: 1rem; clear: both;}

.layer .intro div a.close{float:right; padding:0;}
.close {float: right; color: #414142;text-shadow: none;outline: none;background: none;border: none;padding: 0;}
.close:hover, .close:focus { color: #414142; text-decoration: none; opacity: .75;}
a.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none;}
a.close .neo-icon{ display: flex;}
a.close .neo-icon i{padding:0;}


.panel {left: -384px; margin-left: 50%; top: 128px; width:100%; max-width: 768px; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #ffffff;}
.panel-content{position: relative; display: block; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; outline: 0;}
.panel-header{ display: block; padding: 1rem; border-bottom: 1px solid #dfdfdf;}
.panel-title {margin-bottom: 0; line-height: 1.5; display: inline-block; font-size:1.4rem;}
.panel-title-sub{ font-size: 1rem; color:#757575;}
.panel-header .close { margin-left: auto;}
.panel-body{ position: relative; display: block; padding: 1rem;}
.panel-footer{display: block; padding: 1rem 0;  border-top: 1px solid #dfdfdf;}
.panel-footer > :not(:first-child) {margin-left: .25rem;}
.panel-footer > :not(:last-child) {margin-right: .25rem;}

#panel .panel-content.neo-newsitems .panel-header .close { display: block !important;}

#layer_order_form table.table{border:none;}
#layer_order_form table.table td{border:none; padding:0; vertical-align:top;}
#layer_order_form table.table td a.myTmp-list-link{display: block; clear: both; margin:0.5rem 0; padding:0;}

#layer_assort_form table.table{border:none;}
#layer_assort_form table.table td{border:none;}
#layer_assort_form table.table td h3, #layer_order_form .custom_color{font-size:1.2rem;}

.total_whole{width:100%;}

.layer {position:absolute;  background-color: #ffffff;border-radius: 0.25rem; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}
.layer-content{position: relative; display: block; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; outline: 0; border-radius: 0.25rem;}
.layer-header{  display: block; padding:0.75rem 1rem; border-bottom: 1px solid #dfdfdf; background-color: #ffffff;}
.layer-title, .title  {margin-bottom: 0; display: inline-block;}
h3.layer-title, .title {font-size:1.2rem;}

.dialog .layer-header .close, .control .layer-header .close {opacity: 1;position: absolute;right: -32px;top: 0px;border-radius: 0;width:32px;height:32px; background: #065fd4;}
.dialog .layer-header .close span, .control .layer-header .close span{font-size:0; float:left;padding:0.25rem;  color:#ffffff;}
.dialog .layer-header .close span *, .control .layer-header .close span *{padding:0; }

.layer-header .close:hover, .layer-header .close:focus {opacity: 1;}
.layer-body{ position: relative; display: block; padding: 1rem;}

.layer-footer{display: block; padding: 1rem;}
.layer-footer > :not(:first-child) {margin-left: .25rem;}
.layer-footer > :not(:last-child) {margin-right: .25rem;}

.layer-footer .buttons{ text-align: right;}
.layer-footer a.btn-primary, .layer-footer a.btn-primary:hover{color:#ffffff;}
.layer-footer a.btn-secondary, .layer-footer a.btn-secondary:hover{color:#ffffff;}

.layer-body table{border:none;}
.layer-body table td{border:none;}
.layer-body table td#assorts{padding-left:0; padding-right:0;}
.layer-body table td#assorts h3{font-size:1rem;}
.layer-body table td#assorts a{display:inline-block;height: auto;line-height: initial;width:100%;padding-right:0;text-align: left;}

.layer-tools{margin-top:1rem; position: relative; display: flex; width: 100%;}
.layer-tools .form-control{display: inline-block; padding-right:2rem;}
.layer-tools a.btn, .layer-tools a.btn:hover{color:#ffffff; position:absolute; top:0; right:0;}
.layer-tools .neo-value{display: none;}

.layer-tools .tools-short{ display: inline-flex; gap: 0.5rem; align-items: center;width:45%; }
.layer-tools .tools-short label{display: inline-block; color:#757575; font-weight: 500; white-space: nowrap; margin-bottom: 0; }
.layer-tools .tools-search{display: inline-block; margin-left: auto; width:50%; position: relative;}

#order_references table td{border:1px solid #dfdfdf; font-size:90%;}

.message .layer-header .layer-title{font-size:1.2rem;}
.message .layer-header .close{background:#dfdfdf; border-radius: 0; text-shadow: none; height:24px; width: 24px;}
.message .layer-header .close span{font-size:0; float:left;}
.message .layer-header .close span *{padding:0;}

.message .total_item{ display: block;  clear: both; float:left; width:100%;}
.message .total_item .total_descr{display: inline-block; width:40%; float:left;}
.message .total_item .total_text{display: inline-block; width:58%; float:right;}
.message .total_item .total_text input[type="text"], .message .total_item .total_text .form-control{height: calc(1.5rem + 0.75rem + 2px); margin-bottom: 0.50rem;}

.message #group_header ul.group_list li a{font-weight: 500;}
.message .group_container ul.group_list li.custom_over *{font-weight: 400; font-size:0.90rem;}

.address_dialog .layer-header .layer-title, .select_dialog .layer-header .layer-title{font-size:1.2rem;}
.address_dialog .layer-header .close, .select_dialog .layer-header .close{background:#dfdfdf; border-radius: 0; text-shadow: none; height:24px; width: 24px;}
.address_dialog .layer-header .close span, .select_dialog .layer-header .close span{font-size:0; float:left;}
.address_dialog .layer-header .close span *, .select_dialog .layer-header .close span *{padding:0;}

.address_dialog .total_item, .select_dialog .total_item{ display: block;  clear: both; float:left; width:100%;}
.address_dialog .total_item .total_descr, .select_dialog .total_item .total_descr{display: inline-block; width:40%; float:left;}
.address_dialog .total_item .total_text,.select_dialog .total_item .total_text {display: inline-block; width:58%; float:right;}
.address_dialog .total_item .total_text input[type="text"], .select_dialog .total_item .total_text .form-control{height: calc(1.5rem + 0.75rem + 2px); margin-bottom: 0.50rem;}

.select_dialog #group_header ul.group_list li a{font-weight: 500;}
.select_dialog .group_container ul.group_list li.custom_over *{font-weight: 400; font-size:0.90rem;}

#valAddr{/*background:#f0f0f0; padding:1rem; border-top:1px solid #dfdfdf;*/}
#valAddr .head {font-size:1.2rem; display: inline-block;}

#change_dialog .total_third{width:100%; margin:0 0 0.5rem;}
.ordertemp-page #change_dialog .total_third .aligning_input, .ordertemp-page #change_dialog .temName .aligning_input{width:1px;visibility: hidden;height: 0;padding: 0;}
.ordertemp-page #change_dialog .total_left{width:100%; margin:0 0 0.5rem;}

#layer_order_form .layer-body a{display: block;}

.panel.layer .neo-mai2fr{position: relative; display: block; width: 100%; pointer-events: auto; background-color: #ffffff; outline: 0; border-radius: 0.25rem;}
.panel.layer .neo-mai2fr .neo-intro {display: block;  padding: 0.75rem 0; border-bottom: 1px solid #dfdfdf;}
.panel.layer .neo-mai2fr .neo-intro .title{display: inline-block; margin-bottom: 0;}
.panel.layer .neo-mai2fr .neo-intro strong{display: inline-block;}

.panel.layer .neo-mai2fr .form-container{ position: relative; display: block; padding: 1rem;}
.panel.layer .neo-mai2fr .form-container .neo-intro h4.title{margin-top: 0; margin-bottom: 0.5rem;}
.panel.layer .neo-mai2fr .form-container h4.title{margin-top: 1rem; margin-bottom: 0.5rem;}
.panel.layer .neo-mai2fr .form-container .total_item{ display: block;  clear: both; width:100%; margin-bottom: 0.5rem;}
.panel.layer .neo-mai2fr .form-container .total_item .total_text{display: block; width:100%;}
.panel.layer .neo-mai2fr .form-container .total_item .total_descr{color:#757575;}
.panel.layer .neo-mai2fr .form-container .total_item .total_text textarea{width:100%;}
.panel.layer .neo-mai2fr .form-container .total_item .alert { display: inline-block; padding:0; margin-bottom: 0;}
.panel.layer .neo-mai2fr .form-container .total_item .alert br{ display: none;}

.panel.layer .neo-mai2fr .form-container .neo-closure .alert{display: inline-block; width:75%; text-align: left;}

 #panel .section.section_body .intro.item{ padding:1rem; border-bottom: 1px solid #dfdfdf;}
 #panel .section.section_body .intro.item .custom_color{display: inline-block; font-size:1.2rem;}
 #panel .section.section_body .intro.item .script_link.intro_link.tail{display: inline-flex;position: relative;padding-right: 1.5rem; margin-left: 0.25rem;}
 #panel .section.section_body .intro.item .script_link.intro_link.tail img{ display:none;}

 #panel .section.section_body .intro.item #panel_size_max.script_link.intro_link.tail{ margin-right:25px;}
  #panel .section.section_body .intro.item #panel_size_norm.script_link.intro_link.tail{ margin-right:25px;}
 
 #panel .section.section_body .intro.item #panel_size_close.script_link.intro_link.tail:after{font-size:24px; color: #ffffff; font-family: 'Material Icons'; content: '\e14c'; display: inline-block; text-align: center; position: absolute;top: 0;right: 0;width: 32px;height: 32px;}
 #panel .section.section_body .intro.item #panel_size_max.script_link.intro_link.tail:after{font-size:24px;color: #414142; font-family: 'Material Icons'; content: '\e5d0'; display: inline-block;position: absolute;top: -6px;right: 0;width: 24px;height: 24px;}
 #panel .section.section_body .intro.item #panel_size_norm.script_link.intro_link.tail:after{font-size:24px;color: #414142; font-family: 'Material Icons'; content: '\e5d1'; display: inline-block;position: absolute;top: -6px;right: 0;width: 24px;height: 24px;}
 
 #panel .section.section_body .intro.item .script_link.intro_link.tail span.lnk:after{font-size:24px;color: #414142; font-family: 'Material Icons';content: '\e14c';display: inline-block;position: absolute;top: -6px;right: 0;width: 24px;height: 24px;}
 #panel .section.section_body .intro.item .script_link.intro_link.tail span:after{font-size:24px;color: #414142; font-family: 'Material Icons';content: '\e5c9';display: inline-block;position: absolute;top: -6px;right: -4px;width: 24px;height: 24px;}
 
 #panel .section.section_body .core.item.item_top{padding:1rem;}

 div#altprd_layer.message.layer{ width:300px;}
 
#panel.panel-maximal, .infopr4-page #panel.panel-panel {top: 100px; left:0; right: 0; margin:0 auto;}
#panel.panel-maximal .section.section_body .intro.item #panel_size_max, #panel.panel-maximal .section.section_body .intro.item #panel_size_norm, .infopr4-page #panel.panel-panel .section.section_body .intro.item #panel_size_max, .infopr4-page #panel.panel-panel .section.section_body .intro.item #panel_size_norm{ display: none;}

.neo-modal .card{width: 100%; border:none;}
.neo-modal .card .card-header{display:none;}
.neo-modal .card .card-body{padding:0;}
.neo-modal .card .card-body .input-group-prepend{display:none;}
.neo-modal .card .card-footer{background:none;}
.neo-modal .modal-footer{border-top:none;}
.neo-modal .card .card-body .form-check{ padding-left:1.25rem;}
.neo-modal .card .btn-login{width:100%;}
.neo-modal .card .link-register{text-align:center;}

#saveYourPrinter.control.layer{ position: fixed;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.neo-cntbox-dialog .layer-body{ min-width: 300px; max-width: 320px;}
.neo-cntbox-dialog .layer-body .total_item { display: flex; font-weight: 500; flex-wrap: wrap; gap: 0.5rem; }

.neo-modal .neo-modal-body.signin-modal-box{padding:0;}
.neo-modal .neo-modal-body.signin-modal-box .container{padding:1rem 2rem;}

.prodcart-modal .modal-body{ padding:0;}
.prodcart-modal .prod-card-summary{display: flex;background: #f0f0f0;padding:1rem;gap: 0.5rem;}
.prodcart-modal .proddesc-block{width: 45%;display: inline-flex;flex-direction: column;}
.prodcart-modal .proddesc-block label{ font-weight:700;}
.prodcart-modal .prod-summary-cart{margin-left: auto;display: inline-flex;flex-wrap: nowrap;}
.prodcart-modal .prod-summary-cart .prod-continue-shopping{display: flex;align-items: center;flex-wrap: nowrap;}
.prodcart-modal .prod-image{max-width: 15%;background: #ffffff;padding: 0.5rem; border: 1px solid #dfdfdf;}
.prodcart-modal .prod-image img{ width:100%; height: 100%;}
.prodcart-modal .prod-card-promo{ padding:1rem;}

/*  ==========  Calendar PopUp Styling  */

.calhigh, .calhigh a{background-color: #F53335; color:#ffffff;}

#calendar_layer {position: absolute; max-width:300px;}
#calendar_layer .layer-header{background: #006cd8; border-bottom: 1px solid #dfdfdf; padding:0.75rem 0.75rem 0;} 
#calendar_layer .layer-header h2 {color: #ffffff; font-size: 1.2rem; display: inline-block;}
#calendar_layer .layer-header .close{ background: #006cd8; right: -30px; top: 0px; border-radius: 0; opacity: 1; position: absolute; padding: 0.25rem;}
#calendar_layer .layer-header .close span{color:#ffffff; font-size:0;}

#calendar_layer .layer-header .calendar-header{text-align: center;} 
#calendar_layer .layer-header .calendar-header a{position: relative; font-weight:normal; width:24px; height:24px; cursor: pointer; padding:0;color:#ffffff; }
#calendar_layer .layer-header .calendar-header a:not([href]):not([tabindex]){color:#ffffff;}
#calendar_layer .layer-header .calendar-header a:hover{color:#ffffff;}
#calendar_layer .layer-header .calendar-header .title{color:#ffffff;}
#calendar_layer .layer-header .calendar-header .calAction{display:flex; justify-content: space-between; margin-bottom: 0.5rem;}
 
#calendar_layer .layer-header .calendar-select { display:inline-flex; gap: 0.5rem; margin-bottom: 0.5rem;}

#calendar_layer .layer-body{padding:0; display: flex; flex-direction: column;}

#calendar_layer .item.item_top{margin:0; padding:0;}
#calendar_layer .total_item:first-child{border-bottom: 1px solid #dfdfdf;background: #f0f0f0;padding:0.5rem 0; font-weight: 500;}
#calendar_layer .total_item{ display: inline-flex; width: 100%; justify-content: space-around;}
#calendar_layer .total_item .total_seventh{height: 30px; width: 35px; vertical-align: middle; line-height: 30px; color:#757575; margin: 0.15rem;}
#calendar_layer .total_item .total_seventh a{ font-size:1rem; display: inline-block; width:100%; color:#ffffff;}
#calendar_layer .total_item .total_seventh.active{background-color: #006cd8; color:#ffffff;}
#calendar_layer .total_item .total_seventh.active.calhigh a{color:#ffffff; font-weight: 500;}

form[name="calendar_form"] .total_sum{ background:none;}
  
/* form[name="calendar_form"] a#prev_month img{display: none;}
form[name="calendar_form"] a#prev_month::after {font-family: 'Material Icons'; content: '\e5dc'; font-size:24px;position:absolute; left:0; top: -8px; width: 24px; height: 24px;}
  
form[name="calendar_form"] a#next_year img{display: none;}
form[name="calendar_form"] a#next_year::after {font-family: 'Material Icons'; content: '\e5dd'; font-size:24px;position:absolute; left:0; top: -8px; width: 24px; height: 24px;}
  
form[name="calendar_form"] a#prev_year img{display: none;}
form[name="calendar_form"] a#prev_year::after {font-family: 'Material Icons'; content: '\e5cb'; font-size:24px;position:absolute; left:0; top: -8px; width: 24px; height: 24px;}
  
form[name="calendar_form"] a#next_month img{display: none;}
form[name="calendar_form"] a#next_month::after {font-family: 'Material Icons'; content: '\e5cc'; font-size:24px;position:absolute; left:0; top: -8px; width: 24px; height: 24px;} */



/* Product List and Grid Structuur like in infopr3, infopr4, order03 =============  */

table.list_quantity{display: inline-block; border:none; margin-left:1rem; max-width: 110px; width: 100%;}
table.list_quantity td{border:none;}
table.list_quantity caption { background: none; border: none; padding-left: 0; font-weight: 500; display: inline-block; min-width: 150px;}
table.list_quantity tbody{display: table;}
table.list_quantity td.quant{padding:0;}
table.list_quantity .text_qty {max-width: 60px; text-align: center;}
table.list_quantity td.neo-ctrl, table.list_quantity td.ctrl {position: relative; min-width: 24px; height: calc(1.5rem + 0.75rem + 5px);}
table.list_quantity td.neo-ctrl a, table.list_quantity td.ctrl a{ position: absolute; left:0;}
table.list_quantity td.neo-ctrl a.quant_more, table.list_quantity td.ctrl a.quant_more{top:-2px; }
table.list_quantity td.neo-ctrl a.quant_less, table.list_quantity td.ctrl a.quant_less{top:20px; }
table.list_quantity td.unit, table.list_quantity td.act {padding-left: 0.5rem;}

table.list_quantity td.neo-portion{ display:flex; padding:0 0.5rem; align-items: center;}
table.list_quantity td.neo-portion br{ display:none;}
table.list_quantity td.neo-portion .text_qty{margin-left:0.25rem;}

.neo-prod-order td.neo-quant .text_qty{text-align: center; max-width: 60px;}
table.list_quantity td.an{text-align:center;}
table.list_quantity td.act a{color:#ffffff; text-transform: uppercase;}

.list_more .list_price{display: inline-block; margin-left:1rem; margin-right:1rem; text-transform: capitalize;}
.list_more .list_price br{display: none;}
.list_more .list_price .prod_nett{display: inline-block; padding-left:0; padding-right:0.5rem;}
.list_more .list_price .prod_vatperc{display: inline-block; padding-left:0; padding-right:0.5rem;}
.list_more .list_price .prod_levy{display: flex; align-items: center; }

/*  Tabs Structuur  =============  */

table.tab_links{border:none; border-bottom:1px solid #dfdfdf;}
table.tab_links td{border:none; padding:0;}
table.tab_links td .tab_link{ font-weight:500; padding:0.5rem; display: inline-block; cursor: pointer; text-decoration: none;white-space: nowrap; margin-bottom:-1px; border:1px solid transparent; border-bottom-color:transparent;}
table.tab_links td.selected .tab_link {border:1px solid #dfdfdf; border-bottom-color:#ffffff;}

table.tab_links td .tab_link.msgunread{color:#f53335;}

.tab_links {width: 100%}
.tab_txt {display: none; min-height: 128px; padding-top:1rem; padding-bottom:1rem;}
.empty {width: 75%;}

/*  Compare Page  ============  */

form#comparison{margin-top: 1rem;}
#comparison table.cmp_table {width: 100%; table-layout: fixed}
#comparison th, #comparison td.cmp_col {vertical-align: top; overflow: hidden; position: relative; color:#757575;}
#comparison td.cmp_col .price_desc{padding-right:0.25rem;}

#comparison td.cmp_col a.thumbnail_container{display: inline-block; width:100%; text-align: center;}
#comparison .cmp_table .thumbnail_container img{min-width: 100px; max-width: 200px;}

#comparison th {text-align: left;}
#comparison td.cmp_col h4{display: inline-block; padding-right:1rem;}
#comparison td.cmp_col h4 a{color:#414142; font-weight: 500;}
#comparison td.cmp_col .script_link.intro_link.tail{ position: absolute; right:0; top:0; background:#065fd4; width:20px; height:20px; border-radius: 0;}
#comparison table.list_quantity{margin-left:0; border:1px solid #dfdfdf; background: #ffffff; min-width: inherit; width: auto; float: left;}

#comparison table.list_quantity td.quant{padding:0;}
#comparison table.list_quantity .text_qty {max-width: 40px;text-align: center;border: none;background: none; height: calc(1.2rem + 0.75rem + 3px);}
#comparison table.list_quantity td.ctrl {position: relative; width: 20px; height: calc(1.2rem + 0.75rem + 3px);}
#comparison table.list_quantity td.ctrl a{ position: absolute; left:0;}
#comparison table.list_quantity td.ctrl a.quant_more{top:0; width:20px; height:20px;}
#comparison table.list_quantity td.ctrl a.quant_less{bottom:0; width:20px; height:20px; top:14px;}
#comparison table.list_quantity td.unit, table.list_quantity td.act {padding-left: 0.5rem;}

#comparison td.cmp_col .button_order{ display: inline-block; font-weight: 500; height: calc(1.2rem + 0.75rem + 3px); text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.3; border-radius: 0;
  color: #ffffff; background-color: #065fd4; border-color: #065fd4; text-transform: uppercase;}

#comparison .list_error {float: none}

#prod_chk_compare {vertical-align: baseline; position: relative; top: 3px; }
#layer_compare_list #cmp_add_button{ display:none;}

.neo-compareInfo #comparison table.cmp_table { border:none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.neo-compareList #compareList .custom_over {display: inline-flex;position: relative;}
.neo-compareList #compareList .custom_over .list_link img{ display: none;}
.neo-compareList #compareList .custom_over .list_link{ width: 5px; height: 5px; background: #757575; border-radius: 50%; display: inline-flex; position: absolute; left: 0; top: 7px; }
.neo-compareList #compareList .custom_over .text_link{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 80%; padding-left:1rem;}

/*  INFOPR3 Page  ============  */
/*.product-listing-context .neo-breadcrumb{width:100%; border:none; padding-top: 1rem; padding-left:15px; padding-right:15px;}*/

.product-listing-context .neo-container{position: relative;}
.filters-column {display:none;  position:relative;}
.filterDisplayed .filters-column{display:block; width:25%;}
.filters-column.slideInLeft{display:flex; width:25%; opacity: 1; float:left;  padding-left:15px; padding-right:15px; position:relative;}

.neo-prdList-main{float:left; width:100%; padding-left:15px; padding-right:15px;}
.neo-prdList-main.slideOutRight{ width:75%;}
.neo-prdList-main.slideOutLeft{ width:100%;}

.mobFilter-close{height:auto; padding:0.25rem;  position: absolute; right: -48px; top: -14px;}
.mobFilter-close .neo-value{ display: none;}

.product-listing-view{display: flex; flex-wrap: wrap; margin-left: -10px; margin-right:-10px;}

.list_grid {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; padding-bottom:20px;}

.filterDisplayed .list_grid {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.list_grid .product-item-inner {background:#ffffff; border:1px solid #dfdfdf; padding:1rem; min-height:200px; width: 100%!important; position: relative;}
.list_grid .product-item-inner:hover{transition: all 0.2s ease-out; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}
.list_grid .product-item-inner .product-item-box .product-item-photo{text-align: center; padding-bottom: 1rem; border-bottom: 1px solid #dfdfdf; display: block; margin:0 auto; min-height: 170px; max-height: 170px; overflow: hidden;}
.list_grid .product-item-inner .product-item-box .product-item-photo img{ height: 100%; max-height: 160px; width: 100%; max-width: 100%;  object-fit: contain; overflow: hidden;}
.list_grid .product-item-inner .product-item-box .product-item-name{ display: block; margin-top:1rem; height:35px; overflow: hidden;}
.list_grid .product-item-inner .product-item-box .product-item-name a{display: block; text-align: center; overflow: hidden; text-overflow: ellipsis;  font-size:1rem; color:#414142;}

.list_status{ display: block; margin:0.5rem 0;}
.list_status .list_icons {float: right;}
.list_status .list_icons a.btn-link{background: #ffffff; border: 1px solid #dfdfdf; padding: 0.25rem; height:auto; color: #757575;}
.list_status .list_icons a.btn-link i{padding:0;}
.list_status .list_icons a.btn-link:hover{ color: #ffffff; background-color: #0069d9; border-color: #0069d9;}

.list_status .list_attr{display: inline-block;}
.list_status .list_attr img, .list_attr img{max-width: 36px; margin-right:0.25rem;}
.prod-attrImage img{max-width: 36px; margin-right:0.25rem;}

.list_grid .rating, .list_grid .list_icons {float: right;}

.list_item .list_general .product-item-name{ display: inline-block; width:75%; text-align: left; margin-bottom: 0.5rem;}
.product-item-name a.custom_color {font-size:1rem; font-weight: 500; color:#414142; display: block; clear: both; width:100%;}

.list_self{ display: block; width: 100%; text-align: left;}
.list_self br{display: none;}
.list_self > span{display: inline-block; margin-right:0.5rem; color:#757575; font-weight: 400;}
.list_self .list_code{color:#757575; display:block;}
.list_self .list_uom{color:#757575; display: none;}
.list_self .list_oem{color:#757575; display: none;}
.list_self .list_brand{display: inline-block;}
.list_self .list_avail{ display: block; padding:0.25rem 0;}
.list_self .list_turn{ display: block; padding:0.25rem 0;}
.list_self .neo-stockEnquiry{ display: block; padding:0.25rem 0;} 

.list_grid .list_more{ display: block; padding:0 0 0.5rem;}
.list_grid .list_more .list_error.alert{max-height: 35px; padding: 0; line-height:14px;}
.list_grid .list_more .list_price{border:none; display: block; width:100%; margin:0;}
.list_grid .list_more .list_price td{border:none; padding:0;}
.list_grid .list_more .list_price caption {white-space: nowrap;caption-side: top; color:#414142; display: inline-block; padding:3px 0 0;}

.list_grid .list_more .list_price caption {white-space: nowrap; display: inline-block; padding-top:0; padding-bottom: 0;width:100%;}

.list_grid .list_more .list_price caption > span{display: inline-block;}
.list_grid .list_more .list_price caption > span.prdPriceDes{display: block;}

.list_grid.list_more .list_price .pricePerSec > span{display: inline-block;}
.list_grid .list_more .list_price .pricePerSec > span.prdPriceDes{display: block;}

.list_grid .list_more .list_price th{border:none; background:none; padding: 0 0.5rem 0 0; font-weight: 500;}
.list_grid .list_more .list_price .prod_from *{text-decoration: line-through; display:inline-block;}
.list_grid .list_more .list_price .prod_from .hilite.aps_currencyEL{ padding-left:5px;}

.list_grid .list_more .list_price .hilite, .list_grid .list_more .list_price .hilite span {font-weight: 500; font-size:1.2rem;}

/*	====	Product Levy	*/
.product-listing-view .list_more .list_price .prod_levy{display: inline-flex; align-items: center; width:100%;}
.product-listing-view .list_more .list_price .prod_levy th{ font-size:0.75rem; text-align: left;}

.list_grid .list_order {text-align: center; display:inline-block; align-items: center; position: absolute; bottom: 10px; left:15px;}
.list_grid .list_order table.list_quantity{margin-left:0; min-width:auto;}
.list_grid .list_order table.list_quantity tr{ display:inline-block;}
.list_grid .list_order a{text-transform: uppercase; float:left; font-weight: 500; color:#ffffff;}
.list_grid .list_order a:hover{color:#ffffff;}

.list_grid .list_line {display: inline-block; clear: both; margin-left:1rem;}
.list_grid .neo-list-info .shop_field{ font-weight:500;}

.layer .list_grid .group_container {background:#ffffff; border:1px solid #dfdfdf; padding:1rem;min-height: 0;}

table.list_item{margin-bottom:1rem;width: 100%; background:#ffffff;}
table.list_item th{background:#ffffff;}
table.list_item .list_img{ text-align: center;vertical-align: middle; border:none; width:20%; max-width: 250px;}
table.list_item .list_img img{max-width: 100%; height:auto; max-height:175px; overflow: hidden; font-size:0.75rem;}
table.list_item .list_desc{padding:0; vertical-align: top;}
table.list_item .list_desc .list_error{padding-left:0;}
.preview table.list_item .list_desc{padding:1rem;}

/*  Convert product list view to use the same HTML as grid view */

.product-item-list{width:100%; max-width: 100%; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  position: relative; }

.product-listing-view.grid-view .product-item-list{width:20%; max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-bottom: 1rem;}
.product-listing-view.grid-view .product-item-list .list_item{ padding:1rem;}
.product-listing-view.grid-view .product-item-list .list_item:hover{transition: all 0.2s ease-out; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);}

.product-listing-view.grid-view .product-item-list .list_item .prdList-row{display: block; width:100%;}
.product-listing-view.grid-view .product-item-list .list_item .prdList-row .list_img{margin: 0 auto; min-height: 170px; max-height: 170px; overflow: hidden; width:100%; max-width: inherit; padding:0 0 1rem; border:none; border-bottom: 1px solid #dfdfdf;}
.product-listing-view.grid-view .product-item-list .list_item .prdList-row .list_desc{ padding:0;}
.product-listing-view.grid-view .product-item-list .list_item .list_general{ padding:1rem 0 0;}

.product-listing-view.grid-view .product-item-list .list_item .list_general .product-item-name{ width:100%; text-align: center;}
.product-listing-view.grid-view .product-item-list .list_item .list_general .list_self{ width:100%; text-align: left;}
.product-listing-view.grid-view .product-item-list .list_item .list_general .list_self a.custom_color{ font-size:1rem; margin-bottom: 0.5rem;}
.product-listing-view.grid-view .product-item-list .list_item .list_general .list_self .prdInfo-block{ text-align: left;}
.product-listing-view.grid-view .product-item-list .list_item .list_more{padding: 0;}

.list_extra.mixmatch-grid{ display: none;}
.product-listing-view.grid-view .list_extra.mixmatch-grid{ display: block;}
.product-listing-view.grid-view .list_extra.mixmatch-list{ display: none;}

.container_showPriceScales .EWD_Qty_prdShrtDes .intro.item{padding:0.5rem;}
.container_showPriceScales .EWD_Qty_prdShrtDes .title{font-size: 1rem;}


.product-item-list .list_item{margin-bottom:1rem;width: 100%; background:#ffffff; border: 1px solid #dfdfdf; display: block; position: relative;}
.preview .product-item-list table.list_item{display: table;}
.product-item-list .list_item .list_order table.list_quantity{max-width: 110px;}
.neo-ajplop01 .products-list{ display: table;}
.product-item-list .list_item .prdList-row{ display: flex;}
.product-item-list .list_item .prdList-row .list_img{ text-align: center; width:20%; max-width: 250px; background:#ffffff; display: inline-flex; padding: 0.5rem; justify-content: center; align-items: center; border-right: 1px solid #dfdfdf;}
.product-item-list .list_item .prdList-row .list_img img{max-width: 100%; height:auto; max-height:160px; overflow: hidden; font-size:0.75rem;}
.product-item-list .list_item .prdList-row .list_desc{padding:1rem; vertical-align: top; width:100%; position: relative;}
.product-item-list .list_item .prdList-row .list_desc .list_error{padding-left:0;}

.list_item .list_general{ display: block; text-align: left; width:100%;}
.list_item .list_general .list_self{ display: inline-block; width:75%; text-align: left; margin-bottom: 0.5rem;}
.list_item .list_general .list_status{float:right; margin-top: 0;}
.list_item .list_general .list_status a.btn-link{background: #ffffff; border: 1px solid #dfdfdf; padding: 0.25rem; height:auto; color: #757575;}
.list_item .list_general .list_status a.btn-link i{padding:0;}
.list_item .list_general .list_status a.btn-link:hover{ color: #065fd4;}

.list_item .list_general .list_status .neo-list-info .shop_field{ display: inline-block; margin-top: 0.5rem; color: #065fd4; font-weight: 500;}

.list_item .list_order {text-align: center; display: inline-flex; width: 100%; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin:0;}
.list_item .list_order .list_line{ order: -1; flex: 0 0 100%; display: flex; padding-bottom: 0.5rem; font-weight: 500; color:#207603;}
.list_item .list_order a{text-transform: uppercase; margin-left: auto; font-weight: 500;}
.list_item .list_order a:hover{color:#ffffff;}

.list_item table.list_quantity{margin-left:0; min-width: inherit; max-width: inherit;}
.list_item table.list_quantity caption{display: none;}

.list_item .list_more .list_price{border:none; display: block; width:100%; margin:0; float: left;}
.list_item .list_more .list_price td{border:none; padding:0;}
.list_item .list_more .list_price caption {white-space: nowrap; display: inline-block; padding-top:0; padding-bottom: 0;width:100%;}

.list_item .list_more .list_price caption > span{display: inline-block;}
.list_item .list_more .list_price caption > span.prdPriceDes{display: block;}

.list_item .list_more .list_price .pricePerSec > span{display: inline-block;}
.list_item .list_more .list_price .pricePerSec > span.prdPriceDes{display: block;}

.list_item .list_more .list_price th{border:none; background:none; padding:0 0.25rem 0 0; text-align:left; white-space: normal;}
.list_item .list_more .list_price .prod_from *{text-decoration: line-through; display:inline-block;}
.list_item .list_more .list_price .prod_from .hilite.aps_currencyEL{ padding-left:5px;}

.list_item .list_more .list_price tbody{float:left;}
.list_item .list_more .list_price .hilite, .list_item .list_more .list_price .hilite span { font-weight:500; font-size:1.2rem;}

.list_more.list-levy{display: inline-block;}
.list_more.list-levy .total_descr{ display: inline;}
.list_more.list-levy .aps_currencyEL{ display: inline;}

.list_item .list_store {display: block;}

.product-listing-view.grid-view .product-item-list .list_item .prdList-row .neo-listOrd {position: absolute; bottom: 10px; left: 0;}

.list_error{display: block; clear: both; margin:0;}
.product-listing-view.grid-view .product-item-list .list_item .prdList-row .list_error.successMsg{ position:absolute; top: 0; left:0;  padding:0.5rem; border-radius: 0; color:#ffffff;}
.product-listing-view .product-item-list .list_item .prdList-row .list_error.successMsg{position:absolute; top: 55px; right:0;  padding:0.5rem; border-radius: 0; color:#ffffff;}

.product-item-list .list_item .prdList-row .list_error.successMsg a{color:#ffffff;}
.product-item-list .list_item .prdList-row .list_error.successMsg a:hover{ text-decoration: none;}

#filters .group_list {max-height: 120px; overflow: auto; width:100%;}
#filters .group_list label {white-space: normal;}
#filters .group_list label input{margin-right: 0.25rem;}

#filters .group_list .clear_search_cnt{width:auto;}
#filters #filter_price .group_list {height: 150px;}

#filters #filterrange .ui-slider-horizontal{height:1rem;border: 1px solid #dfdfdf; display: flex;}
#filters #filterrange .ui-slider-horizontal .ui-slider-handle{background: #065fd4;border: 1px solid #dfdfdf; border-radius: 100%; top:-2px;}
#filters #filterrange .ui-widget-header{background-color: #f0f0f0;}

#anchor_slide_min {text-align: left; margin-left:-2px; }
#anchor_slide_max {text-align: right; margin-left:-15px;}

#text_slide_min, #text_slide_max {position: absolute;border-radius: 0.25rem; background-color: #065fd4;color: #ffffff;top:20px;padding: 2px 3px;font-size: 12px; display: inline-block; min-width:20px;}
#text_slide_min{left:0;}
#text_slide_max{right: 0;}

#text_slide_min *, #text_slide_max *{font-size: 90%;font-weight: 500;}

#filters #slider-price-min {display: inline-block; width:30%; text-align: left; margin-top:2.5rem;}
#filters #slider-price-max {display: inline-block; width:30%; text-align: left; float:right;margin-top:2.5rem;}
#filters #slider-price-min input, #filters #slider-price-max input { background:#f2f2f2;}

/*   ================  Search Filter **/

#filtersearch { height: auto; margin-bottom:0;}
.clear_search_cnt { display: block;  overflow: hidden; padding: 0; position: absolute; right:40px; top:5px; width: inherit; height:inherit;}
.clear_search_cnt .icon-close{ color:#757575;}
.clear_search_cnt .icon-close i{padding:0;}

/*   ================  Product Rating **/
.rating, .list_status .rating{display: inline-block;}
.rating .rating_cancel{ margin: 0 0 0 1rem; font-size: 1rem; padding-left: 1rem; padding-top:0.25rem; font-weight: 500; cursor: pointer;}

/*  INFOPR4 Page  ============  */

#cnt_tabs.neo-tabs{border:none; margin-top:1rem; margin-bottom:1rem;}
#cnt_tabs.neo-tabs table.tab_links{background:#f0f0f0; text-transform: uppercase; display: block; text-align: center; border:1px solid #dfdfdf; position: relative;  min-width: 520px;}
#cnt_tabs.neo-tabs table.tab_links td .tab_link{ padding-left:1rem; padding-right:1rem; color:#757575; font-weight: 500; border-right:1px solid #dfdfdf;}
#cnt_tabs.neo-tabs table.tab_links td .tab_link:hover{background:#dfdfdf;}
#cnt_tabs.neo-tabs table.tab_links td.selected .tab_link {background: #065fd4; color:#ffffff;  display: block; text-align: center;border: 1px solid #065fd4; margin:-1px;}

#cnt_tabs.neo-tabs table.tab_links td.selected .tab_link:after{content:''; position: absolute; top: 100%; left: 50%; margin-left: -10px;  width: 0; height: 0;  border-top: solid 10px #065fd4;   border-left: solid 10px transparent; border-right: solid 10px transparent;}
#cnt_tabs.neo-tabs .neo-tab-content{padding:1rem; background:#ffffff; border:1px solid #dfdfdf; border-top:none; min-width: 320px;}
#cnt_tabs.neo-tabs table.tab_links td.empty .tab_link{background:none; border-right:none;}
#cnt_tabs.neo-tabs .neo-tab-content .list_item{margin-left:0; margin-right:0;}

#cnt_tabs.neo-tabs .neo-tab-content table.list_item .list_img{ width:20%;}

.neo-prdShow{ margin-top:1rem; margin-bottom:1rem; display:inline-block; width:100%;}
.neo-prdShow .product-listing-view{ display: flex; flex-wrap: wrap; width:100%;}
.neo-prdShow .product-listing-view .list_grid .product-item-inner{ position:relative; padding:0.5rem; }
.neo-prdShow .product-listing-view .list_grid .product-item-inner .product-info{text-align:left; display:inline-block; width:100%; padding-top:0.5rem; padding-bottom:0.5rem; height:35px;}
.neo-prdShow .product-listing-view .list_grid .product-item-inner .rating {text-align:center; float:none;}
.neo-prdShow .product-listing-view .list_grid .product-item-inner .list_error{ margin-top:-5px; padding: 0.5rem 0;}

.neo-prdShow .product-listing-view .list_grid .product-more.list_more{ position: relative; height:50px;}
.neo-prdShow .product-listing-view .list_grid .product-more.list_more .list_avail{height:25px; display: inline-block; text-align:left; width: 50%;}
.neo-prdShow .product-listing-view .list_grid .product-more.list_more .list_attr{ height: 36px; display: inline-block; float: right; text-align:right; width: 50%;}

.neo-prdShow .product-listing-view .list_grid .product-order-item.list_order{ position: relative; width:100%; display:inline-flex; flex-wrap: wrap; justify-content: flex-start; left: 0; bottom: inherit;}
.neo-prdShow .product-listing-view .list_grid .product-order-item.list_order .prdsumOrd {order:-1; display: flex; flex: 0 0 100%; padding-bottom: 0.5rem; font-weight: 500;color:#207603; margin:0;}

.neo-prdShow .product-listing-view .list_more .list_price{margin-bottom:0.5rem; display: inline-block; width:100%;}
.neo-prdShow .product-listing-view table.list_quantity{margin-left:0; min-width:auto; margin-bottom:0;}
.neo-prdShow .product-listing-view table.list_quantity caption{display:none;}
.neo-prdShow .product-listing-view table.list_quantity .portion{text-align:left; padding:0.75rem 0 0.5rem; display: none;}
.neo-prdShow .product-listing-view .product-order-btns{ margin-left: auto;}
.neo-prdShow .product-listing-view .product-item-box .product-image-container{position:relative; min-height: 110px; max-height: 110px;}
.neo-prdShow .product-listing-view .product-item-box .product-item-photo{ min-height: 110px; max-height: 110px; max-height: 110px;}
.neo-prdShow .product-listing-view .product-item-box .product-item-photo img{ display:inline-block;}
.neo-prdShow .product-listing-view .product-item-inner:hover .neo-icon{color:#ffffff;}

.neo-prdShow .product-listing-view .list_grid .product-item-inner .prod-extra { background: #dfdfdf; border-radius: 100%; height: 44px; width: 44px; text-align: center; vertical-align: middle; align-items: center; display: inline-flex; position: absolute; right: 14px;top: 15px;}
.neo-prdShow .product-listing-view .list_grid .product-item-inner:hover .prod-extra{background: #065fd4;}

.neo-prdShow .product-listing-view.owl-carousel{margin-left:0; margin-right:0;}
.neo-prdShow .product-listing-view.owl-carousel .owl-item .list_grid{padding:0;}
.neo-prdShow .product-listing-view.owl-carousel .owl-dots{ display:none;}

/*  External Page and Payment Pages ============  */

.external-page{}
#external{ width:100%;}
.external-page .neo-menutitle-context{padding-top:1.5rem; padding-bottom:1.5rem;}

/*  ORDER03 Page  ============  */

.order03-page .errorMsg, .order03-page .errorLine, .order03-page .alert_warning {display: block; margin:0.5rem; clear: both; width:auto;}
.order03-page .errorLine{margin-bottom:0; margin-top:0; padding: 0;}
.order03-page .alert_warning{margin-bottom:0; margin-top:0;}

.order03-page .neo-intro{margin-bottom: 1rem;}
.order03-page .neo-intro .neo-intro-headline{font-size:1.2rem; color:#757575; margin-bottom: 0; font-weight: 400;}
.order03-page .neo-intro .neo-result-item {display: inline-block; font-size:1.2rem; color:#414142; font-weight: 500;}

.order03-page .neo-intro .neo-cnt-intro{ border-top:1px solid #dfdfdf; padding-top: 1rem;}
.order03-page .neo-intro .neo-cnt-intro span.shop_color{float:left; margin-right:0.5rem;}
.order03-page .neo-intro .neo-cnt-intro label input{margin-right:0.25rem;}
.order03-page .neo-intro .neo-cnt-intro a.btn{float:right; color:#ffffff; font-weight: 500; text-transform: uppercase;}

.ordPord-titlerow th{border:none; padding:0; background:#ffffff;}
.ordPord-titlerow table{border-bottom: none;}
.order03-page table.list_item{margin-left:0;margin-right:0 ;margin-bottom: 0px;background:#ffffff;}
.order03-page table.list_item:last-child{border-bottom:1px solid #dfdfdf;}
.order03-page table.list_item td{padding:0; vertical-align: top;}

.order03-page .ordPord-name{width:52%;}
.order03-page .ordPord-general{width:48%;}

.order03-page .ordPord-itemlcol{width:100%; padding:0.5rem;}
.order03-page .ordPord-quntycol{width:24%; padding:0.5rem;}
.order03-page .ordPord-pricecol{width:24%; padding:0.5rem;}
.order03-page .ordPord-totalprice{width:24%; padding:0.5rem;}
.order03-page .ordPord-action{width:23%; text-align: left; padding:0.5rem;}

.order03-page table.list_item .list_img{width: 12%; padding:0.5rem; background: #ffffff;  vertical-align: middle;}

.order03-page .list_item .list_general{ display: inline-block; text-align: left; width:45.5%; padding:1rem 0.5rem; float:left;}
.order03-page .list_item .list_general .custom_color{font-size:1.2rem; color: #414142; display: inline-block; margin-bottom: 0.5rem;}
.order03-page .list_item .list_general span{color:#757575;}
.list_avail .hilite{font-weight: 500; color:#414142;}

.order03-page .list_item .list_general .list_ordhis{ margin-bottom:0.5rem;}

.order03-page .list_item .list_general .list_self{ display: inline-block; width:75%; text-align: left;}
.order03-page .list_item .list_general .list_self .custom_color{margin-bottom: 1rem;}

.order03-page .list_item .list_general .list_attr span{display: inline-block; margin:0.25rem;}
.order03-page .list_item .list_general .list_attr span img{ max-width: 36px;}

.order03-page .list_item .list_status{display: inline-flex; margin:1rem 0.5rem;}
.order03-page .list_item .list_status .list_line{margin-left:0.20rem;}
.order03-page .list_item .list_status a.btn-link{background: #ffffff; border: 1px solid #dfdfdf; padding: 0.25rem; height:auto; color: #065fd4;}
.order03-page .list_item .list_status a.btn-link:hover{ color: #ffffff; background-color: #0069d9; border-color: #0069d9;}
#list_ordhis a.btn{display: inline-block; width: auto; text-transform: uppercase; color:#414142; font-weight: 500;}
#list_ordhis a.btn:hover{color:#ffffff;}

.list_memo{ display: flex; width:100%;}
.list_memo label{ display: inline-block; padding-right:1rem;}

.order03-page .list_item .list_general .list_memo{ flex-direction: column; margin-bottom: 0.5rem;}
.order03-page .list_item .list_general .list_memo label{ margin-bottom: 0;}

.ord-net{display: none;}
.list_purchase { display: flex; text-align: left; float:left;}
.list_purchase .ordPord-quntycol {display: inline-block; width: 33%; float:left; padding:0;}
.list_purchase .list_quantity{margin-left:0;}
.list_purchase table.list_quantity caption{display: none; max-width: inherit;}

.list_purchase table.list_quantity td.quant{padding:0; vertical-align: middle;}
.list_purchase table.list_quantity .text_qty {max-width: 80px; text-align: left; height: calc(1.3rem + 0.75rem + 2px); font-weight: 500;}


.list_purchase table.list_quantity td.neo-ctrl {position: relative; width: auto;}
.list_purchase table.list_quantity td.neo-ctrl a{ position: absolute; left:-24px; width:18px; height:18px;}
.list_purchase table.list_quantity td.neo-ctrl .icon-upArrow:before {font-size: 20px;}
.list_purchase table.list_quantity td.neo-ctrl .icon-downArrow:before{font-size: 20px;}

.list_purchase table.list_quantity td.neo-ctrl a.quant_more{top:0px;}
.list_purchase table.list_quantity td.neo-ctrl a.quant_less{bottom:0px;}
.list_purchase table.list_quantity td.unit, table.list_quantity td.act {padding:0}

.order03-page .list_purchase table.list_quantity td.neo-ctrl a{ left:-18px;}
.order03-page .list_purchase table.list_quantity .text_qty:focus, .list_purchase table.list_quantity .text_qty:focus-visible{ background: #ffff66; border-color: #ffff66;}

.list_item .list_purchase table.list_quantity td.an{text-align:center;}
.list_item .list_purchase table.list_quantity td.act a{color:#757575; text-transform: uppercase; padding:0.25rem 0.5rem; height:auto;}
.list_item .list_purchase table.list_quantity td.act a.btn-calculate{color: #065fd4; display: inline-block; float:left; min-width: 24px; padding:0.15rem;}
.list_item .list_purchase table.list_quantity td.act a.btn-calculate .eicon-recalculate{width:24px; height: 24px; position:relative; top:3px;}
.list_item .list_purchase table.list_quantity td.act a.btn-calculate:hover .eicon-recalculate{background-image: url('images/recalculate-icon-blue.svg'); opacity: 1;}

.list_purchase .ordPord-pricecol{display: inline-block; width:34%; float:left; padding:0 0.5rem;}

.list_purchase .ordPord-pricecol .list_price{border:none; display: block; width:100%; margin:0; float: left; position: relative;}
.list_purchase .ordPord-pricecol .list_price td{border:none; padding:0;}
.list_purchase .ordPord-pricecol .list_price caption {white-space: nowrap; display: inline-block; padding-top:0; padding-bottom: 0; float:left; display: none;}
.list_purchase .ordPord-pricecol .list_price caption > span{display: inline-block;}
.list_purchase .ordPord-pricecol .list_price th{border:none; background:none; padding:0;}
.list_purchase .ordPord-pricecol .list_price tbody{float:left;}
.list_purchase .ordPord-pricecol .list_price .prod_nett{text-align: left;}
.list_purchase .ordPord-pricecol .list_price .prod_nett th{color:#414142; font-size: 0.8rem; padding-right:0.25rem; vertical-align: bottom;}
.list_purchase .ordPord-pricecol .list_price .prod_nett .hilite span {font-weight: 500; font-size:1.2rem;}

.list_purchase .ordPord-pricecol .list_price .prod_from *{text-decoration: line-through; display:inline-block;}
.list_purchase .ordPord-pricecol .list_price .prod_from .hilite.aps_currencyEL{ padding-left:5px;}

.list_purchase .ordPord-totalprice{display: inline-block; width:33%; float:left; padding:0 0.5rem;}
.list_purchase .list_order .prod_total span {font-weight: 500; font-size:1.2rem;}
.list_purchase .ordPord-totalprice .list_order_inner{position: relative;}
.list_order_inner .saveMore{position: absolute; bottom:-40px;}
.list_order_inner .saveMore a.list_save_more{color:#F53335; font-weight: 500;  width: max-content;}

#cnt_totals .order-summary-inner{ width:40%; background:#f0f0f0; border:1px solid #dfdfdf; float:right; text-align: right; display: inline-block;}
.order-summary .total_item{ display: block; padding: 0.50rem 1rem 0;}
.order-summary .total_descr{display: inline-block; width:50%; text-align: left; font-size: 1rem; color:#414142; float:left; text-align: right;}
.order-summary .total_amount{display: inline-block; text-align: right;}
.order-summary .total_amount span{color:#757575; font-size:1.2rem;}
.order-summary .total_sum {display: block; border-top:1px solid #dfdfdf; padding: 0.50rem 1rem 0.5rem; margin-top:0.5rem;}
.order-summary .total_sum .total_descr{ color:#414142; font-size:1.2rem; font-weight: 500;}
.order-summary .total_sum .total_amount span{ font-size:1.2rem; font-weight: 500;}

.order03-page .order-promotion, .preview .neo-odrcheckout-context .order-promotion { display: block; margin-top:1.5rem;}
.order03-page .order-promotion .order-promotion-inner, .preview .neo-odrcheckout-context .order-promotion .order-promotion-inner {position: relative; width:40%; float:right; text-align: left; display: inline-flex; align-items: center;}
.order03-page .order-promotion label, .preview .neo-odrcheckout-context .order-promotion label { display: block; width:60%; margin-bottom: 0.25rem;}
.order03-page .order-promotion .custom-control{padding:0; height:auto; width:100%; display: inline-block; float:left;}
.order03-page .order-promotion .custom-control .form-control{ height: calc(1.5rem + 0.75rem + 2px);}
.order03-page .order-promotion .btn{color:#ffffff; font-weight: 500; text-align: center; text-transform: uppercase;}
.order03-page .order-promotion .btn:hover{color:#ffffff;}
.order03-page .neo-closure .btn{font-weight: 500;}

.list_extra{background:#f0f0f0;}
.list_mixmatch{ display:block; width:100%; background:#ffffff; }
.list_mixmatch br{display: none;}
.list_mixmatch .mixmatch_short{ display: inline-block; padding:0.5rem 1rem; background: #F53335; color: #ffffff; font-size: 1rem; font-weight: 500; text-transform: uppercase;}
.list_mixmatch .mixmatch_long {display: inline-block; padding:0.5rem 1rem; font-size: 1rem; font-weight: 400;}
.list_mixmatch .mixmatch_long .mixmatch_date{padding-left:1rem; font-weight: 500;}

.mixmatch-grid .list_mixmatch{display:block; width:inherit; background: #f0f0f0; margin-left: -1rem;margin-right: -1rem;padding: 5px;}

.list_mixmatch_grid{background:#f0f0f0; margin-left:-1rem; margin-right:-1rem; margin-bottom: -1rem; padding:5px;}
.list_mixmatch_grid br{display: none;}
.list_mixmatch_grid .mixmatch_short, .mixmatch-grid .mixmatch_short{ display: block; width:100%; padding:0.5rem 1rem; background: #F53335; color: #ffffff; font-size: 1rem; font-weight: 500; text-transform: uppercase;}
.list_mixmatch_grid .mixmatch_long, .mixmatch-grid .mixmatch_long{display: block; width:100%; padding:0.5rem 1rem; font-size: 1rem; font-weight: 400;}
.list_mixmatch_grid .mixmatch_long .mixmatch_date, .mixmatch-grid .mixmatch_long .mixmatch_date{ font-weight: 500;}

.ajplop-wrapper{background: #f0f0f0;}
.ajplop-wrapper .neo-intro{ display: flex; align-items: center; padding-top: 0; padding-bottom: 0; margin-bottom: 1rem; background: #ffffff; border:1px solid #dfdfdf;}
.ajplop-wrapper .neo-intro .intro-headline {display: inline-block; padding:0.5rem 1rem; background: #F53335; color: #ffffff; font-size: 1rem; font-weight: 500; text-transform: uppercase; margin: 0;}
.ajplop-wrapper .neo-intro .close{ margin-left: auto;}

.order03-page .ajplop-wrapper .list_item .list_general{ width:100%;}
.order03-page .ajplop-wrapper .list_item .list_more {padding: 0.5rem;}
.order03-page .ajplop-wrapper table.list_item .list_img {text-align: center; vertical-align: middle; border: none; width: 20%; max-width: 200px; min-width: 200px;}

.ordPord-offer{ display: block; clear: both;}
.ordPord-offer .offers-intro .intro-headline{font-size:1.4rem; display: inline-block; margin:0;}
.ordPord-offer .list_mixmatch{border:1px solid #dfdfdf;}
.ordPord-offer .offer-closure{margin-top: 1rem; margin-bottom: 1rem; text-align: right;}
.ordPord-offer .offer-closure a.btn{color:#ffffff; text-transform: uppercase; font-weight: 500;}

.premium{ text-transform: uppercase; font-weight: 500;}

.layer .panel.layer.ajplop-wrapper{ background: #ffffff;}
.panel.layer .neo-ajplop01 .neo-core table.list_item .list_img{width: 20%; max-width: 200px; min-width: 200px;}
.panel.layer .neo-intro .list_mixmatch{ display:inline-block; width:auto; border:none;}
.panel.layer .neo-ajplop01 .neo-core table.list_item{ margin-left:0; margin-right:0;}
.panel.layer .neo-ajplop01 .neo-closure{ padding-left: 0; padding-right: 0;}

/*  ORDER04   ================  */
.order04-page .errorMsg{padding:0.5rem; margin-top: 0.5rem; clear:both;}

.step { display: block;  background:#f0f0f0; padding:0.5rem; border:1px solid #dfdfdf;}
.step_link, .step_text{display: inline-block;}
.step-number{padding:0.5rem; font-size:1rem; font-weight: 500; background:#F53335; color:#ffffff; display: inline-block; min-width: 36px; text-align: center;}
.step_text{ padding-left: 1rem; font-size: 1.4rem; text-transform: uppercase; color: #414142; font-weight: 500;}
.step_button{display: inline-block; float:right;}
.step_button a.btn{color:#ffffff;}
.step_button a.btn:hover{color:#ffffff;}

.step_txt{background:#ffffff; border:1px solid #dfdfdf; padding-top:1rem; padding-bottom:1rem;  display: block; width:100%;}
.step_txt .step-inner-block{width:50%; padding-left:15px; padding-right:15px; float: left;}
.step_txt #cost_center.step-inner-block .step-inner-half{padding-left:0;}

.step-action{display: inline-block; width:100%; text-align: right; padding:1rem 15px 0; }
.step-action a.btn{color: #ffffff; text-transform: uppercase; font-weight: 500;}
.step-action a.btn:hover{color: #ffffff;}

.step-inner-head{display: block; background:#f0f0f0; padding:0.5rem; border-left:5px solid #065fd4; margin-bottom:1rem;}
.step-inner-head h4{ display: inline-block; font-size:1rem; margin:0; text-transform: uppercase;}
.step-inner-head a.btn-help{float:right; color:#065fd4; height:auto; padding:0;}

.step-inner-item{padding-top:1rem;}
.step-inner-half{ display: inline-block; padding:1rem; width:50%; text-align: left; margin:0;}
.step-inner-half h4{ display: inline-block; font-size:1rem; text-transform: uppercase;}
.step-inner-half span{display: inline-block; color:#757575;}
.step-inner-half .address-msg span{display:block;}

.step-inner-action{text-align: right; margin-top:1rem; margin-bottom: 1rem; flex-wrap: wrap;}
.step-inner-action a.btn{color: #ffffff; text-transform: uppercase; font-weight: 500; margin-right:0.25rem; margin-bottom: 0.5rem;}
.step-inner-action a.btn:hover{color: #ffffff;}
.step-inner-action a.btn:last-child{margin-right:0;}

#shipping_methods.step-inner-block .step-inner-item{ position:relative;}
#shipping_methods.step-inner-block .step-inner-item .total_radio{ display:inline-block; float:left; margin-right:0.5rem;}
#shipping_methods.step-inner-block .step-inner-item .total_body{ display:inline-block; text-align:left; width:75%;}
#shipping_methods.step-inner-block .step-inner-item .total_body .total_date{display:inline-flex; text-align:left; align-items: center; width:100%; white-space: nowrap; gap:0.5rem;}
#shipping_methods.step-inner-block .step-inner-item .total_body .title {display:block; text-align:left; font-size:1rem;}
#shipping_methods.step-inner-block .step-inner-item .total_amount.aps_currencyEL{display:inline-block; text-align:right;}

#step_txt_closure{padding-bottom: 0;}
#step_txt_closure.step_txt .step-inner-block{width:100%;}
#step_txt_closure.step_txt .step-inner-block fieldset{border:none;}
#step_txt_closure.step_txt .step-inner-block .step-inner-half{width:100%; padding:0; margin-bottom: 0.5rem;}

#total_invoice .invoice-data{border:none; margin-top:1rem;}
#total_invoice .invoice-data th{background:none; text-align: right; border:none; padding:0; color:#757575;}
#total_invoice .invoice-data td{background:none; text-align: right; border:none;padding:0; color:#414142;}

#total_invoice .invoice-data .total_sum th {color:#414142; font-size:1.2rem; font-weight: 500;}
#total_invoice .invoice-data .total_sum td span{color:#414142; font-size:1.2rem; font-weight: 500;}

.order-overview-action{text-align: right;}
.order-overview-action a.btn{color: #ffffff; text-transform: uppercase; font-weight: 500; margin-bottom:0.5rem;}
.order-overview-action a.btn:hover{color: #ffffff;}

#step_txt_closure .total_radio{display: inline-block; white-space: normal;}
#step_txt_closure .total_radio input{margin-right:0.25rem;}
#step_txt_closure .total_logo{ padding: 1rem 15px; display: inline-block;}

#step_txt_closure .neo-closure{padding-left: 15px; padding-right:15px;}
#step_txt_closure .neo-closure .buttons{ display: inline-block; padding:1rem 0; width:50%; text-align: left; margin:0; float:left;}
#step_txt_closure .neo-closure .buttons #pick_alternative{width:100%; margin-right:0;}
#step_txt_closure .neo-closure .buttons.orderPlace{text-align: right;}
.orderPlace a.btn{ font-weight: 500;}
span.obligedPayment{display: block; text-align: right;}

.step_txt .step-inner-block #ref_extOrdNbr{display: inline-block; width: 100%;}
.step_txt .step-inner-block #ref_extOrdNbr .total_descr{width:100%;}
.paymentCC1 select.form-control{ display:inline-block;}

.step_txt .layer-content .layer-header{ padding: 0.75rem 0.5rem;}
.step_txt .layer-content .layer-body{ padding: 0.5rem 0rem;}

.step-inner-block .step-inner-item{ position:relative;}
.step-inner-block .step-inner-item .total_radio{ display:inline-block; float:left; margin-right:0.5rem;}
.step-inner-block .step-inner-item .total_body{ display:inline-block; text-align:left;}
.step-inner-block .step-inner-item .total_body .total_date{display:block; text-align:left;}
.step-inner-block .step-inner-item .total_body .title {display:block; text-align:left; font-size:1rem;}

.step-inner-block .step-inner-item .step-inner-outlet{ padding-top:0;}
.step-inner-block .step-inner-item fieldset{padding:0.30em 0.5em;}
.step-inner-block .step-inner-item fieldset .form-control{ width:100%; max-width:320px; min-width:200px;}
.step-inner-block .step-inner-item fieldset .alert{ margin:0;}

/* 	Switch Save Page   =================   */

.neo-switchsave-context .neo-core{ margin-top:1.5rem;}
.neo-switchsave-context .neo-core .total_half{margin:0; width:50%; padding-left:15px; padding-right:15px; margin-bottom:1rem;}
.neo-switchsave-context .neo-core .total_half table.list_item{margin:0; width:100%;}

/*  Upload Order Page   =================   */

.neo-UploadOrder-context table.list_item .list_desc .list_general{ display: flex; padding:0.5rem;}
.neo-UploadOrder-context table.list_item .list_desc .list_self .custom_color{ margin-bottom: 0.5rem;}
.neo-UploadOrder-context table.list_item .list_desc .list_numbers table.list_quantity caption{min-width: auto; display: block; font-weight: 400; height:40px;}

.neo-UploadOrder-context table.list_item .list_desc .list_pricing table.list_price caption{ height:40px;}
.neo-UploadOrder-context table.list_item .list_desc .list_pricing table.list_price, .neo-UploadOrder-context table.list_item .list_desc .list_pricing table.list_price th, .neo-UploadOrder-context table.list_item .list_desc .list_pricing table.list_price td{ border:none;}

.neo-UploadOrder-context .island{display: block; margin-bottom: 1rem;}
.neo-UploadOrder-context .title{ font-size:1.2rem; color:#414142; font-weight: 500;}
.neo-UploadOrder-context .upOrder-tools{ display: inline-block; float:right; text-align: right;}
.upOrder-showFile{ display: block; padding-top:1rem; padding-bottom: 1rem;}

.neo-UploadOrder-context table.list_item .list_status{border:none;}

.neo-UploadOrder-context table.list_item .list_control {margin-left:auto; margin-top: 1rem; text-align: right;}
.neo-UploadOrder-context table.list_item .list_control a.btn{ text-align: center; width:100%; margin-bottom: 0.25rem;}

.neo-UploadOrder-context .island h4{color:#757575; font-weight: 400;}
.neo-UploadOrder-context .island .uplOrd-list{padding:0; margin-left:1rem; color:#757575;}

.neo-UploadOrder-context .island .alert{padding: 0;}

/*   Print page ==================*/

.preview .neo-tools .btn, .neo-tools a.btn{ color:#414142;}

.preview .neo-logo-wrapper{padding-bottom: 1rem; display:inline-block;}
.preview .neo-container{ margin:0 auto;}
.preview .neo-intro-block{margin-top:0.5rem;}
.preview .neo-intro-block .neo-intro-headline{ display:inline-block; margin-bottom:0;}
.preview .list_item .list_more .list_price{display: inline-block; width:auto;}
.preview table.list_item .list_img{max-width: 150px; max-height: 150px;}

.preview table.list_quantity .text_qty {height: calc(1.0rem + 0.75rem + 5px);}

.preview.infopr3-page .neo-intro .neo-tools{display: inline-block; margin-left:0.25rem;}
.preview.infopr3-page .neo-intro .neo-tools .btn{padding: 0.375rem 0.75rem; display: inline-flex;}
.preview.infopr3-page .neo-intro .neo-view{display: inline-block; float: right;}

.preview.infopr4-page .neo-product-left .prod-des-big-img img{max-width: 100%; height: auto; max-height: 370px;}
.preview.infopr4-page .neo-breadcrumb{margin-bottom: 1rem;}

.preview.infopr4-page .neo-intro .neo-tools .btn{border:none; height: calc(1.5rem + 0.75rem + 5px);}
.preview.infopr4-page .neo-intro .neo-tools .btn:hover{border:none;}
  
.preview .neo-icon{ display:flex; gap:0.25rem; align-items: center;}
.preview.infopr4-page .neo-intro .neo-tools .neo-icon .neo-value{display: block;}

.preview.infopr4-page .neo-prod-order table.list_quantity{margin-bottom:0.5rem;}
.preview.infopr4-page #cnt_tabs.neo-tabs .neo-tabs-row td{width:50%; border-bottom:1px solid #dfdfdf;}
.preview.infopr4-page #cnt_tabs.neo-tabs .neo-tabs-row .neo-prdLngDes h4.neo-tabLink{ border-right:1px solid #dfdfdf;}
.preview.infopr4-page #cnt_tabs.neo-tabs .neo-tabs-row td h4.neo-tabLink{margin:0; padding:0.5rem; color: #757575; font-weight: 500; font-size:1rem;}
.preview.infopr4-page #cnt_tabs.neo-tabs {border:none;}
.preview.infopr4-page #cnt_tabs.neo-tabs .prod-cell{padding:0.5rem; background:#ffffff;}

.preview.infopr4-page #cnt_tabs.neo-tabs table.tab_links{ display: table;}

.preview .eci-row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; margin-left:-15px; margin-right:-15px;}
.preview .eci-row .total_half{margin:0; width:50%; padding-left:15px; padding-right:15px;}
.preview .eci-row.overview-footer .total_item{padding-left:15px; padding-right:15px; padding-bottom:0.5rem;}
.preview .total_whole.overview-footer .total_item{padding-bottom:0.5rem;}

.preview .neo-core{padding-top:1rem; padding-bottom: 1rem;}
.preview .neo-core .neo-block{margin-top:1rem; margin-bottom: 1rem;}
.preview .neo-core{padding-top:1rem; padding-bottom: 1rem;}
.preview .neo-core .neo-block{margin-top:1rem; margin-bottom: 1rem;}
.preview .neo-priceTable{display:block; margin-top:1.5rem; margin-bottom: 2rem; padding:1rem 0;}

.preview .neo-priceTable .neo-block{width:40%; background:#f0f0f0; border:1px solid #dfdfdf; float:right; text-align: right; display: inline-block;}
.preview .neo-priceTable .neo-block .total_item{display: block; padding: 0.50rem 1rem 0;}
.preview .neo-priceTable .neo-block .total_item .total_descr{display: inline-block; width:50%; text-align: left; font-size: 1rem; color:#414142; float:left; text-align: right;}
.preview .neo-priceTable .neo-block .total_item .total_amount{display: inline-block; text-align: right;}
.preview .neo-priceTable .neo-block .total_item .total_amount span{color:#757575; font-size:1.2rem;}
.preview .neo-priceTable .neo-block .total_sum {display: block; border-top:1px solid #dfdfdf; padding: 0.50rem 1rem 0.5rem; margin-top:0.5rem;}
.preview .neo-priceTable .neo-block .total_sum .total_descr{ display: inline-block; width:50%; font-size: 1.2rem;font-weight: 600; color:#414142; float:left; text-align: right;}
.preview .neo-priceTable .neo-block .total_sum .total_amount *{font-size:1.2rem; font-weight: 600;}

.preview .neo-priceTable .neo-block{display: block;float: right;background:#f0f0f0;padding:1rem;max-width: 50%;}
.preview .neo-priceTable .neo-block .total_item{display: inline-block;width: 100%;}
.preview .neo-priceTable .neo-block .total_item .total_descr{width:50%;text-align: right;font-size:1rem;display: inline-block; float: left;}
.preview .neo-priceTable .neo-block .total_item span{font-size:1.2rem;text-align: right;float: right;}

.preview .neo-odrcheckout-context .neo-breadcrumb{margin-bottom: 1rem;}
.preview .neo-odrcheckout-context .neo-core-wrapper table.list_item{margin-left:0; margin-right:0;}
.preview .neo-odrcheckout-context .neo-core-wrapper table.list_item .thumbnail{ text-align: center; width:40%; vertical-align: middle;}
.preview .neo-odrcheckout-context .neo-core-wrapper table.list_item .list-general-inner{ vertical-align: top;}

.preview .neo-odrcheckout-context .list_item .list_general h3{font-size:1.2rem;}
.preview .neo-odrcheckout-context .list_item .list_general .list_attr span img{max-width: 36px;}

.preview .list_item .list_img{ text-align: center;vertical-align: middle; border:none; width:20%; max-width: 250px;}
.preview .list_item .list_img img{max-width: 100%; height:auto; overflow: hidden;}

.neo-slt-context .neo-tools{ display: flex; float: right; justify-content: center; align-items: center;}
.neo-slt-context .neo-tools .form-check{ margin-left:1rem;}

.neo-slt-context .neo-core{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.neo-slt-context .neo-core .total_third {position: relative; margin:0; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;	
	-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}

.neo-slt-context .neo-core .total_third .form-check{ margin-bottom:1rem; display:inline-block;}
.neo-slt-context .neo-core .total_third .form-check label{ font-size:1.2rem; font-weight:500; margin-bottom:0;}
.neo-slt-context .neo-core .total_third .checkbox { margin-top:0.5rem;}

.preview .list_purchase{ display:block;}
.preview .list_purchase .list_price{ float:left;}
.preview .list_purchase .list_order{display:inline-block;}

/*  Icon  ==============  */
.neo-icon{position: relative;}
.neo-icon img{display: none;}

/* .icon-relation:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\eb3b'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-product::after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e1bd'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}

.icon-copy:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e14d'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-trash:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e872'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-pencil:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e150'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-note-add:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e150'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-person-add:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e7fe'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-mail:after{font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e0e1'; display: inline-block; position: absolute; top: 0px; right: 0; width: 24px; height: 24px;}
.icon-calc:before {font-size:24px;color: #000000; font-family: 'Material Icons';  content: '\e916'; display: inline-block; position: absolute; top: -2px; left: 0; width: inherit; height: 100%;}
*/

.neo-quntMore, .neo-quntLess{padding: 0.5rem;display: inline-block; width: 20px; height: 20px;}

.icon-upArrow:before {font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e316'; display: inline-block; position: absolute; top: -2px; left: 0; width: inherit; height: 100%;}
.icon-downArrow:before {font-size:24px;color: #000000; font-family: 'Material Icons';  content: '\e313'; display: inline-block; position: absolute; top: -2px; left: 0; width: inherit; height: 100%;}


.arrow-up:after {font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e316'; display: inline-block; position: absolute; top: 0px; right: 0; width: inherit; height: 100%;}
.arrow-down:after {font-size:24px;color: #000000; font-family: 'Material Icons';  content: '\e313'; display: inline-block; position: absolute; top: 0px; right: 0; width: inherit; height: 100%;}
.arrow-left:after {font-size:24px; color: #000000; font-family: 'Material Icons';  content: '\e314'; display: inline-block; position: absolute; top: 0px; right: 0; width: inherit; height: 100%;}
.arrow-right:after {font-size:24px;color: #000000; font-family: 'Material Icons';  content: '\e315'; display: inline-block; position: absolute; top: 0px; right: 0; width: inherit; height: 100%;}

#comparison td.cmp_col .tail img{ display: none;}
#comparison td.cmp_col .tail:after{font-size:18px;color: #ffffff; font-family: 'Material Icons';  content: '\e14c'; display: inline-block; position: absolute; top: -3px; right: 1px; width: 18px; height: 18px;}

#comparison table.list_quantity td.ctrl a img{ display: none;}
#comparison table.list_quantity td.ctrl a.quant_more:after{font-size:24px;color: #000000; font-family: 'Material Icons'; content: '\e316'; display: inline-block; position: absolute; top: -14px; right: 0;width:18px; height:18px;}
#comparison table.list_quantity td.ctrl a.quant_less:after{font-size:24px;color: #000000; font-family: 'Material Icons';  content: '\e313'; display: inline-block; position: absolute; top: -6px; right: 0; width:18px; height:18px;}

.eicon-recalculate {display:inline-block; background-image: url("images/recalculate-icon-gray.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; width:32px; height:32px; opacity: 0.6;}
.eicon-recalculate:hover{background-image: url("images/recalculate-icon-blue.svg"); opacity: 1;}

.icon-available:before { content: '\e86c';}
.icon-noavailable:before { content: '\e033';}
.icon-printer:before{content: '\e8ad';}
.eicon-account-circle:before {content: '\e853';}
.eicon-shopping-cart:before {content: '\e8cc';}
.eicon-add-shopping-cart:before {content: '\e854';}
.eicon-remove-shopping-cart:before {content: '\e928';}

.eicon-printer:before{content: '\e8ad';}
.eicon-search:before { content: '\e8b6';}
.eicon-calendar:before {content: '\e916';}
.eicon-checked:before {content: '\e834';}
.eicon-unchecked:before {content: '\e835';}

.eicon-save:before {content: '\e161';}
.eicon-arrow-left:before {content: '\e314';}
.eicon-arrow-right:before {content: '\e315';}
.eicon-arrow-up:before {content: '\e316';}
.eicon-arrow-down:before { content: '\e313';}
.eicon-navigate-next:before {content: '\e409';}
.eicon-navigate-before:before {content: '\e408';}
.eicon-arrow-first:before{content: '\e5dc';}
.eicon-arrow-last:before{content: '\e5dd';}

.eicon-edit:before{content: '\e150';}
.eicon-copy:before{content: '\e14d';}
.eicon-trash:before{content: '\e872';}
.eicon-mail:before{content: '\e0e1';}
.eicon-open:before{content: '\e89e';}
.eicon-add-order:before{content: '\e89e';}
.eicon-conflict:before{content: "\e3e7";}
.eicon-product:before{content: '\e1bd';}
.eicon-barcode:before{content: '\e91a';}
.eicon-reports:before{ content: '\e8b0';}
.eicon-tracktrace:before{content: '\eb3b';}
.eicon-warning:before {content: '\e002';}
.eicon-clear:before {content: '\e14c';}
.eicon-budget-limit:before{content: '\e263';}
.eicon-email-outline:before{content: '\e0be';}
.eicon-zoom-in:before{content: '\e8ff';}
.eicon-compare:before{content: '\e3b9';}
.eicon-note-add:before{content: '\e89c';}
.eicon-library-add:before {content: '\e02e';}
.eicon-library-delete:before {content: '\e16c';}
.eicon-delete-forever:before { content: '\e92b';}
.eicon-wallpaper:before { content: '\e1bc';}
.eicon-gridView:before { content: '\e5c3';}
.eicon-listView:before { content: '\e5d2';}
.eicon-menu:before { content: '\e5d2';}
.eicon-filter-list:before { content: '\e152';}
.eicon-timer:before { content: '\e01b';}
.eicon-picture-pdf:before { content: '\e415';}
.eicon-label:before { content: '\e892';}
.eicon-call:before { content: '\e0b0';}
.eicon-subject:before {content: '\e8d2';}
.eicon-barCode:before {content: '\e919';}
.eicon-refresh:before { content: '\e5d5';}
.eicon-store:before { content: '\e8d1';}
.eicon-stars:before { content: '\e8d0';}
.eicon-live-help:before { content: '\e0c6';}
.eicon-playlist-add:before {content: '\e03b';}
.eicon-view-eye:before { content: '\e417';}
.eicon-share:after{  content: '\e80d';}
.eicon-person-add:before { content: '\e7fe';}
.eicon-description:before { content: '\e873';}
.eicon-insert-link:before { content: '\e250';}
.eicon-settings-applications:before { content: '\e8b9';}
.eicon-money-on:before { content: '\e263';}
.eicon-assessment:before {content: '\e85c';}
.eicon-perm-identity:before {content: '\e8a6';}
.eicon-location-room:before { content: '\e8b4';}
.eicon-receipt:before {content: '\e8b0';}
.eicon-link-product:before {content: '\e1bd';}
.eicon-settings-restore:before { content: '\e8ba';}
.eicon-add:before { content: '\e145';}
.eicon-link:before { content: '\e157';}
.eicon-add-circle:before { content: '\e148';}
.eicon-select-all:before { content: '\e162';}

.eicon-perm-identity:before {content: '\e8a6';}
.eicon-lock:before {content: '\e897';}
.eicon-markemail-read:before {content: '\e838';}
.eicon-markemail-unread:before {content: '\e836';}
.eicon-mixmatch:before{content: '\e043';}
.eicon-shipping:before { content: '\e558';}
.eicon-swap:before { content: '\e8d4';}
.eicon-thumb-up:before { content: '\e8dc';}
.eicon-info:before { content: '\e88e';}
.eicon-upload:before { content: '\e2c6';}
.eicon-touch:before { content: '\e913';}
.eicon-play-circle:before { content: '\e038';}
.eicon-notification:before { content: '\e7f4';}



/*  Cookie Setting  ==============  */

.neo-cookie-wrapper{ display: block; background: #ffffff; border-bottom: 1px solid #dfdfdf;}
.neo-cookie-container{display: inline-flex; width: 100%; padding: 0.5rem 0; align-items: center; justify-content: center;}
.neo-cookie-msg{ display:inline-block; width:80%; padding-left:15px; padding-right:15px;}
.neo-cookie-action{display:inline-block;padding-left:15px;margin-left: auto;}
.neo-cookie-container p{ margin:0; min-width:260px;}

/*	=========	BDM Switch User */

.bdm_switchUser_body .intro{padding-top: 1rem; padding-bottom: 1rem;}
.bdm_switchUser_body .intro .close{ display:none;}
.bdm_accountData{ font-size:12px; position: relative; display: block; padding: 1rem 0;}

.bdm_accountData .bdm_accPanel{ display: inline-block; width: 100%; clear: both;}
.bdm_accountData .bdm_accPanel .secAcc-box{ display: flex; }
.bdm_accountData .bdm_accPanel .secAcc-box .total_half{ width:auto; margin:0; padding-top:0.25rem; padding-bottom: 0.25rem;}
.bdm_accountData .bdm_accPanel .secAcc-box .total_half:first-child{ min-width:25%;}

.bdm_dataTable{ margin-top: 5px; border: none;}
.bdm_dataTable .table th, .bdm_dataTable .table td{padding: 0.5rem;}
.bdm_dataTable .table th.action{ width:100px;}
.bdm_coreData{position: relative; display: block; margin: 1rem 0; border-top: 1px solid #dfdfdf;}
.bdm_searchTool{display:inline-block; margin-top: 1rem; margin-bottom: 1rem; vertical-align: middle;align-items: center;float: right;}
.bdm_searchTool form{display: flex;margin-left: auto;}
.bdm_switchUser_body .bdm-alignRight{ text-align:right;}
.bdm_switchUser_body .bdm_swithLink{ padding:0;}

.layer .neo-container.bdm_switchUser_body{ max-width:100%; padding:0;}
.layer .bdm_switchUser_body .intro{padding:1rem;}
.layer .bdm_switchUser_body .intro .close{ display:inline-block;}
.layer .bdm_switchUser_body .intro .btn-back{ display:none;}
.layer .bdm_accountData{padding: 1rem;}

.layer  .bdm_accountData .bdm_accPanel .secAcc-box .total_half:first-child{ min-width:25%;}

.layer .bdm_coreData{margin: 1rem;}

.bdm-table-responsive {display: block; width: 100%; overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;}

/*  Media Query =============  */

@media (min-width: 320px) and (max-width: 420px) {

  .bx-wrapper .bx-viewport li.bx-clone{/*width:100% !important;*/ margin-bottom: 1rem;}

  .list_grid, .filterDisplayed .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem{width: 100%; flex: 0 0 100%; max-width: 100%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
  .neo-prdShow .product-listing-view .list_grid{padding:0 0 15px;}
  .neo-prdShow .product-listing-view{margin-left:0; margin-right:0;}
  .list_status{display: inline-block; float:right;}
  .neo-tab-content .list_status {width:100%;}
  .list_grid .list_line{display: block; margin-top: 0.5rem; text-align: right;}
  .list_grid .list_order a{float:right;}

  .panel, .layer{position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); margin:0; width:90%;}
  #calendar_layer.layer{position: ffixed !important;  top: 75% !important;}

  .list_item .list_general, .list_item .list_more{width:100%;padding:0.5rem;}
  .neo-UploadOrder-context table.list_item .list_desc .list_general{ display: inline-block; width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_general .list_self{ width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_pricing{ width:60%; display: inline-block;}
  .neo-UploadOrder-context table.list_item .list_desc .list_numbers{ float:right; width: 40%;}
  .neo-UploadOrder-context table.list_item .list_control {float:right; margin-top:0.5rem;}

  .order03-page .order-promotion .order-promotion-inner, .preview .neo-odrcheckout-context .order-promotion .order-promotion-inner{width:100%;}
  .preview .neo-odrcheckout-context .neo-core-wrapper table.list_item .thumbnail .product_thumbnail{ max-width: 60%;}
  #cnt_totals .order-summary-inner{width:100%;}

  .order03-page .list_item .list_general, .order03-page .list_purchase, .order03-page .list_item .list_status{width:100%; margin:0.5rem 0; padding:0.5rem 0.5rem 0; display: block; box-sizing: border-box;}
  .order03-page .list_purchase .ordPord-quntycol{display: block; width:100%;}
  .order03-page table.list_item .list_img{width:35%;}

  .step-number{padding: 0.25rem 0.75rem;}
  .step_button .btn{height: auto; padding: 0.25rem 0.5rem; line-height: inherit;}
  .step_text {font-size:1rem;}
  .step_txt .step-inner-block{width:100%; margin-bottom: 1rem; padding-left:5px; padding-right:5px;}
  .step-inner-half{width:100%; padding-left:0; padding-right:0;}
  #step_txt_closure .neo-closure{padding-left: 10px; padding-right:10px;}
  #step_txt_closure .neo-closure .buttons{width:100%; padding: 10px 0;}

  #step_txt_closure .total_radio.aps_currencyEL{white-space: normal;}

  .filterDisplayed .filters-column{width:70%;height:100%; border-right:1px solid #dfdfdf; position: absolute;  z-index: 9; background: #ffffff; height:100%; padding:1rem; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);}
  .filterDisplayed .neo-prdList-main{width:100%;}
  .list_item .list_general .list_self{width:100%;}
  .list_self a.custom_color{font-size:1rem;}
  .infopr4-page .neo-tools{display: block; width:100%; margin-top: 0.5rem;}
  .neo-spdorder-context .neo-third{width:50%;}
  .neo-spdorder-context .neo-sixth{width:50%;}

  .control .layer-header .close{right:0;}

  .list_purchase .list_order .prod_total span{ font-size:1rem;}
  .list_purchase .ordPord-pricecol .list_price .prod_nett .hilite span{font-size:1rem;}
  
  .dialog .layer-header .close, .control .layer-header .close {opacity: 1;position: relative;right: 0;top: 0;border-radius: 0;width: auto;height: auto; background: transparent;}
  .dialog .layer-header .close span, .control .layer-header .close span{ font-size:1rem; float:left; padding:0; color:#414142;}
  
  #cnt_tabs.neo-tabs #tab_txt_description.neo-tab-content{ min-width:inherit; width: 100%;}
  .neo-supstr-context .neo-search-wrapper .search-block{ display:inline-flex; width:100%;}
  .neo-cookie-wrapper{z-index: 9999; position: fixed; top: 0; margin: 1rem; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
  .neo-compareInfo #comparison table.cmp_table {display: block;}

  
}

@media (min-width: 421px) and (max-width: 767px) {
  .list_grid, .filterDisplayed .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem{width: 50%; flex: 0 0 50%; max-width: 50%;}
  .product-item-list{width: 50%; flex: 0 0 50%; max-width: 50%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
  .neo-prdShow .product-listing-view .list_grid{padding:0 0 15px;}
  .neo-prdShow .product-listing-view{margin-left:0; margin-right:0;}
  .panel, .layer{position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); margin:0; width:90%;}
  .order03-page .order-promotion .order-promotion-inner, .preview .neo-odrcheckout-context .order-promotion .order-promotion-inner{width:100%;}
  .preview .neo-odrcheckout-context .neo-core-wrapper table.list_item .thumbnail .product_thumbnail{ max-width: 60%;}
  #cnt_totals .order-summary-inner{width:100%;}

  .neo-UploadOrder-context table.list_item .list_desc .list_general{ display: inline-block; width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_general .list_self{ width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_pricing{ width:40%; float:left;}
  .neo-UploadOrder-context table.list_item .list_desc .list_numbers{ float:left; width: 25%;}
  .neo-UploadOrder-context table.list_item .list_control {float:right; margin-top: 2rem;}

  .step_txt .step-inner-block{width:100%; margin-bottom: 1rem; padding-left:5px; padding-right:5px;}
  .step-inner-half{width:100%; padding-left:0; padding-right:0;}
  #step_txt_closure .neo-closure{padding-left: 10px; padding-right:10px;}
  #step_txt_closure .neo-closure .buttons{width:100%; padding: 10px 0;}

  .filterDisplayed .filters-column{width:70%; height: 100%; border-right:1px solid #dfdfdf; position: absolute;  z-index: 9; background: #ffffff; padding:1rem; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);}
  .filterDisplayed .neo-prdList-main{width:100%;}
  .list_item .list_general .list_self{width:70%;}
  .product-item-list .list_item .prdList-row .list_general .list_self{width:100%;}
  .list_self a.custom_color{font-size:1rem;}
  .order03-page .list_item .list_general, .order03-page .list_purchase, .order03-page .list_item .list_status{width:50%;}
  .list_purchase table.list_quantity td.neo-ctrl{min-width: 15px;}
  .list_purchase .ordPord-quntycol{width:120px;}
  .neo-supstr-context .neo-search-wrapper .search-block{ display:inline-flex; width:100%;}
  .neo-compareInfo #comparison table.cmp_table {display: block;}

}

@media (min-width: 576px) { 
  .neo-row{margin-right: -10px; margin-left: -10px;}
  .neo-col{padding-right: 10px; padding-left: 10px;}  
  .preview .neo-container{padding-left:15px; padding-right:15px;}
  .neo-spdorder-context .neo-third{width:50%;}
  .neo-spdorder-context .neo-sixth{width:20%;}
  .order03-page table.list_item .list_img{width:25%;}
  .list_purchase table.list_quantity td.neo-ctrl{min-width: 15px;}
 
}

@media (min-width: 768px) { 
  .neo-row{margin-right: -15px; margin-left: -15px;}
  .neo-col{padding-right: 15px; padding-left: 15px;}
  .preview .neo-container{padding-left:15px; padding-right:15px;}
  .list_grid, .filterDisplayed .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem{width: 50%; flex: 50%; max-width:50%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
  .neo-prdShow .owl-item .list_grid{width: 100%; flex: 100%; max-width:100%;}

  .filterDisplayed .filters-column{width:70%; height: 100%; border-right:1px solid #dfdfdf; position: absolute;  z-index: 9; background: #ffffff; padding:1rem; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);}
  .filterDisplayed .neo-prdList-main{width:100%;}
  .list_item .list_general .list_self{width:70%;}
  .neo-spdorder-context .neo-third{width:50%;}
  .neo-spdorder-context .neo-sixth{width:20%;}
  .step_txt .step-inner-block{width:50%;}
  .step-inner-half{width:100%;}
  #step_txt_closure .neo-closure .buttons{width:50%;}

  .list_purchase .ordPord-pricecol{padding: 0 0.25rem;}
  .list_purchase table.list_quantity .text_qty{ max-width: 60px; min-width:60px;}
  .order03-page .list_item .list_general{ width:40%;}
  .order03-page .list_item .list_status{margin: 1rem 0rem;}
  .list_purchase{width:60%; padding:1rem 0rem;}
 
  .list_purchase table.list_quantity td.neo-ctrl{min-width: 15px;}
  .order03-page table.list_quantity td.act.neo-act a.btn-calculate{ margin-left:0; margin-top: 0;}
  .order03-page .list_purchase .ordPord-quntycol{width:50%;}
  .order03-page table.list_item .list_img{width:25%;}  

  .neo-UploadOrder-context table.list_item .list_desc .list_general{ display: inline-block; width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_general .list_self{ width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_pricing{ width:40%; float:left;}
  .neo-UploadOrder-context table.list_item .list_desc .list_numbers{ float:left; width: 25%;}
  .neo-UploadOrder-context table.list_item .list_control {float:right; margin-top: 2rem;}

  .neo-compareInfo #comparison table.cmp_table {display: block;}

 }

@media (min-width: 992px) {  
  .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem {width: 33.333333%; flex: 0 0 33.333333%; max-width:33.333333%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
  
  .neo-prdShow .owl-item .list_grid{width: 100%; flex: 100%; max-width:100%;}
  
  .filterDisplayed .list_grid, .filterDisplayed .product-listing-view.grid-view .product-item-list {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}

  .filterDisplayed .filters-column{width:25%; height: auto; border-right:none; box-shadow: none; position: relative; background: none; z-index:inherit;}
  .filterDisplayed .neo-prdList-main{width:75%;}
  .order03-page .order-promotion .order-promotion-inner, .preview .neo-odrcheckout-context .order-promotion .order-promotion-inner{width:40%;}
  .preview .neo-odrcheckout-context .neo-core-wrapper table.list_item .thumbnail .product_thumbnail{ max-width: 60%;}
  #cnt_totals .order-summary-inner{width:40%;}
  .list_item .list_general .list_self{width:75%;}
  .neo-spdorder-context .neo-third{width:30%;}
  .neo-spdorder-context .neo-sixth{width:215%;}

  .step-inner-half{width:50%;} 
  .mobFilter-close{display: none;}

  .order03-page .list_item .list_general{width: 40%;}
  .order03-page table.list_item .list_img{width:20%;}
  .list_purchase{width: 45%; padding: 1rem 0.5rem;}
  
  .neo-UploadOrder-context table.list_item .list_desc .list_general{ display: flex; width:100%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_general .list_self{ width:50%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_pricing{ width:20%;}
  .neo-UploadOrder-context table.list_item .list_desc .list_numbers{ width: 15%;}
  .neo-UploadOrder-context table.list_item .list_control {margin-top: 40px;}
  .neo-compareInfo #comparison table.cmp_table {display: block;}

}

@media (min-width: 1200px) {
  .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem{width: 25%; flex: 25%; max-width:25%;}
  .neo-prdShow .owl-item .list_grid{width: 100%; flex: 100%; max-width:100%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
  .preview .neo-container, .preview .mid-wrapper .neo-container{max-width: 100%;}
  .preview.infopr4-hr-page .neo-container, .preview .mid-wrapper .neo-container{ max-width: 100%;}
  .preview table.list_item .list_img{max-width:200px;}

  .order03-page table.list_quantity td.act.neo-act a.btn-calculate{ margin-left:0; margin-top:0;}
  .order03-page .list_item .list_general{width: 45.5%;}
  .order03-page table.list_item .list_img{width:12%; max-width:175px;}
  .list_purchase{width: 40%;}
  .order03-page .list_purchase .ordPord-quntycol{width:33%;}
  .neo-compareInfo #comparison table.cmp_table {display: table;}
}

@media (min-width: 1400px) {
  .list_grid, .product-listing-view.grid-view .product-item-list, .product-listing-view.grid-view .neo-supstrProdItem{width: 20%; flex: 20%; max-width:20%;}
  .filterDisplayed .list_grid, .filterDisplayed .product-listing-view.grid-view .product-item-list {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .product-listing-view.grid-view .neo-supstrProdItem .product-item-list{width: 100%; flex: 100%; max-width:100%;}
}