/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.6.2016, 11:01:20
    Author     : Horus
*/


#datatable.product-table {width:100%;font-size: 13px;}
#datatable.product-table th {padding: 4px 0;border-bottom: 2px solid gray;padding-right: 5px;}
#datatable.product-table td {padding: 3px 0;padding-right: 10px;}
#datatable.product-table tr:nth-child(odd) td {background-color: #f5f5f5;}
#datatable.product-table td:last-child {text-align: right;padding-right: 5px;width: 80px;}

#datatable.product-table td.price {color:#28439a; }
#datatable.product-table td .price-bruto {color:#8d8d8d;}
#datatable.product-table td .price-neto {color:#28439a; }

#datatable.product-table .align-right {text-align: right;padding-right: 5px;}
#datatable.product-table .align-center {text-align: center;}
#datatable .value-changed {color: #cb007b;}
#datatable .ident,#datatable .ident:visited {color:#28439a;}

.datatable-fluid img {height: 200px;width: 100%; object-fit: contain;border-bottom: 1px solid silver; padding-bottom: 10px;}
.datatable-fluid .row {margin-bottom: 20px;}
.datatable-fluid .thumb {padding: 5px;border: 1px solid white;transition: box-shadow 0.4s ease-in-out;}
.datatable-fluid .thumb:hover {border: 1px solid silver;-webkit-box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);-moz-box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);}
.datatable-fluid .atribs {font-size: 0.9em;color:#404040;margin-bottom: 5px;}
.datatable-fluid .thumb .title {color:#28439a;}
.datatable-fluid button {background-color: #28439a; padding: 5px 15px; border: none;color:#EAEAEA;}

.datatable-fluid .price table {width: 100%;}
.datatable-fluid .price table td:last-child {text-align: right;}
.datatable-fluid .label-mini3 {font-size: 0.8em;}

.datatable-fluid .thumb .back {display: none;}
.datatable-fluid .thumb > .corner {display: none;cursor: pointer;}
.datatable-fluid .thumb:hover > .corner {display: block; position: absolute; top:0;right:16px; width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #28429a transparent;}
.datatable-fluid .thumb:hover > .corner:after {font-family: FontAwesome; content:'\f122';color:white;position: relative;left:20px;}
.datatable-fluid .thumb .price .price {color:#28439a;font-size: 1.3em;}

.datatable-fluid .thumb .status {position: absolute; right: 20px;top: 175px;}
.datatable-fluid .thumb .ident {position: absolute; left: 20px;top: 8px;color:#28439a;font-size: 1.1rem;}
.datatable-fluid .thumb .discount-status {position: absolute; left: 20px;top: 25px;padding: 2px 4px; font-size: 0.95rem;text-transform: uppercase; border-radius: 5px; background-color: #6ccaf8;font-weight: bold;}
.datatable-fluid .thumb .discount-status-y {position: absolute; left: 20px;top: 25px;padding: 2px 4px; font-size: 0.95rem;text-transform: uppercase; border-radius: 5px; background-color: #f8dc6c;font-weight: bold;}

.datatable-fluid .thumb .packaging {position: absolute; left: 20px;top: 177px; background-color: #EAEAEA; border-radius: 10px;padding: 3px;font-size: 10px;min-width: 20px;text-align:center;}
.datatable-fluid .thumb .price-bruto {color:#8d8d8d;}

.datatable.qpager {font-size: 25px;color:silver;clear: both;margin: 5px 0px;border-top: 1px solid #717171;padding-top: 5px;}
.datatable.qpager .qpager {float: right;}
.datatable.qpager .qpager .input-group {width: 280px;}

/* MODAL VERTICAL CENTER (https://codepen.io/dimbslmh/full/mKfCc) */
.modal-center.modal {text-align: center;padding: 0!important;}
.modal-center.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-center .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-center .modal-content {border-radius: 0;}

.header #txtSearch {border: none; border-bottom: 1px solid silver;color:#A0A0A0;width: 120px;}
.header #txtSearch:before {
  position: absolute;
  left: 0;
  content:"\e003";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:5px;
}

.header .search-wrapper { position: relative; display: inline-block; top:-2px; }
.header .search-wrapper .glyphicon {position: absolute;padding: 3px;pointer-events: none;color:silver;}
.header .search-wrapper input  { padding-left:  22px;border: none; border-bottom: 1px solid silver;color:#A0A0A0;width: 120px; }

.header .menu-header-top ul {display: inline-block;}
.header .menu-header-top ul li {float: left;}
.header .menu-header-top ul li a {padding: 5px;}
.header .menu-header-top ul li a:after {content: '|';margin-left: 5px;}
.header .menu-header-top ul li:last-child a:after {content: '';}

.header .menu-header-sub ul li {float: left;}
.header .menu-header-sub ul li a {padding: 5px;}
.header .menu-header-sub ul li a:after {content: '|';margin-left: 5px;}
.header .menu-header-sub ul li a:after {content: '|';margin-left: 5px;}
.header .menu-header-sub ul li:last-child a:after {content: '';}

/* ========================================================== */
/* GLOBAL */
/* ========================================================== */
.section-buttons {border-top: 1px solid silver;padding-top: 5px;margin-top: 35px;}
.warning-message {margin-top: 10px; color:#cb007b; font-style: italic;}
button.btn {padding: 5px 15px;border: none;color: #EAEAEA;background-color: #28439a;border-radius: 0;}
button.btn:hover,button.btn:visited,button.btn:focus {color:white;}
button.btn.btn-success {background-color: #63ad21;}
button.btn.btn-info {background-color: #31b0d5;}
button.btn.btn-default {background-color: #e6e6e6;color:#404040;}
button.btn.btn-disabled {background-color: silver;}

.special-notice-box-blue {background-color: #d7eeff;padding: 1.2rem;}

.fg-silver {color:#cccccc;}
.fg-blue {color: #28439a;}
.fg-orange {color: #efa819;}
.fg-green {color: #63ad21;}
.fg-gray {color:#8d8d8d;}
.fg-red {color:#cb007b;}
.bg-red {background-color: #cb007b !important;}
.min-height-400 {min-height: 400px;}
.margin-bottom-2 {margin-bottom: 2em;}
.qmenu2 li.parent a {color:green;}

.table-simple-list {font-size: 13px;}
.table-simple-list td:first-child {padding-right: 30px;color: silver;}
.table-simple-list td:last-child {color:#28439a;}

.rotate {-webkit-animation: rotation 1s infinite linear;}
.rotate-180 {transform: rotate( -180deg ); transition: transform 500ms ease;}
.rotate-trans {transition: transform 500ms ease;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.cursor-pointer {cursor: pointer;}
.text-line-through {text-decoration: line-through;}
.transition-all-1s {transition: all 0.5s;}
.opacity-50 {opacity: 0.5;}
.opacity-30 {opacity: 0.3;}

.custom-select-buttons .flex-fill {padding: 8px; transition: all 1s;margin-right: 5px;}
.custom-select-buttons .flex-fill:hover {background: #f0f0f0;}
.custom-select-buttons .flex-fill.selected {background: #85b9fb;}


#mod-etiproduct-levels {background-image2: repeating-linear-gradient(45deg, rgb(235, 235, 235), rgb(235, 235, 235) 1px, rgb(240, 240, 240) 3px, rgb(240, 240, 240) 9px);}
#mod-etiproduct-levels #qmenu-levels .header {text-align: center; color:#28439a;padding: 3px;}
#mod-etiproduct-levels #qmenu-levels .header-line {background-color: #e1e1e1;height: 20px;margin-bottom: 10px;display: none;}
#mod-etiproduct-levels #qmenu-levels .header-cattype {margin-bottom: 8px;}
#mod-etiproduct-levels #qmenu-levels .header-cattype table {width: 100%;}
#mod-etiproduct-levels #qmenu-levels .header-cattype table td {background-color: #e1e1e1;text-align: center;padding: 3px 3px;font-size: 0.9em;cursor: pointer;}
#mod-etiproduct-levels #qmenu-levels .header-cattype table td div {border-right: 1px solid white;}
#mod-etiproduct-levels #qmenu-levels .header-cattype table td:hover {background-color: #cccccc;}
#mod-etiproduct-levels #qmenu-levels .header-cattype table td.selected {border-bottom: 2px solid #28439a;}

#mod-etiproduct-levels #qmenu-levels .search {margin-bottom: 8px;}
#mod-etiproduct-levels #qmenu-levels .search input {border: 1px solid #EAEAEA;margin-left: 5px;font-size: 0.9em;}

#mod-etiproduct-levels #qmenu-levels .header-back {margin-bottom: 8px;background-image: repeating-linear-gradient(45deg, rgb(235, 235, 235), rgb(235, 235, 235) 1px, rgb(240, 240, 240) 3px, rgb(240, 240, 240) 9px);}
#mod-etiproduct-levels #qmenu-levels .header-back table {width: 100%;}
#mod-etiproduct-levels #qmenu-levels .header-back table td:first-child {width: 20px;}
#mod-etiproduct-levels #qmenu-levels .header-back table td {padding: 3px 3px;border-bottom: 1px solid #acacac;border-top: 1px solid #acacac;vertical-align: middle;}

#mod-etiproduct-levels #qmenu-levels {border: 1px solid #cccccc;}
#mod-etiproduct-levels #qmenu-levels ul {padding: 0;margin: 0}
#mod-etiproduct-levels #qmenu-levels li:first-child {border-top: 1px solid #cccccc;}
#mod-etiproduct-levels #qmenu-levels li { list-style-type: none; border-bottom: 1px solid #cccccc;}
#mod-etiproduct-levels #qmenu-levels li a {display: inline-block;  vertical-align: middle; color:#404040;}
#mod-etiproduct-levels #qmenu-levels li a:hover, #mod-etiproduct-levels #levels-menu li a:visited {text-decoration: none; color:#404040;}
#mod-etiproduct-levels #qmenu-levels li:last-child {border-bottom: none;}
#mod-etiproduct-levels #qmenu-levels li:hover {background-color: #EAEAEA;}
#mod-etiproduct-levels #qmenu-levels li .glyphicon-menu-right {color: #a2a2a2;}
#mod-etiproduct-levels #qmenu-levels li .glyphicon-menu-right.blue {color: #28439a;}
#mod-etiproduct-levels #qmenu-levels .items li.selected {background-color: #EAEAEA;}
#mod-etiproduct-levels #qmenu-levels .items td:last-child {padding: 0 5px;}
#mod-etiproduct-levels2 #levels-menu li:before{content: '';display: inline-block;vertical-align: middle;height: 40px;}

#mod-etiproduct-levels #qmenu-levels .items li table {font-size: 0.95em;}
#mod-etiproduct-levels #qmenu-levels .items li table td:first-child {width: 100%;height: 2.9em;padding: 5px;}
#mod-etiproduct-levels #qmenu-levels .header-back a {font-size: 0.75em;}

.product-filter-wrapper .select-readonly {display: none;}
.product-filter-wrapper {position: relative;display: block;overflow: hidden;border: 1px solid #cccccc;margin-bottom: 6px;}
.product-filter-wrapper .product-filter {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;height: 2.3em;line-height: 2.3em;box-shadow: none;border: 0 !important;cursor:pointer; ;}
.product-filter-wrapper.active::after {content: 'V';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #cccccc;pointer-events: none;line-height: 2.3em;cursor: pointer;}
.product-filter-wrapper.selected::after {content: 'X';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #cccccc;pointer-events: none;line-height: 2.3em;cursor: pointer;}
.product-filter-wrapper.selected .select-readonly {display: block;height: 2.3em;line-height: 2.3em;border: 0 !important;padding-left: 5px;}
.product-filter-wrapper.selected {border-bottom: 2px solid #28439a;margin-bottom: 5px;}

/* ====== VIEW SEARCH ======== */
.stock-marker {display: inline-block;font-size: 9px;text-transform: uppercase;padding: 3px;padding-right: 7px; position: relative;min-width: 59px;text-align: left;}
.stock-marker .corner {position: absolute; right: 0; bottom: 0; width: 0;height: 0;border: 0 solid transparent;border-right-width: 0px;border-left-width: 10px;border-bottom: 10px solid white;}
.stock-marker.green {background-color: #63ad21;color:white;}
.stock-marker.orange {background-color: #efa819;color:white;}
.stock-marker.silver {background-color: #8d8d8d;color:white;}
.stock-marker.blue {background-color: #3cb2f2;color:white;}

.order-marker {display: inline-block; padding: 2px 4px; text-transform: uppercase; font-size: 9px;border-radius: 4px;color: white; } 
.order-marker.silver {background-color: #acacac;}
.order-marker.yellow {background-color: #faa732;}
.order-marker.blue {background-color: #3cb2f2;}
.order-marker.blue-dark {background-color: #28439a;}
.order-marker.green {background-color: #63ad21;}
.order-marker.green-dark {background-color: #4cae4c;}
.order-marker.red {background-color: #cb007b;}
.order-marker.orange {background-color: #FFAA3E}
.order-marker.gray {background-color: #5c5c5c;}
.order-marker.violete {background-color: #a390f0;}

.view-search #content .search-wrapper {margin-bottom: 15px;}
.view-search .search-wrapper .section-search {border-bottom: 1px solid silver;padding-bottom: 8px;margin-bottom: 8px;}
.view-search .search-wrapper .section-search input {border: 1px solid silver;padding: 4px;width: 18.6em;}
.view-search .search-wrapper .section-search button.search {background-color: #28439a;padding: 5px 15px;border: none;color: #EAEAEA;}
.view-search .search-wrapper .section-search button.search-gl {background-color: #e6e6e6;padding: 5px 15px;border: none;color: #404040;}
.view-search .search-wrapper .section-search .fa {font-size: 33px;color:#cccccc;cursor: pointer;}
.view-search .search-wrapper .section-search .fa:first-child {position: relative;top: -1px;margin-right: 3px;}

.view-search .search-wrapper .section-filter-stock {border-bottom: 1px solid silver;padding-bottom: 8px;margin-bottom: 8px;}
.view-search .search-wrapper .section-filter-stock .stock-marker {cursor: pointer;}
.view-search .search-wrapper .section-filter-stock .stock-marker.unactive {background-color: #C0C0C0;}
.view-search .record-count {color: #28439a;font-size: 1.2em;}
.view-search .record-count-label {color:silver; text-transform: uppercase; font-size: 0.8em;}

#BasketCheckModal button.close {color:grey;top:10px;right: 15px;}
#BasketCheckModal .modal-header {padding: 7px;}
#BasketCheckModal .ident-title {font-size: 18px;color: #28439a;}
#BasketCheckModal .ident-code {font-size: 13px;color: #959595;}
#BasketCheckModal .basket-add .price {font-size: 18px;color: #28439a;}
#BasketCheckModal #txtQuantity {padding: 5px; width: 80px; text-align: center;}
#BasketCheckModal .basket-result table th {font-size: 11px; color:#959595;}
#BasketCheckModal .basket-result span.blue {font-size: 16px; color:#28439a;}
#BasketCheckModal .warn-data-na {text-align: center; font-size: 0.9em; border-top: 2px solid #28439a;padding: 10px;background-color: #EAEAEA;}
#BasketCheckModal .ident-title-wrapper {display: inline-block; background-color: red;}
#BasketCheckModal img {height: 70px;width: 100%; object-fit: contain;background-color: white;}
#BasketCheckModal table.item-details td:first-child {padding-right: 8px;}
#BasketCheckModal table.item-details td:last-child {text-align: right;}
/* ====== VIEW ITEM ======== */
/* ========================= */

.view-item .item-header {background-color: #EAEAEA;padding: 5px;position: relative;margin-bottom: 20px;}
.view-item .item-header .title {display: inline-block; color: #28439a; font-size: 1.3em;}
.view-item .item-header .descr {display: inline-block; }
.view-item .section-header {background-color: #EAEAEA;padding: 5px;position: relative; margin-bottom: 10px;}
.view-item .product-image img {height: 300px;width: 100%; object-fit: contain;}
.view-item .list-specifications {list-style: none; margin: 0;padding-left: 0;color: #cb007b; font-size: 13px;}
.view-item .list-specifications li {border-bottom: solid 1px #e1e1e1;padding: 2px 4px;}
.view-item .list-specifications li:nth-child(2n+1) {background-color: whitesmoke;}
.view-item .list-specifications li b {float: right;}
.view-item .list-specifications li em {color:silver;font-style: italic;}
.view-item .product-image .stock-marker {position: absolute; right: 10px; bottom: 10px;}

.view-item .corner-blue {position: absolute;bottom: 0;right: 0;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0 0 25px 25px;border-color: transparent transparent #28439a transparent;}

.view-item .product-images img {border: solid 1px silver; height: 150px;width: 100%; object-fit: contain;}
.view-item .price-wrapper {float: right;}
.view-item .price-wrapper .block {display: inline-block;min-width: 80px;margin-left: 10px;}
.view-item .price-wrapper .block .title {font-size: 0.8em;text-align: center;}
.view-item .price-wrapper .block .value {font-size: 1.4em;text-align: center;}
.view-item .price-wrapper .block .line {border-bottom: 2px solid silver;}
.view-item .price-wrapper .block.price .title {color: #28439a;}
.view-item .price-wrapper .block.price .value {color: #28439a;}
.view-item .price-wrapper .block.price .line {border-color: #28439a;}
.view-item .price-wrapper .block.discount .value {color: #63ad21;}
.view-item .price-wrapper .block.discount .line {border-color: #63ad21;}
.view-item .price-wrapper .block.availability .value {font-size: 0.9em;}
.view-item .buttons-wrapper {margin-top: 12px;}
.view-item .section-line {margin-top: 10px;border-top:1px solid silver;}
.view-item .product-image .discount-special {position: absolute; top: 10px; left: 15px; background-color: #6ccaf8; padding: 2px 5px; border-radius: 5px; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.view-item .product-image .discount-special-y {position: absolute; top: 10px; left: 15px; background-color: #f8dc6c; padding: 2px 5px; border-radius: 5px; font-size: 10px; font-weight: bold; text-transform: uppercase;}

.view-item .item-accessories .item-box {padding: 5px;border: 1px solid white;transition: box-shadow 0.4s ease-in-out;position: relative;}
.view-item .item-accessories .item-box:hover {border: 1px solid silver;-webkit-box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);-moz-box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);box-shadow: 4px 4px 6px 0px rgba(186,186,186,1);}
.view-item .item-accessories .row-fluid {margin-bottom: 10px;}
.view-item .item-accessories .ident-no {position: absolute; top: 5px; left: 5px;color:#006a95;font-size: 9px;}
.view-item .item-accessories .ident-desc {font-size: 12px;min-height: 35px; font-family: 'SegoeUI','Helvetica Neue', 'Helvetica';border-top: 1px solid silver;padding-top: 5px;color:gray;}
.view-item .item-accessories .row {margin-left: 0;margin-right: 0; margin-bottom: 15px;}

.custom-icon-screen {background-image: url(../images/icon-screen-small.png);width: 22px;height: 20px;display: inline-block;}
.custom-icon-basket {background-image: url(../images/icon-basket-small.png);width: 21px;height: 20px;display: inline-block;}

/* ====== VIEW BASKET ======== */
/* =========================== */
.view-basket table.basket {width: 100%;}
.view-basket table.basket th {coolor:#333; font-size: 13px;border-bottom: 2px solid gray;}
.view-basket table.basket img {height: 70px;width: 100%; object-fit: contain;border: 1px solid silver; background-color: white;}
.view-basket table.basket tr.template > td {padding-bottom: 5px;padding-top: 5px;}
.view-basket table.basket tr.template > td:first-child {width: 110px;}
.view-basket table.basket tr.template:last-child > td {}

.view-basket table.basket div.image {position: relative;}
.view-basket table.basket div.image .bl {border-bottom: 16px solid #ffffff;border-left: 16px solid rgba(0, 0, 0, 0);bottom: -1px;height: 0;position: absolute;right: -1px;width: 0;z-index: 2;}
.view-basket table.basket div.image .bb {border-bottom: 16px solid silver;border-left: 16px solid rgba(0, 0, 0, 0);bottom: 0;height: 0;position: absolute;right: 0;width: 0;z-index: 1;}
.view-basket table.basket .ident-no {color:#28439a;font-size: 12px;}
.view-basket table.basket .ident-desc {font-size: 12px;}
.view-basket table.basket .ident-level {font-size: 11px;color:#939393;}
.view-basket table.basket .ident-error {font-size: 12px;color: #cf5555;}
.view-basket table.basket tr.template > td:nth-child(1) {min-width: 60px;}
.view-basket table.basket tr.template.line > td:nth-child(2) {padding-left: 5px;width: 220px;}
.view-basket table.basket tr.template > td:nth-child(3) {text-align: center;}
.view-basket table.basket tr.template > td:nth-child(4) {text-align: center;}
.view-basket table.basket tr.template > td:nth-child(6) {position: relative;}
.view-basket table.basket tr.template > td:nth-child(7) {color: #28439a;text-align: right; padding-right: 10px;position: relative;}
.view-basket table.basket tr.template > td .icon-remove {position: absolute; top:5px;right: 5px;color:silver;cursor: pointer;}
.view-basket table.basket tr.template > td .icon-remove:hover {color:#992b58;}
.view-basket table.basket_OLD tr.template:nth-child(odd) td {background-color: #f5f5f5;}
.view-basket table.basket_OLD tr.template:nth-child(odd) div.image .bl {border-bottom: 16px solid #f5f5f5;}
.view-basket table.basket tr.template.line-even td {background-color: #f5f5f5;}
.view-basket table.basket .qty input {width: 60px; border: 1px solid silver;text-align: center;}
.view-basket table.basket input.calendar {width: 100px; border: 1px solid silver;}
.view-basket table.basket .check-info {background-color: #efa819; text-transform: uppercase; font-size: 10px; border-radius: 4px; color: white; padding:1px 2px;}
.view-basket table.basket td.price small {color:#939393;font-size: 9px;text-transform: uppercase;}
.view-basket table.basket td.discount {color:#4a9c00;}
.view-basket table.basket .preferable-date-option {background-color: #a8d5fc; padding: 1px 10px; border-radius: 5px;}

.view-basket table.basket table.on-stock td:first-child {padding-right: 5px; text-align: right;}
.view-basket table.basket table.on-stock td:last-child {padding-left: 5px;color:silver;cursor: pointer;}
.view-basket table.basket .note-mini {text-transform: uppercase;color:#939393;font-size: 10px;}

.view-basket .fa-chevron-up, .view-basket .fa-chevron-up {cursor: pointer;}

table.basket-total {width: 100%}
table.basket-total tr:first-child td {border-top: 2px solid gray;}
table.basket-total td {text-align: right;padding-right: 10px;}
table.basket-total td:last-child {font-size: 16px;width: 120px;}

.view-basket .infor-success {background-color: #e1f9c7;;font-size: 10px; text-transform: uppercase;padding: 2px;margin: 10px 0;color:#5c5c5c;border:1px solid #4da12e;}
.view-basket .infor-success .glyphicon-ok {font-size: 30px;color:#4da12e;padding: 5px;display: inline-block !important;}
.view-basket .infor-error {background-color: #f0f0f0;font-size: 10px; text-transform: uppercase;padding: 2px;margin: 10px 0;color:#5c5c5c;border:1px solid #cf5555;}
.view-basket .infor-error .glyphicon-alert {font-size: 30px;color:#cf5555;padding: 5px;display: inline-block !important;}

/* ====== VIEW IMPORT ======== */
/* =========================== */
.view-import .result-counters {text-align: center;}
.view-import .result-counters .box {display: inline-block;border-bottom: 2px solid gray; padding-left: 35px; padding-right: 35px; padding-bottom: 0px;}
.view-import .result-counters .box .counter {font-size: 45px;}
.view-import .result-counters .box.green {border-bottom: 2px solid #63ad21;}
.view-import .result-counters .box.green .counter {color:#63ad21;}
.view-import .result-counters .box.blue {border-bottom: 2px solid #28439a;}
.view-import .result-counters .box.blue .counter {color:#28439a;}
.view-import .result-counters .box.red {border-bottom: 2px solid #992b58;}
.view-import .result-counters .box.red .counter {color:#992b58;}
.view-import .result-counters .box.blue-light {border-bottom: 2px solid #0099ff;}
.view-import .result-counters .box.blue-light .counter {color:#0099ff;}
.view-import table.definitions {width: 100%;margin: 15px 0 15px 0;}
.view-import table.definitions td {padding: 4px;}
.view-import table.definitions select {padding: 4px;min-width: 150px;}
.view-import table.definitions .note {font-size: 0.8em; color:gray; font-style: italic;}
.view-import table.definitions tr2 {background-color: #f4f4f4;}
.view-import table.definitions tr:nth-child(1) {background-color: #f4f4f4;}

/* ====== VIEW CHECKOUT ======== */
.view-checkout h4 {border-bottom: 1px solid silver; margin-top: 18px; padding-bottom: 5px; }
.view-checkout .section-no {display: inline-block; background-color: #28439a; padding: 1px 6px; color:white;border-radius: 15px;font-size: 0.90em;margin-bottom: 1px;min-width: 20px;text-align: center;}
.view-checkout .simple-table {font-size: 0.9em;color:silver;min-width: 300px;}
.view-checkout .simple-table td:last-child {color:#28439a; padding-left: 10px;}

.view-checkout .checkout-step {display: inline-block;float: right;color:#333;}
.view-checkout .checkout-step span {font-size: 0.4em;text-transform: uppercase;}
.view-checkout #divMsgWarn {margin-top: 5px;color:#a32659; font-style: italic;position: relative;top:20px;}

/* ====== VIEW ORDER ======== */
.eti-product-image img {height: 70px;width: 100%; object-fit: contain;border: 1px solid silver; background-color: white;}
.eti-product-image {position: relative;width: 120px;}
.eti-product-image .bl {border-bottom: 16px solid #ffffff;border-left: 16px solid rgba(0, 0, 0, 0);bottom: -1px;height: 0;position: absolute;right: -1px;width: 0;z-index: 2;}
.eti-product-image .bb {border-bottom: 16px solid silver;border-left: 16px solid rgba(0, 0, 0, 0);bottom: 0;height: 0;position: absolute;right: 0;width: 0;z-index: 1;}

.view-order table .ident-no {color:#28439a;font-size: 12px;}
.view-order table .ident-no .new {background-color: #c44994; color:white; padding: 2px 4px; font-size: 8px; border-radius: 4px;}
.view-order table .ident-no .deleted {background-color: #8c8c8c; color:white; padding: 2px 4px; font-size: 8px; border-radius: 4px;}
.view-order table .ident-desc {font-size: 12px;}
.view-order table .ident-level {font-size: 11px;color:#939393;}

.view-order .product-table td:first-child {width: 125px;}
.view-order .product-table tr:last-child td {border-bottom: 2px solid gray;}

.view-order .order-header {background-color: #f5f5f5;margin: 0;padding-top: 5px; padding-bottom: 5px; font-size: 0.9em;}
.view-order .order-header td:first-child {padding-right: 5px;}

/* ====== VIEW LEVELS ======== */
.view-levels h4 {cursor: pointer; border-bottom: 1px solid silver;padding-bottom: 4px;}
.view-levels .collapsed {display: none;}
.view-levels ul li {list-style-type: none; cursor: pointer;}
.view-levels ul li > div:hover {background-color: #F2F2F2;}
.view-levels ul li .glyphicon-plus {color: silver;}
.view-levels ul li .glyphicon-menu-right {color: #28439a;}
.view-levels .items-count {display: inline-block; min-width: 35px;}
.view-levels .stock-marker {min-width: 45px; text-align: center; font-size: 10px; padding: 2px;}
.view-levels .item-title.selected table td:first-child {font-weight: bold;}

.tb-legend-order-status tr td:first-child {padding-right:5px;}

/* ====== VIEW DASHBOARD ======== */
.view-dashboard .stat-counter {display: inline-block;text-transform: uppercase;font-size: 19px; padding: 3px;padding-right: 9px; position: relative;min-width: 100px;text-align: center;}
.view-dashboard .stat-counter .corner {position: absolute; right: 0; bottom: 0; width: 0;height: 0;border: 0 solid transparent;border-right-width: 0px;border-left-width: 18px;border-bottom: 18px solid white;}
.view-dashboard .stat-counter.green {background-color: #63ad21;color:white;}

.stat-counter-wrapper {display: inline-block;}
.stat-counter-wrapper {text-transform: uppercase; font-size: 10px;}
.stat-counter {display: inline-block;text-transform: uppercase;font-size: 22px; padding: 3px;padding-right: 9px; position: relative;min-width: 100px;text-align: center;}
.stat-counter .corner {position: absolute; right: 0; bottom: 0; width: 0;height: 0;border: 0 solid transparent;border-right-width: 0px;border-left-width: 18px;border-bottom: 18px solid white;}
.stat-counter.green {background-color: #63ad21;color:white;}
.stat-counter.blue {background-color: #3cb2f2;color:white;}
.stat-counter.orange {background-color: #faa732;color:white;}
.stat-counter.silver {background-color: #C0C0C0;color:white;}
.stat-counter.gray {background-color: #A0A0A0;color:white;}
.stat-counter.etiblue {background-color: #28439a;color:white;}
.view-dashboard h4 {border-bottom: 1px solid silver;padding-bottom: 5px;margin-top: 20px;}

/* ====== VIEW PROFILE ======== */
.view-profile h4 {border-bottom: 1px solid silver;padding-bottom: 5px;margin-top: 20px;}

/* ====== BASIC ======== */
.warn-info {color:#777;font-style: italic;}

/* ====== MODUL BASKET ======== */
/* ========================= */
.mod-basket-info {border: 1px solid #cccccc; padding: 2px 8px;cursor: pointer;}
.mod-basket-info > div:first-child {font-size: 1.6em;padding-right: 5px;padding-top: 4px;}
.mod-basket-info .counter {background-color: #28439a; color: white; border-radius: 10px; font-size: 11px; padding: 2px 4px; min-width: 20px; text-align: center;}
.mod-basket-info .empty {text-transform: uppercase; color:#8d8d8d; font-size: 11px;}

/* ====== SELECT ============ */
.select select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #497dc0;background-image: none;}
.select select:disabled {background-color: #a5a9b0;}
/* Custom Select */
.select {position: relative;display: block;width: 20em;height: 3em;line-height: 3;background: #2c3e50;overflow: hidden;border-radius: .25em;}
.select select {width: 100%;height: 100%;margin: 0;padding: 0 0 0 .5em;color: #fff;cursor: pointer;}
.select select::-ms-expand {display: none;}
/* Arrow */
.select::after {content: '\25BC';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #6491cb;pointer-events: none;}
/* Transition */
.select:hover::after {color: #f39c12;}
.select::after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}

.login-form-registration {background-color: white;width: 850px;margin: 0 auto;padding: 20px;box-shadow: 0 4px 4px -2px rgba(11,11,11,0.3);}
.login-form-registration .input-group {margin-bottom: 15px;min-width: 300px;}
.login-form-registration .input-group input {border-radius: 0;}
.login-form-registration .input-group-addon {width: 40px;position: relative;top: 0px;}
.login-form-registration .note {color:gray;font-size: 11px;font-style: italic;}
.login-form-registration .description {margin-bottom: 10px;}
.login-form-registration .response {min-height: 65px; padding: 25px 20px;text-align: center;}

.login-form-registration .was-validated input:invalid {border: 1px solid #ba2b2b;}

/* Container styling */
.tri-state-toggle {
    display: flex;
    background: #ececed; /* Gray background */
    width: 270px; /* Adjust width as needed */
    height: 40px;
    border-radius: 50px; /* Rounded corners */
    position: relative;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Hide the actual radio input circles */
.tri-state-toggle input {
    display: none;
}

/* Label styling (the text) */
.tri-state-toggle label {
    flex: 1;
    text-align: center;
    line-height: 40px; /* Vertically center text */
    cursor: pointer;
    z-index: 2; /* Keep text above the slider */
    font-family: sans-serif;
    font-weight: 600;
    color: #555;
    transition: color 0.3s ease;
}

/* The sliding background block */
.toggle-slider {
    position: absolute;
    width: 33.33%; /* 100% divided by 3 options */
    height: 100%;
    background: #ca007a; /* Blue color (Change this to your preference) */
    border-radius: 50px;
    transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1; /* Behind the text */
}

/* --- LOGIC: Move slider based on checked input --- */

/* State 1: B2B Checked */
#toggle-b2b:checked ~ .toggle-slider {
    left: 0%;
}

/* State 2: ALL Checked */
#toggle-all:checked ~ .toggle-slider {
    left: 33.33%;
}

/* State 3: External Checked */
#toggle-external:checked ~ .toggle-slider {
    left: 66.66%;
}

/* Change text color of the selected label to white */
.tri-state-toggle input:checked + label {
    color: white;
}