@import "icons.css";
@import "cards.css";

html , body{transition: all .3s; height: 100%;}
body{
  
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
::selection {
    text-shadow: none;
    color: #4E90E8;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C4C4C4;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C4C4C4;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #C4C4C4;
}
:root {
  --page-header-bgColor: #242e42;
  --page-header-bgColor-hover: #1d2636;
  --page-header-txtColor: #dde9f8;
  --page-header-headingColor: #7889a4;
  --page-header-width: 220px;
  --page-content-bgColor: #f0f1f6;
  --page-content-txtColor: #171616;
  --page-content-blockColor: #fff;
  --white: #fff;
  --black: #333;
  --blue: #00b9eb;
  --red: #ec1848;
  --border-radius: 4px;
  --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.075);
}

/* * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
} */

ul {
  list-style: none;
}

a,
button {
  transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
}

a {
  text-decoration: none;
    transition: all 180ms ease-in;
    -webkit-transition: all 180ms ease-in;
}
a:hover {
    -webkit-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
}

button {
  background: none;
  cursor: pointer;
}

/*input {
  -webkit-appearance: none;
}*/

/*button,
input {
  border: none;
}*/

svg {
  display: block;
}

body.nav-md header.page-header{
    padding: 0;
    margin: 0;
    border: none;
}
header{
    display: flex;
    flex-basis: 100%;
    background-color: #fff;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);*/
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgb(3 27 78 / 10%);
    box-shadow: 0 2px 4px rgb(3 27 78 / 10%);
    font-size: 12px;
    line-height: 24px;
}
.toprow {
    border-bottom: 1px solid #E5E8ED;
    height: 42px;
    padding: 0 16px;
}
.toprow .top-left-content{}
.title-wrap-outer{height: 64px;}
.header-title{display: flex;}
.profile-outer-wrap{float: left;}
.profile-wrap{float: left; padding-right: 8px; padding-left: 4px;}
.cartwrap{padding: 12px 0; margin-bottom: 0;}
.carticon-outer i{padding: 10px 10px;}
.logo-wrap{border-right: 1px solid #E0E0E0; height: 106px; width: 116px;text-align: center;}
.brand_title {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
ul.nav.navbar-nav.navbar-right li{ display: flex; }
li.nav-amount{padding: 8px 0px;}
li.currency-tag{margin:0; }
ul.nav.navbar-nav li.user-avatar a.user-profile{
    border:1px solid #E0E0E0;
    background: #fff;
    border-radius: 2px; padding: 2px 4px;
        display: flex;
        margin: 0; align-items: center;
}
ul.nav.navbar-nav li.user-avatar{}
li.user-avatar .profile-outer-wrap{margin-right: 0; padding: 0; height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
li.user-avatar i.icon-profile-down-arrow{}
.top_nav li.nav-item a.beamer-icon{height: 38px; border-radius: 2px; width: 38px; display: flex; justify-content: center; align-items: center;}
.top_nav li.nav-item a.beamer-icon:hover{height: 38px; border-radius: 2px; width: 38px; display: flex; justify-content: center; align-items: center;}
.prof-img-wrap{ display: flex; flex-direction: row; align-items: center;}
.pro-initial-wrap{display: flex; align-items: center; column-gap: 4px;}
.prof-initial-txt{}
li.user-avatar a .profile-outer-wrap .prof-name{font-size: 13px; font-weight: 400; color: #828282; text-align: left; 
white-space: nowrap; width: 74px; max-width: 74px; overflow: hidden; text-overflow: ellipsis; display: inline-block; }


.cart-basket-wrap{padding: 34px 0;}

.orderstatus-panel h4{font-size: 14px; font-weight: 700; border-bottom: 1px solid #d6d6d6; padding: 8px;}


.orderstatus-panel .order-status-inner{padding: 0;}
.orderstatus-panel h4{font-size: 12px; padding: 0 0 0 14px;}
.orderstatus-panel .orderblock h2{font-size: 14px; font-weight: 600; }

.invoice-title h4{padding: 0; font-weight: 400;}
.invoice-title h4 span{color: #4E90E8; font-weight: 700;}
.invoice-title h4 span.curr-symbol{color: #4E90E8; font-weight: 700;}
.paymentwrap .paydate{border-bottom:#202020; padding:0; font-size:12px;}
.paymentwrap .paymenttype{ padding: 10px 10px; margin-bottom: 20px;}

.paymentwrap .form-group .input-group.date{width: 100%;}
.paymentwrap .form-group .input-group.date input[type="text"]{width: 100%;}


.paymentwrap.invpay .payment-type{padding:10px 0;}
.paymentwrap.invpay .payment-type .radio label{padding:0 20px 0 0; }

.payment_details{padding:10px 0;}

.price-details-title{font-size: 14px; color: #606060; font-weight: 600; padding: 8px; border-bottom: 1px solid #e0e0e0;}
.totalpricewrap{width: 100%; border-top:1px dashed #e0e0e0; float: left; padding: 16px 0; }
.totalpricewrap .plbl{ float:left; font-weight: 500;}
.totalpricewrap .amount{float:right; text-align:right; padding:0; margin:0; font-size: 14px; font-weight: 700; color: #000000;}

.cust-input-wrap{margin-bottom: 16px;}
.cust-input-wrap .plbl{  font-weight: 500; width: 100%; margin-bottom: 2px;}
.cust-input-wrap .input-field-pane input[type="text"]{width: 100%; border: 1px solid #E0E0E0; border-radius: 3px; padding-left:8px; padding-right:8px; height: 38px; min-width: 120px;}
.cust-input-wrap .input-field-pane textarea{width: 100%; border: 1px solid #E0E0E0; border-radius: 3px; padding:8px ​8px;}
.cust-input-wrap.btnwrap{width:100%;}
.cust-input-wrap .btnwrap button{}


.addressblock{}
.addressblock.hidediv{display: none;}
.addressblock .blockwrap{padding: 16px 16px 12px 16px;}

.blockwrap .left-cont{padding: 6px 0; text-align: left;}
.blockwrap .right-cont{text-align: right;}
.blockwrap .left-cont .block-num{color: #4E90E8; font-size: 12px; font-weight: 400; background: #F0F0F0; border-radius: 3px; padding: 8px 12px; margin-right: 16px;}
.blockwrap .left-cont .block-title{color: #606060; font-weight: 600; font-size: 14px; padding: 3px 16px 0 0; text-transform: uppercase;}
.blockwrap .left-cont .icon-block{}
.blockwrap .left-cont .address{font-size: 14px; color: #606060; font-weight: 400;}

.divider-row{display: inline-block; width: 100%; margin: 16px 0; border-bottom: 1px solid #e0e0e0;}
.address-extended-block{margin-bottom: 16px; border:1px solid #e0e0e0; background: #ffffff;}
.address-extended-block.order-summary-wrap{background:#F9FBFE; }
.address-select.checkbox{margin: 8px;}
.address-extended-block .address-select.checkbox label{padding: 2px 8px 2px 0px;}
.address-extended-block .address-select.checkbox label input[type="checkbox"]{position: relative;
  border: 1px solid #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    vertical-align: middle;
    top: -3px;
    left: -4px;
}
.address-extended-block .address-select.checkbox{margin: 0 0 0 8px; color: #ffffff; vertical-align: middle;}

.address-extended-block .blockwrap.active-block{padding: 12px 16px 12px 16px; background: #4E90E8; width: 100%; display: inline-block; border-radius: 3px;}
.address-extended-block .blockwrap.active-block .left-cont .block-num{color: #4E90E8; background: #ffffff; }
.address-extended-block .blockwrap.active-block .left-cont .block-title{color: #ffffff;}


.address-extended-block .blockwrap.active-block .mycart-left .mycart-lbl{color: #ffffff;}
.address-extended-block .blockwrap.active-block .mycart-left .clearcart-btn{padding: 0;}

.feed-control{}
.feed-control .icon-wrap{}
.feed-control .icon-wrap a{padding: 0; background: none;}

.btn.btn-changeaddress{
    padding: 12px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #ffffff; border: 1px solid #E0E0E0; text-transform: uppercase;
    border-radius: 3px; font-weight: 400; color: #4E90E8;
    font-size: 12px;
}
ul.cart-process-list{width: 100%; display: inline-block; margin-bottom: 0;}
ul.cart-process-list li{width: 100%; display: inline-block; font-size: 14px; color: #606060; border-bottom: 1px solid #E0E0E0; line-height: 22px;}
ul.cart-process-list li.active-cart-node{background: #ffffff; padding: 20px 32px 20px 32px; }
ul.cart-process-list li.active-cart-node.active-address{background: #F9FBFE;}
ul.cart-process-list li.active-cart-node.active-address .feed-control .icon-wrap.active-arrow{display: none;}
ul.cart-process-list li.active-cart-node.active-address .feed-control .icon-wrap{display: block; margin-bottom: 20px; }
ul.cart-process-list li.active-cart-node .feed-control .icon-wrap.active-arrow{display: block; margin-top: 72%;}
ul.cart-process-list li.active-cart-node .feed-control .icon-wrap{display: none;}

ul.cart-process-list li.active-cart-node.active-address .address-active .uadd-btn-wrap.btnwrap{display: block;}
ul.cart-process-list li.active-cart-node .address-active .btnwrap{display:none;}

ul.cart-process-list li a{padding: 20px 32px 20px 32px; display: inline-block; width: 100%;}
ul.cart-process-list li a:hover{background: #F9FBFE;}
ul.cart-process-list li a:hover .address-details{color: #000000;}
ul.cart-process-list li .companyname{width: 100%; display: inline-block; font-weight: 700; color: #000000; margin-bottom: 8px;}
ul.cart-process-list li .address-details{width: 100%; display: inline-block; font-weight: 400; margin-bottom: 16px; }
ul.cart-process-list li .btnwrap{width: 100%;}
.btn.btn-useaddess{
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    line-height: 20px;
    border: 1px solid #4E90E8;
    background: #4E90E8;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
}
.clearcart-btn .btn.btn-useaddess:hover{color: #ffffff;}
.btn.btn-useaddess:hover{color: #E85B60;}
.btn.btn-remove{
    box-shadow:none; width: auto;
    border: 1px solid #E85B60;
    background: #E85B60;
    border-radius: 2px;
    font-size: 14px;
    color: #E85B60;
}
.view-all-block{
   width: 100%;
   padding:0px 8px 0px 8px;
   height: 54px;
 }
.view-all-block .viewall-wrap{
  padding: 8px 0; display: inline-block;
}
.view-all-block i{vertical-align: middle; margin-right: 8px;}
.view-all-block .txt-label{}
.view-all-block .add-address{}

.card-footer .btn.btn-newaddress{margin: 0; width: auto;}

.btn.btn-back{
    padding: 12px 16px; margin: 0; box-shadow:none;
    background: none; border: none; text-transform: uppercase;
}
.btn.btn-success{
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  width: 220px; 
}

.card-footer .btn.btn-reset{
    box-shadow:none;
}
.cancel-btn{text-align: right; margin: 4px 0;}
.cancel-btn .btn.btn-cancel{
    padding: 8px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
   background: #E85B60; border: 1px solid #E85B60; text-transform: uppercase;
    border-radius: 3px;
     /* font-weight: 500; color: #ffffff;
    font-size: 12px; */
}

.address-edit{}
.address-edit .block-title{width: 100%; display: inline-block; font-weight: 700; color: #000000; margin-bottom: 8px;}
.address-edit .form-wrap{}
.address-edit .form-wrap .frm-row {margin-bottom: 16px;}
.address-edit .form-wrap .fieldwrap{border: 1px solid #e0e0e0; border-radius: 3px; background: #ffffff; padding: 8px 12px;}
.address-edit .form-wrap .fieldwrap label{color: #606060; font-size: 12px; font-weight: 400; margin:0; }
.address-edit .form-wrap .fieldwrap input[type="text"], textarea{font-size: 14px; color: #383838; border-radius: 0; border:none; height: auto;}
.address-edit .form-wrap .fieldwrap textarea{font-size: 14px; color: #383838; border-radius: 0; border:none; height: auto; width: 100%; text-align: left; padding: 0;}

.address-edit .form-wrap .fieldwrap:focus {
    color: #495057;
    background-color: #f3f5f9;
    border-radius: 4px;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    background: #f3f5f9;
}

.mycart-left .mycart-lbl{font-size: 14px; color: #606060; font-weight: 600; height: 55px;}

.orderstatus-panel .btnwrap .btn{padding: 12px 16px; margin: 0; line-height: 20px; 
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.4);  width: 100%;
  border: 1px solid #4E90E8;
    background: #4E90E8;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
}
.orderstatus-panel .btnwrap .btn:hover{
  line-height: 20px;
  border: 1px solid #4E90E8;
    background: #4E90E8;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
}
.orderstatus-panel .btnwrap .btn.btn-back{box-shadow: none; background: none; border: none;}
.cart-list-wrap{float: left; width: 100%;background: #ffffff;}
.norecord{text-align: center; padding: 28vh 0;}
.msg-title{font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.msg-desc{font-size: 14px; font-weight: 400;}
.cart-list-wrap .cart-list-cont{padding: 16px 0px; border-bottom: 1px solid #e0e0e0;}
.product-image-cart{ text-align: center;}
.product-image-cart .prod-img{ overflow: hidden; margin: 0 0px 8px 0;}
.product-image-cart .prod-img img{width: 108px; height: auto; border: none;}
.product-image-cart .cart-ctrl{}
.product-infor-wrap{ padding: 10px;}
.product-infor-wrap .prod-title{font-size: 14px; color: #383838; font-weight: 600;}
.product-infor-wrap .prod-desc{font-size: 14px; font-weight: 400; color: #606060; margin-bottom: 16px;}
.product-infor-wrap .prod-unit-price{font-size: 14px; color: #383838; font-weight: 600; margin-bottom: 12px;}
.product-infor-wrap .prod-unit-price .prod-discount{color: #63BB52; margin-left:16px; }
.product-infor-wrap .original-price{font-size: 14px; color: #E85A60; font-weight: 400; text-decoration: line-through;}
.product-infor-wrap .original-price.no-disc{ text-decoration:none;}

.cat-cont-right{padding: 16px;}
.cart-list-dropdown.form-group{margin-bottom: 0;}

.cart-list-dropdown .sel-address{display: flex; flex-grow: 1;}
.cart-list-dropdown .sel-address .btn-group{display: flex; width: 100%;}
.cart-list-dropdown .sel-address .btn-group button.btn{ width: 100%; border:1px solid #e0e0e0; background: #ffffff; position: relative; line-height: 18px;}
.cart-list-dropdown .sel-address .btn-group button.btn:hover{line-height: 18px;}
.cart-list-dropdown .sel-address .btn-group ul.dropdown-menu{}
.cart-list-dropdown .sel-address .btn-group button.btn.dropdown-toggle .select-lbl{overflow: hidden; width: 94%; text-align: left; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; color: #282828;}
.cart-list-dropdown .sel-address .btn-group button.btn.dropdown-toggle .caret{margin-top: 7px; position: absolute; }
.cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li{ border-bottom: 1px solid #e0e0e0;}
.cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a{padding: 12px 16px; width: 288px;
    overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;text-align: left;}
.cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a .comp-nm{font-weight: 700; color: #000000;}
.cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a .address-excerpt{color: #606060; font-weight: 400;}

.sidebar-footer{}
.sidebar-footer .customer-name{text-align: left;}
.sidebar-footer .contact-helpcenter{color: #606060; font-weight: 400; font-size: 12px; text-align: center; padding: 6px 0;}
.sidebar-footer .contact-helpcenter a{color: #606060; font-weight: 600; font-size: 12px;}
.sidebar-footer .contact-helpcenter a.so-helpcenter{color: #4E90E8; font-size: 12px;}
.sidebar-footer .contactus{font-size: 14px; color: #383838; text-align: right;}

.sidebar-footer .settings-wrap{ }
.sidebar-footer .settings-wrap a i.icon-settings:hover{background: url(../images/svg/settings-icon-blue.svg) 0 0 no-repeat;}
.nav.side-menu>li.active>a i.icon-roles{background: url(../images/svg/roles-icon-blue.svg) 0 0 no-repeat; background-position: center;}

.has-error input[type="text"], .has-error input[type="email"], .has-error select {
    border: 1px solid #a94442;
}
.empty-cart-wrap{text-align: center;padding: 30px 0 36px;background: #fff;}
.empty-cart-inner{display: block; font-size: 18px; margin-top: 24px;}
.customerwrap{}
.customer-head{padding: 8px 16px;
    display: inline-block;
    width: 100%;}

.card-header{font-size: 14px; color: #606060; font-weight: 600; }

.blockwrap .panel-wrap-change-add{border: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: #f7f7f7;
    width: 100%;
  }

.blockwrap .panel-wrap-billing-add .panel-body .panel-group{margin-bottom: 0;}

.blockwrap .panel-wrap-shipping-add .panel-body .panel-group{margin: 0;}
.blockwrap .card-body .form-wrap{}
.blockwrap .panel-wrap-change-add.panel .panel-body .card-wrapper .card-body{border:1px solid #e0e0e0; background: #ffffff;}
.blockwrap .panel-wrap-change-add.panel .card-wrapper{border-radius: 3px;     -webkit-box-shadow: 0 2px 4px rgb(3 27 78 / 10%);
    box-shadow: 0 2px 4px rgb(3 27 78 / 10%); margin: 2% 8%;}
.blockwrap .panel-wrap-change-add.panel .card-wrapper .card-header{border-radius: 3px 3px 0 0; padding: 14px 16px; margin: 0;}
.blockwrap .panel-wrap-change-add.panel .card-wrapper .card-footer{background: none;}
.blockwrap .card-body .frm-row label{color: #606060; font-size: 12px; font-weight: 400; margin:0;  }
.blockwrap .card-body .form-control{border-right: 3px; border:1px solid #e0e0e0; font-size: 12px; font-weight: 400;margin-bottom: 8px; }

.blockwrap .panel-heading .panel-title{color: #606060; font-size: 16px; font-weight: 700;}
.blockwrap .panel-heading .card-subtitle{color: #606060; font-size: 14px; font-weight: 400;}
.blockwrap .panel-heading .card-text{color: #606060; font-size: 14px; font-weight: 400;}

.inner-panel-block .panel-body{}
.inner-panel-block .panel-body .card .card-body{
  border: none;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 4px;
}


a.panel-addres-excerpt .panel-heading h4{}
a.panel-addres-excerpt .panel-heading h6{}
a.panel-addres-excerpt .panel-heading h6:hover{text-decoration: underline;}

.blockwrap .address-pane.panel{border-radius: 3px; border:1px solid #e0e0e0; position: relative;}
.blockwrap .address-pane.panel .address-check-wrap .inner-panel-block.panel-collapse{margin-bottom: 8px;}
/* .blockwrap .address-pane.panel .address-check-wrap{position: absolute; right: 20px; top: 34px;} */
.blockwrap .address-pane.panel .address-check-wrap input[type="checkbox"]{padding: 0; margin: 0;}
.blockwrap .address-pane.panel .address-check-wrap input[type="radio"], input[type="checkbox"]{margin: 4px; vertical-align: middle;}
.blockwrap .address-pane.panel .address-check-wrap label{font-weight: 500;}

.default-add{padding: 4vh 0 4vh 16px; margin: 0;}
.default-add input[type="radio"], input[type="checkbox"]{margin: 4px; vertical-align: middle;}
.default-add label{font-weight: 500;}

.blockwrap .panel-sub-category{background-color: rgb(243 243 243); }
.blockwrap .address-pane.panel .inner-panel-block .panel-body{padding: 8px;}
.blockwrap .address-pane.panel .inner-panel-block .panel-body .card .card-body a.btn{margin: 0 4px;}
.blockwrap .address-pane.panel .inner-panel-block .panel-body .card-primary{margin-bottom: 0; display: flex; flex-direction: row; justify-content: space-between;}
.blockwrap .address-pane.panel .inner-panel-block .panel-body .card-primary .btn.btn-newaddress{width: auto; padding: 8px 20px;}
.blockwrap .address-pane.panel .inner-panel-block .panel-body .card-primary .btn.btn-del{padding: 11px 14px; margin: 0; box-shadow:none;
    background:#E85B60; border:1px solid #E85B60;
    border-radius: 2px; font-weight: 400; color: #ffffff; font-size: 14px; line-height:18px ; width: auto;}

.block-center{margin: 0 auto;}
.address-wrap{padding: 0;}

/*Change Address Mosdel window*/
/* .somodel.model-change-address.modal{   padding-left: calc(100% - 82%);} */
/* .model-change-address .modal-dialog{width: 54%; max-width: 920px; margin-top: 0;} */
.model-change-address .modal-dialog .modal-content .modal-header{border-bottom: 1px solid #e0e0e0; display: flex; width: 100%; justify-content: space-between; flex-direction: row;}
.model-change-address .modal-dialog .modal-content .modal-header .item-cell{display: flex; flex-basis: 0; flex-grow: 1;}
.model-change-address .modal-dialog .modal-content .modal-header .item-cell.left{    flex-grow: 2;}
.model-change-address .modal-dialog .modal-content .modal-header .item-cell.right{justify-content: flex-end;}
.model-change-address .modal-dialog .modal-content .modal-header h2{font-size: 18px; text-align: left;}

.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner{display: flex; width: 100%;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .add-new-address{width: 100%; flex-direction: column;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row{ display: flex; width: 100%; justify-content: space-between; flex-direction: row; column-gap: 16px;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell{display: flex; flex-basis: 0; flex-grow: 1; flex-direction: column; align-items: flex-start; margin-bottom: 16px;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell label{font-size: 13px; font-weight: 400;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell label.control-label:after {content: "*"; color: #E85B60;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell input{height: 38px; border-radius: 2px; padding: 4px 8px;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell.default-add{flex-direction: row; display: flex; align-items: center; column-gap: 4px; padding: 0; margin: 0;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell.default-add .form-check-input{    height: auto; padding: 0;}
.model-change-address .modal-dialog .modal-content .modal-body .form-wrapper .form-wrap-inner .frm-row .frm-cell.default-add label{padding: 0; margin: 0;}
.model-change-address .modal-dialog .modal-content .modal-footer .btn.btn-reset{text-transform: capitalize;}


.model-change-address .modal-dialog .modal-content .modal-footer {text-align: center;}
.btn.btn-newaddress{ margin-top: 0; padding: 8px 16px; text-transform: capitalize;
  border-radius: 2px; font-weight: 400; color: #ffffff; font-size: 14px; line-height: 24px;  background-color: #4E90E8; border:1px solid #3c75c1;
}
.btn.btn-newaddress:hover{background-color: #4E90E8; border:1px solid #3c75c1; line-height: 24px;}
.btn.btn-reset{ padding: 8px 16px; margin: 0; box-shadow:none; background: none; border: 1px solid #606060; 
  text-transform: uppercase; border-radius: 2px; font-weight: 400; color: #606060; font-size: 14px; line-height: 24px; 
}
.btn.btn-reset:hover{background-color: #4E90E8; border:1px solid #3c75c1; line-height: 24px;}
.model-change-address.modal .modal-dialog .modal-content .modal-footer .btn.btn-reset:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; line-height: 24px; 
}


/*Quickview model windows*/
.somodel.model-prod-qv{}
.somodel.model-prod-qv .modal-dialog{width: 74%; max-width: 920px;     margin: 0 auto;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner{display: flex; flex-direction: column; row-gap: 8px;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header.item-row{ display: flex; justify-content: space-between; width: 100%; padding: 16px; border-bottom: 1px solid #ddd;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .item-cell{display: flex; flex-basis: 0; flex-grow: 1;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .item-cell h2{font-size: 16px;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .item-cell.close-btn{    justify-content: flex-end;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .item-cell.close-btn button{}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .item-cell.close-btn button:hover{background: none; border: none; padding: 0; opacity: 1;}

.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body{display: flex; width: 100%; margin: 0; }
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body .tblcont{display: flex; width: 100%; flex-direction: column;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body .x_content.prod-detwrap{padding: 0; margin: 0;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body .card.prod-cont{padding: 0;     display: flex;
  width: 100%; flex-direction: row; column-gap: 16px; row-gap: 16px;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body .prodimg{    margin: 0;
  flex-grow: 1; flex-basis: 0; display: flex; width: 100%;
  flex-direction: column; align-items: center; justify-content: center;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-body .prodcontent{ flex-grow: 1; flex-basis: 0;}

.somodel.model-prod-qv .modal-dialog .model-body .tblcont{padding: 0; margin: 0;}
.somodel.model-prod-qv .modal-dialog .add-to-basket-item-details{text-align: center;}
.somodel.model-prod-qv .modal-dialog .add-to-basket-item-details .stock{margin-top:8px; font-size: 14px; font-weight: 500; padding: 2px 4px; border-radius: 2px; width: auto; text-align: center; }
.somodel.model-prod-qv .modal-dialog .add-to-basket-item-details .stock.outofstock{color: #E85B60; border: 1px solid #E85B60;}
.somodel.model-prod-qv .modal-dialog .add-to-basket-item-details .stock.instocklbl{color: #63BB52; border: 1px solid #63BB52;}


.somodel.model-prod-qv .modal-dialog .product-quantity{text-align: center; 
  margin-bottom: 16px; display: flex;
  width: 100%; justify-content: flex-start; flex-direction: column;  align-items: center; row-gap: 4px; border: 1px solid #efefef; padding: 16px; border-radius: 4px;}

.somodel.model-prod-qv .modal-dialog .product-quantity .set-qty-txt{font-weight: 500; font-size: 14px; color: #5d5d5d;}

.somodel.model-prod-qv .modal-dialog .product-quantity .tqty{display: flex; width: 100%; column-gap: 8px; justify-content: center;}
.somodel.model-prod-qv .modal-dialog .product-quantity .tqty button.tqtycount{background: none;
  color: #ffffff; font-size: 14px; border: 0px solid #4E90E8; border-radius: 0; padding: 0; margin: 0;
  font-weight: 400; letter-spacing: 0.15px; line-height: 18px; text-align: center; width: auto;}

  .somodel.model-prod-qv .modal-dialog .product-quantity .tqty input{    width: auto;
    max-width: 62px; text-align: center; border: 1px solid #ccc; border-radius: 2px;}

.somodel.model-prod-qv .modal-dialog .product-selection-elements.qtywrap .add-to-basket-summary-and-cta{display: flex; flex-direction: column;}
.somodel.model-prod-qv .modal-dialog .product-selection-elements.qtywrap .add-to-basket-summary-and-cta .add-to-basket-item-details{}
.somodel.model-prod-qv .modal-dialog .product-selection-elements.qtywrap .add-to-basket-summary-and-cta .u-centred.totalprice{font-weight: 600; font-size: 18px; margin-bottom: 4px;}
.somodel.model-prod-qv .modal-dialog .product-selection-elements.qtywrap .add-to-basket-summary-and-cta .text-center.addbtn a.btn{   
   padding: 8px 16px; font-weight: 400; font-size: 14px;
  margin-top: 24px; background-color: #4e90e8; border: 1px solid #4e90e8;}

.somodel.model-prod-qv .modal-dialog .product-quantity .set-qty-txt{margin-top: 8px; display: inline-block;}
.somodel.model-prod-qv .modal-dialog .modal-content .modal-header{border-bottom: none;}
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .modal-title{ font-weight: 600; }
.somodel.model-prod-qv .modal-dialog .modal-content .model-content-inner .modal-header .close{opacity: 1;}
.modal-dialog .modal-content .model-content-inner .modal-header .close{opacity: 1; margin: 0; padding: 0; background: none; border: none; line-height: 18px;}

.somodel.model-prod-qv .modal-dialog .modal-content .modal-body .prod-detwrap .prod-desc a.more{color: #4e90e8; font-weight: 400; font-size: 14px; text-transform: uppercase; text-decoration: underline;}
.somodel.model-prod-qv .modal-dialog .modal-content .modal-body .prod-detwrap .prod-desc a.less{color: #4e90e8; font-weight: 400; font-size: 14px; text-transform: uppercase; text-decoration: underline;}

.dropdown.bootstrap-select .btn.dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner{line-height: 24px;}

.qv-prod-container{width: 100%; background: #ffffff; padding: 24px; display: inline-block;}
.qv-gallery-wrap{float: left; background: #ffffff;}
.qv-product-info-wrap{float: left; width: 46%;}
a.model-qv{display: inline-block; position: relative; top: 4px;}
a.item-code-txt{display: inline-block;padding-left: 0px;}
a.item-code-txt:hover{color: #4e90e8; text-decoration: underline;}
a.model-qv i:hover{background:url('../images/svg/model-icon-blue.svg') 0 0 no-repeat; height: 18px;
    width: 18px;
    line-height: 18px;
    background-size: 18px 18px;}

.prodlist tbody tr td.icode:hover a.item-code-txt{color: #4e90e8;}
.prodlist tbody tr td.icode:hover a.model-qv{background:url('../images/svg/model-icon-blue.svg') 0 0 no-repeat; height: 18px;
    width: 18px;
    line-height: 18px;
    background-size: 18px 18px;}

table.dataTable > tbody > tr.active td.tqty:hover input[type="text"]{border: 1px solid #efefef; background-color: #ffffff;}
table.dataTable > tbody > tr.active td.tqty input[type="text"]{border: 1px solid #b5b5b5; background-color: #ffffff; box-shadow: none;}
table.dataTable > tbody > tr.active td.tqty button.tqtycount{border-radius: 50px; background: #ffffff;}

.prodimg .gallery-wrap .img-big-wrap .splide .splide__track{display: table;
  align-items: center;
  vertical-align: middle; width: 100%;
  height: 340px; max-height: 340px; background: #ffffff;
  border-radius: 3px;
  margin-bottom: 24px;
  /*border: 1px solid #F2F2F2;*/
  box-sizing: border-box;
  /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);*/
}

.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list{display: table-cell; vertical-align: middle; text-align: center;}
/*.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide{width: auto !important;}*/
.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide{width: 100% !important; height: 100%;}
.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide .vertical-center{height: 100%; width: 100%; text-align: center;}
.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide .vertical-center .vertical-center-inner{width: 100%; text-align: center;}
.prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide img{width: auto;     max-width: 440px;     height: auto;}

.somodel.model-prod-qv .prod-cont .prodimg{padding: 0; margin-bottom: 8px;}
.prodimg .gallery-wrap{padding: 0}

.prodimg .gallery-wrap .img-big-wrap .splide__slide{text-align: center;}
.prodimg .gallery-wrap .img-big-wrap .splide__slide .vertical-center{height: 100%; width: 100%; text-align: center;}
.prodimg .gallery-wrap .img-big-wrap .splide__slide .vertical-center .vertical-center-inner{width: 100%; text-align: center;}

/* .prodimg .gallery-wrap .img-big-wrap .splide .splide__arrows button.splide__arrow{background: #ffffff;} */
.prodimg .gallery-wrap .img-big-wrap .splide .splide__arrows button.splide__arrow svg{width: 1.2em; height: 1.2em;}

.prodimg .gallery-wrap .splide--slide .splide__track ul.splide__list{}
.prodimg .gallery-wrap .splide--slide .splide__track ul.splide__list li.splide__slide{border-radius:3px; border:1px solid #e0e0e0; }
.prodimg .gallery-wrap .splide--slide .splide__track ul.splide__list li.splide__slide.is-active{border: 1px solid #F78F31;}
.prodimg .gallery-wrap .splide.splide-thumb-wrap ul.splide__list li.splide__slide{background-size: contain !important; background-color: #ffffff !important; /*height: 94px !important;*/}
.prodimg .gallery-wrap .splide.splide-thumb-wrap ul.splide__list li.splide__slide img{width: auto; max-width: 100%;}

.prodimg .gallery-wrap .splide.splide-thumb-wrap ul.splide__list li.splide__slide .vertical-center{height: 100%; width: 100%; text-align: center;}
.prodimg .gallery-wrap .splide.splide-thumb-wrap ul.splide__list li.splide__slide .vertical-center .vertical-center-inner{width: 100%; text-align: center;}

table.cartlist tbody td.product-cell{width: 42%;}
table.cartlist tbody td.uprice .price-wrap{text-align: right;}
table.cartlist thead th.uprice{text-align: right;}
table.cartlist tbody td.tqty{text-align: center;}
table.cartlist thead th.tqty{text-align: center;}
/* table.cartlist tbody td.tqty .tqty-wrap{width: 124px; display: inline-block;} */
td.tqty .tqty-wrap{display: flex; justify-content: center; width: auto; column-gap: 4px;}
td.tqty .tqty-wrap .tqtycount{background: no-repeat; border: none; padding: 0; border-radius: 0; text-align: center; line-height: inherit; }
td.tqty .tqty-wrap input{text-align: center; max-width: 62px;
    line-height: 24px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 2px 0;
width: 45px;
border-radius: 2px;
background: none;
border: 1px solid #d6d6d6;

}


table.cartlist tbody td.dprice{text-align: right;}
table.cartlist thead th.dprice{text-align: right;}

table.cartlist tbody td.tprice{text-align: right; width: 10%;}
table.cartlist thead th.tprice{text-align: right; width: 10%;}

table.cartlist tbody td.rem-cell{text-align: right;}
table.cartlist thead th.rem-cell{text-align: right;}

td.tqty .tqty-wrap button.disabled i{background: none;}
td.tqty .tqty-wrap button.disabled i{opacity: 0.4; cursor: not-allowed;}

td.tqty .tqty-wrap .tqtycount i svg circle{stroke: #383838;}
td.tqty .tqty-wrap .tqtycount i svg rect{fill: #383838;}
td.tqty .tqty-wrap .tqtycount i svg path{fill: #383838;}

.basket-content .clistarea .cart-basket-list .cell-item.address-selectors .cart-list-dropdown .lbl{display: flex; align-items: center;}
.basket-content .clistarea .cart-basket-list .cell-item.address-selectors .cart-list-dropdown .lbl .icon svg{fill: #4E90E8; }

/* icons svg */
.tqty .tqty-wrap button.tqtycount i svg.icon-svg{fill: inherit; height: 32px; width: 32px;}
.tqty .tqty-wrap button.tqtycount i.icon-qminus{background: transparent;}
.tqty .tqty-wrap button.tqtycount i.icon-qplus{background: transparent;}


/*.price-new{font-size:16px; font-weight:600; color:#4E90E8;}*/

.top-right-content ul.navbar-nav.navbar-right li.nav-amount{}
.top-right-content ul.navbar-nav.navbar-right li.currency-tag{}
.top-right-content ul.navbar-nav.navbar-right li.user-avatar{ }
.top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li{padding: 0; margin:0; width: 100%; border-bottom: 1px solid #e0e0e0; text-align: left;}
.top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li.user-nm{background: #f2f2f2;}
.top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li.user-nm span.cust-name{font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    display: inline-block;
    width: 100%;}
.top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li a{color: #383838; width: 100%; font-size: 12px; font-weight: 500; padding: 8px 16px; text-align: left;}
.top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li:hover{}

.datecal-wrap{float: left;}
.datecal-wrap .dt-filter-btn{}
.datecal-wrap .dt-filter-btn .btn-group{}
.datecal-wrap .dt-filter-btn .btn-group .btn{margin-right: 3px;}
.datecal-wrap .dt-filter-btn .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.datecal-wrap .dt-filter-btn .btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius: 3px;}
.datecal-wrap .dt-filter-btn .btn-group .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){border-top-left-radius: 3px; border-bottom-left-radius: 3px;}



/*Table Main Wrappers*/
.quotetbl table tbody td.quotetbl{text-transform: uppercase; font-weight: 500;}

.orderviewtbl{padding-top: 16px;}
.tblcont.shipmentwrap .shiptbl{margin-bottom: 60px;}
.tblcont.quoteswrap .quotetbl{margin-bottom: 60px;}
.paymentwrap-outer{}
.inv-payment-wrap{float: left; width: 100%;}

.customerswrap .table tbody td.user-status{text-align: center;}
.customerswrap .table tbody td.rbalance, thead th.rbalance{text-align: center;}

/*Thankyou page containers*/
/* 
.thankuwrap .confirm-wrap-inner{padding-top:10%; min-height:100%; height: 100vh;  position: relative;}
.thankuwrap .confirm-wrap-inner .confirm-icon-wrap i{}
.thankuwrap .confirm-wrap-inner .confirm-thanku{    font-weight: 700;
  font-size: 28px; text-transform: uppercase; padding: 16px 0; text-align: center; line-height: 32px;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap{width: 100%; display: flex; flex-direction: column; border:2px solid #63BB52; border-radius:8px; border-style: dashed; padding: 40px 8px; margin: 16px 0; position: relative; row-gap: 24px; align-items: center;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .confirm-ref-lbl{width: 100%; float: left; font-size: 18px; font-weight: 700; padding-bottom: 8px; text-align: center;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .ref-num-wrap{}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .ref-num-wrap a{color: #000000; font-weight: 800; font-size: 28px;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .ref-num-wrap a:hover{text-decoration: underline !important; color: #5d5d5d;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .conf-det-link{}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .conf-det-link a{background: #63BB52; border: 1px solid #63BB52; border-radius: 50px; color: #ffffff; font-weight: 500; font-size: 12px; padding: 8px 16px; line-height: 18px;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .conf-det-link a i{position: relative;top: -1px; left: 4px;}
.thankuwrap .confirm-wrap-inner .confirm-det-wrap .conf-det-link a:hover{box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
.thankuwrap .confirm-wrap-inner .confirm-status{font-size: 16px; font-weight: 500; padding: 16px 0;}
.thankuwrap .confirm-wrap-inner .confirm-status.inprogress{color: #E85B60;}
.thankuwrap .confirm-wrap-inner .confirm-status.processed{color: #63BB52;}
.thankuwrap .confirm-notification{font-size: 16px; font-weight: 400; text-align: center;}
.thankuwrap .confirm-wrap-inner .continue-cta-wrap{ padding: 16px 0; }
.thankuwrap .confirm-wrap-inner .continue-cta-wrap button.btn-continue{
	  margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); text-transform: uppercase; background: #3c79ca; color: #ffffff; padding: 8px 16px; height: 40px;  line-height: 24px;
}
.thankuwrap .confirm-wrap-inner .continue-cta-wrap button.btn-continue:hover{background: #3c79ca; padding: 8px 16px; line-height: 24px;  height: 40px;}
.thankuwrap .confirm-wrap-inner .assitance-msg-wrap{width: 100%; float: left; font-size: 14px; font-weight: 400; color: #606060; padding: 16px 0;}
.thankuwrap .confirm-wrap-inner .assitance-msg-wrap a{color: #4E90E8; font-weight: 800;} */


.contactwrapper{}
.contactwrapper .contact-tbl tbody td .btn.btn-info{padding: 4px 8px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #4E90E8; border: 1px solid #3c79ca; text-transform: capitalize;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; line-height: 18px; height: auto;}

.new-cust-title .btn.btn-info:focus{background-color: #4E90E8; border-color: #3c75c1;}
.new-cust-title .btn.btn-info:hover{background-color: #4E90E8; border-color: #3c75c1;}
.new-cust-title .btn.btn-info:active{background-color: #4E90E8; border-color: #3c75c1;}

.somodel.cust-model-win{}
.somodel.cust-model-win .modal-dialog{width: 60%; max-width: 760px; margin-top: 2%;}
.somodel.cust-model-win .modal-dialog .modal-content{}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner{}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header.item-row{
  padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header.item-row .item-cell{flex-grow: 1; flex-basis: 0; display: flex;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header.item-row .item-cell.title{}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header.item-row .item-cell.title h2{font-size: 14px; color: #5d5d5d; font-weight: 600;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header.item-row .item-cell.right-cell{    justify-content: flex-end;;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-body .modal-body-inner{}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-body .modal-body-inner .frm-wrapper{display: flex; flex-direction: column; row-gap: 8px;}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .item-col{display: flex; flex-direction: row; justify-content: space-between;      column-gap: 16px; row-gap: 16px;}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group{display: flex; flex-direction: column; justify-content: space-between; width: 100%; row-gap: 4px;}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group .frm-cell{display: flex;}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group .frm-cell label{font-size: 14px; color: #282828;}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group .frm-cell.input-group{}
.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group .frm-cell.input-group input{padding: 8px 8px; border: 1px solid #dddddd; height: 40px; border-radius: 4px;}

.somodel.cust-model-win .modal-dialog .modal-body .modal-body-inner .frm-wrapper .frm-row.form-group:focus-within{border-left:none}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header button.close{margin:0; font-size: 14px; line-height: 18px; font-weight: 400; border-radius: 4px; }
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-header button.close:hover{padding: 0; border: none; background: none; padding: 0;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container{position: relative;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard{position: absolute; top: -17px;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard .stepwizard-step a{border-radius: 3px;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard .stepwizard-step p{display: none;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard .stepwizard-step a.btn-primary{padding: 4px 8px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #4E90E8; border: 1px solid #3c79ca; text-transform: capitalize;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; line-height: 18px; height: auto;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard .stepwizard-step a.btn-default{ margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    border-radius: 3px; font-weight: 600;
    font-size: 12px; line-height: 18px; height: auto; opacity: 1;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-body .modal-body-inner{margin-top: 16px;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-body .modal-body-inner .uprofile .btn-wrapper{margin: 16px 0 0 0;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-body .modal-body-inner .uprofile .btn-wrapper .btn.btn-primary{
    margin:0; padding: 8px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #4E90E8; border: 1px solid #3c79ca; text-transform: capitalize;
    border-radius: 4px; font-weight: 600;
    font-size: 14px; line-height: 18px; height: auto;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-footer{padding: 16px 8px; border-top: 1px solid #e0e0e0; text-align: center;     margin-top: 16px;}

.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-footer .btn{margin:0 4px;}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-footer .btn.btn-success{
  padding: 8px 28px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #4E90E8;
    line-height: 24px;
    border: 1px solid #3c79ca;
    text-transform: uppercase;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; width: auto;
}
.somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .modal-footer .btn.btn-reset{
    padding: 8px 16px; margin: 0; box-shadow:none;
    background: none; border: 1px solid #606060; text-transform: uppercase;
    border-radius: 3px; font-weight: 400; color: #606060;
    font-size: 12px;
}

/*Jconfirm dialog box*/
.jconfirm-title-c{text-align: center;}
.jconfirm-title{font-size: 16px !important;
    font-weight: bold;
    line-height: 24px;
    text-align: center;}
.jconfirm-title a{color: #4E90E8; text-transform: uppercase;}
.jconfirm-content-pane .jconfirm-content > div{text-align: center; font-size: 14px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-custom-content .jconfirm-box .jconfirm-buttons{width: 100%; text-align: center;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn, .jconfirm.jconfirm-custom-content .jconfirm-box .jconfirm-buttons .btn{margin:4px 2px !important;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn.btn-blue, .jconfirm.jconfirm-custom-content .jconfirm-box .jconfirm-buttons .btn.btn-blue{ padding: 8px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #4E90E8; border: 1px solid #3c79ca; text-transform: uppercase;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px;  }
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn.btn-blue:hover, .jconfirm.jconfirm-custom-content .jconfirm-box .jconfirm-buttons .btn.btn-blue:hover{background: #3c79ca; border: 1px solid #3c79ca;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons .btn.btn-default, .jconfirm.jconfirm-custom-content .jconfirm-box .jconfirm-buttons .btn.btn-default{ padding: 8px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #ffffff; border: 1px solid #606060; text-transform: uppercase;
    border-radius: 3px; font-weight: 600; color: #606060;
    font-size: 12px;
}

.jconfirm.jconfirm-custom-content .jconfirm-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border-top: solid 7px #3498db;
  -webkit-animation-name: type-blue;
  animation-name: type-blue;
}

.jconfirm.jconfirm-custom-content .jconfirm-bg {
  background-color: #444;
  opacity: .2;
}

.jconfirm.jconfirm-custom-content .newsfeed-post.popup-embed {
	padding: 5px 5px 2px;
}

.jconfirm.jconfirm-custom-content .newsfeed-post.popup-embed.WARNING {
	background: url("https://login.salesorder.com/salesorder/pages/img/error.png") no-repeat;
  background-size: 90px;
	background-position: center -5px;
	padding: 95px 5px 2px 5px;
}

.jconfirm-cell .jconfirm-holder .jconfirm-box-container {
  margin-left: 50%;
  width: 33.333333333%;
  float: left;
  font: inherit;
  min-width: 380px;
  transform: translateX(-50%) !important;
}

.jconfirm.jconfirm-custom-content .jconfirm-box-container  {
	width: 570px !important;
	max-width: 80% !important;
}

div.newsfeed-popup div.newsfeed-post.WARNING {
	background-image: url("https://login.salesorder.com/salesorder/pages/img/error.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 20px center;
    padding: 12px 20px 15px 100px;
}

a.beamer-icon.unread-badge::after {
  top: 5px !important;
  left: 4px !important;
}

table.table thead th.blankthead{display: none;}
table.table tbody td.blankthead{display: none;}
item-code-txt
table.table tbody td a.item-code-txt{color:#60bb51;}
table.table tbody tr {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
/*table.table tbody tr:hover {
    background: #f6f2a6;
    color: #3c3c3c;
}*/

.menu_section>ul.nav.side-menu{margin: 0;}

.card-info-wrap .item-row .item-cell input#cardLastFourDigit{width: auto; min-width: auto;  font-weight: 600; letter-spacing: 2.2px;}

/* .top_nav {border-bottom: 1px solid #d7d7d7;} */
.top_nav .top-nav-wrapper{padding: 4px 8px; min-height: auto;}
.order-dd-wrap .dropdown.bootstrap-select .btn.dropdown-toggle:hover{font-size: 14px; font-weight: 400;}
.order-dd-wrap .dropdown.bootstrap-select .btn.dropdown-toggle.btn-default.bs-placeholder{font-size: 14px; font-weight: 400;}
.order-dd-wrap .dropdown.bootstrap-select .btn.dropdown-toggle:hover .filter-option .filter-option-inner .filter-option-inner-inner{color: #5d5d5d; font-size: 14px; font-weight: 400;}
.order-dd-wrap .dropdown.bootstrap-select.open .btn.dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner{color: #5d5d5d; font-size: 14px; font-weight: 400;}

.orderstatus-panel .order-dd-wrap.bootstrap-select button.btn .filter-option .filter-option-inner .filter-option-inner-inner{white-space: break-spaces;}



.dropdown.bootstrap-select .dropdown-menu ul.dropdown-menu.inner li.active.selected a.active.selected span.glyphicon-ok.check-mark{top: 8px; color: #ffffff;}
.dropdown.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li.active.selected a.active.selected .text{}
.order-dd-wrap.bootstrap-select{flex-grow: 1; flex-basis: 0;}
.order-dd-wrap.dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: 235px;}
.order-dd-wrap.bootstrap-select button.btn{margin-right: 0; border-radius: 2px; position: relative;}
.order-dd-wrap.bootstrap-select button.btn.bs-placeholder .filter-option .filter-option-inner .filter-option-inner-inner{color: #555555; font-weight: 400; font-size: 14px;}
.order-dd-wrap.bootstrap-select button.btn.bs-placeholder .filter-option .filter-option-inner .filter-option-inner-inner:hover{font-size: 14px;}
.order-dd-wrap.bootstrap-select button.btn .filter-option .filter-option-inner .filter-option-inner-inner{color: #383838; color: #383838;
  font-weight: 400; font-size: 14px; }
.order-dd-wrap.bootstrap-select .dropdown-menu{}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu{}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li{padding: 0px; text-align: left;}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li .text{color: #606060; font-weight: 400; padding: 0px 4px;}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a:hover{background: #4E90E8;}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a:hover .text{ color: #ffffff;}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li.selected a.opt.selected .glyphicon-ok:before{position: relative; top: 4px;}
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li.selected a.opt.selected .text{padding-left: 8px; font-weight: 600;}

.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li.dropdown-header{padding: 4px; background: #3c75c1; }
.order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li.dropdown-header .text{color: #ffffff; font-weight: 700;}

.order-dd-wrap.dropdown ul.dropdown-menu li{padding: 0; margin:0; width: 100%; border-bottom: 1px solid #e0e0e0;}
.order-dd-wrap.dropdown ul.dropdown-menu li a{color: #383838; font-size: 12px; font-weight: 500; padding: 8px 8px; text-align: left;}
.order-dd-wrap.dropdown .bs-select-all{display: none;}
.order-dd-wrap.dropdown .bs-actionsbox .btn-group button{border:none; width:30%;}

.basket-content .orderstatus-panel .order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li{}
.basket-content .orderstatus-panel .order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a{width: 100%;}
.basket-content .orderstatus-panel .order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a:hover{color: #ffffff;}
.basket-content .orderstatus-panel .order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a .text{color: #606060;
  font-weight: 400; padding: 0px 4px; white-space: break-spaces; display: contents;}

  .basket-content .orderstatus-panel .order-dd-wrap.bootstrap-select .dropdown-menu .inner ul.dropdown-menu li a:hover .text{color: #ffffff;}

.highlight-tbl{background: #f6f2a6; color: #3c3c3c;}
table.dataTable > tbody > tr.active{background-color: #f6f2a6; border: 1px solid #3c3c3c; box-shadow: 0px 2px 4px rgba(246, 242, 166, 0.3); border-radius: 1px;}
table.dataTable > tbody > tr.active > td{background: #f6f2a6;}

table.table > tbody > tr:hover{    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /*background: rgba(0,105,255,.05);*/
    color: #3c3c3c;
}

table.table > thead > tr{background-color:#ffffff;}
table.table > tbody > tr.odd.highlight-tbl{background-color:#f6f2a6;}
table.table > tbody > tr.highlight-tbl:hover{background-color:#f6f2a6;}

.shopping-cart-wrap img{width:62px; max-width: 62px; max-height: 62px;}
/*.sidebar-footer a{top:8px;}*/

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.navbar-nav .wallet-stat-wrap{
   }
.navbar-nav .wallet-stat-wrap ul.wallet-details{display: flex; align-items: center; padding: 4px 8px;
  border: 1px solid #e7e7e7; 
  border-radius:2px; height: 38px; column-gap: 4px;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li{list-style-type: none; /*font-size: 12px; */
  /*border-right: 1px dashed #adadad; */

  color: #828282; margin: 0; padding: 0; float: left;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li:last-child{border-right: none;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li.w-amt{padding: 0;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li.w-amt.unsused{}
.navbar-nav .wallet-stat-wrap ul.wallet-details li.w-amt.balance{}
.navbar-nav .wallet-stat-wrap ul.wallet-details li.refresh-icon-wrap{padding:0;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li.refresh-icon-wrap button#refresh-button{border: none; padding: 0; margin: 0;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap{position: relative;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .unusedp-lbl{padding: 0 2px 0 0;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .unusedp-lbl label{margin: 0; font-weight: 400;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .balancep-lbl{padding: 0 2px 0 0;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .balancep-lbl label{margin: 0; font-weight: 400;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li span strong{color: #e85b60;}
.navbar-nav .wallet-stat-wrap ul.wallet-details li a{}


/*user table*/
.usertbl table.userlist{}
.usertbl table.userlist tbody tr td{vertical-align: middle;}
.usertbl table.userlist tbody tr td.btn-cell{text-align: center;}
.usertbl table.userlist tbody tr td.avatar-cell{text-align: center; padding: 2px; margin: 0;}
.usertbl table.userlist tbody tr td.avatar-cell .userpic{ border-radius: 50px; overflow: hidden; display: inline-block; border: 1px solid #cccccc; width: 48px; height: 48px; max-width: 48px; max-height: 48px; }
.usertbl table.userlist tbody tr td.avatar-cell .userpic img{width: 48px; max-width: 48px; max-height: 48px; height: auto;}
.usertbl table.userlist tbody tr td.fname-cell{}
.usertbl table.userlist tbody tr td.job-cell{}
.usertbl table.userlist tbody tr td.email-cell{}
.usertbl table.userlist tbody tr td.ephone-cell{}
.usertbl table.userlist tbody tr td.last-logged{}
.usertbl table.userlist tbody tr td.user-status{text-align: center;}


/*User model window*/
.somodel.user-model-win{}
.somodel.user-model-win .modal-dialog{width: 84%; max-width: 1024px; margin-top: 0;}
.tblcont.userslist-wrap .usertbl {}
.user-model-win .modal-title{padding-top:4px; font-weight: 700; font-size: 14px;}
.somodel.user-model-win .modal-dialog .modal-content{}
.somodel.user-model-win .modal-dialog .modal-content .modal-header{}
.somodel.cust-model-win .modal-dialog .modal-content .modal-header .align-right button.close{margin:0; }
.somodel.user-model-win .modal-dialog .modal-content .container{position: relative;}
.somodel.user-model-win .modal-dialog .modal-content .container .modal-body .blocktitle{font-size: 16px; font-weight: 500; color: #383838; padding: 4px 4px; margin-bottom: 8px;}
.somodel.user-model-win .modal-dialog .modal-content .container .modal-body .userdetails-wrap{border-right:1px solid #C4C4C4;}
.somodel.user-model-win .modal-dialog .modal-content .modal-footer{padding: 16px 8px; border-top: 1px solid #e0e0e0; text-align: center;}
.userslist-outer .tblcont.userslist-wrap{    margin-bottom: 20px;  display: inline-block;  width: 100%;}
.user-model-win .userprofile-wrap{}
.user-model-win .userprofile-wrap .modal-body-inner{}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content{}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile{padding:0; }
.somodel.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .blocktitle{font-size: 14px;}
.somodel.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .frmarea{}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .userdetails-wrap{}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .userdetails-wrap .form-group.uprofile-pic{padding: 6px;}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .userdetails-wrap .uploadpic-wrap{border: 1px solid #ccc; border-radius: 4px; }
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .userdetails-wrap .uploadpic-wrap .resetbtn-wrap{}
.user-model-win .userprofile-wrap .modal-body-inner .setup-content .uprofile .userdetails-wrap .uploadpic-wrap .resetbtn-wrap input[type="button"] {padding: 4px 12px;}
.somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap{}
.somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap .form-group.form-check{padding: 0 8px 0 0;}

.somodel.user-model-win .modal-dialog .modal-content .modal-footer .btn{margin:0 4px;}
.btn.btn-success{
  padding: 8px 28px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); line-height: 20px;
    background: #4E90E8;
    border: 1px solid #3c79ca;
    text-transform: uppercase;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; width: auto;
}
.somodel.user-model-win .modal-dialog .modal-content .modal-footer .btn.btn-reset{
    padding: 8px 16px; margin: 0; box-shadow:none;
    background: none; border: 1px solid #606060; text-transform: uppercase; line-height: 20px;
    border-radius: 3px; font-weight: 400; color: #606060;
    font-size: 12px;
}


.ordertbl table.table tbody tr td{    cursor: default;}
table.table tbody tr td a{color:inherit; font-weight: 600; }
table.table tbody tr td a:hover{color:#3c79ca; text-decoration: underline;}

table.table tbody tr td a{}
table.table tbody tr td a:hover{color:#3c79ca; text-decoration: underline !important;}

.prodgrid .row.pgridwrap .prod-grid-block .card.card-product:hover{border:1px solid #4E90E8;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .check{position:absolute; top:10px; left:10px;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap{text-align:center; background:#FFFDFD;   width: auto;  height: 200px; text-align: center; overflow: hidden;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap img{    width: 100%;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap-grid img{height:200px;}

.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap a.stock:hover{text-decoration: none;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap a.stock.outofstock:hover{color: #ff8e92; border: 1px solid #ff8e92; text-decoration: none;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap a.stock.instocklbl:hover{color: #8fd781; border: 1px solid #8fd781; text-decoration: none;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap .stock{font-size: 11px; font-weight: 500; padding: 2px 4px; border-radius: 2px;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap .stock.outofstock{color: #E85B60; border: 1px solid #E85B60;}
.prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap .stock.instocklbl{color: #63BB52; border: 1px solid #63BB52;}


.basket-wrap .orderblock .btnwrap .btn.cancel-btn{padding: 12px 16px; margin: 0; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.4);
    background: none; border: 1px solid #E85B60; text-transform: uppercase;
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; text-align: center; background: #E85B60; margin-top: 8px;
  }
.basket-wrap .orderblock .btnwrap .btn.cancel-btn:hover{ box-shadow:none; }
.title-wrap .cart-basket-link{padding-top: 4px;}


.inv-payment-wrap .orderstatus-panel{ background: none; border: none;}

.inv-payment-wrap .orderstatus-panel .orderblock .paymentwrap .pay-amout{}
.inv-payment-wrap .orderstatus-panel .orderblock .paymentwrap .pay-amout h4{border-bottom: none; padding:10px 0 0 0; }

.inv-payment-wrap .orderstatus-panel .orderblock ul.nav-pills{padding: 0; margin-top: 8px;}
.inv-payment-wrap .orderstatus-panel .orderblock ul.nav-pills li{padding-bottom: 4px;}
.inv-payment-wrap .orderstatus-panel .btnwrap{padding:0; }
.inv-payment-wrap .orderstatus-panel .orderblock .tabber .tab-content{border: 1px solid #ddd; border-radius: 2px;}

.paymentwrap-outer{}
.paymentwrap-outer .paymentwrap{}

.payview-outer .orderstatus-panel.payview-det .paydetails-inner .orderblock .invpay.paymentwrap{padding: 8px 16px;}
.payview-outer .orderstatus-panel.payview-det .paydetails-inner .orderblock h4{padding-bottom: 16px; padding-top: 16px;}
.view-invoice-outer .orderwrap{}
.view-invoice-outer .orderwrap .quotetbl{}


#activityOverlay{
  background-color: rgba(211, 211, 211, 0.4);
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

#activityOverlay img#cogs {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jconfirm.jconfirm-soalert .jconfirm-bg{}
.jconfirm.jconfirm-soalert .jconfirm-box{
}
.jconfirm.jconfirm-soalert .jconfirm-box.loading{
}
.jconfirm.jconfirm-soalert .jconfirm-box.loading:before{
}
.jconfirm.jconfirm-soalert .jconfirm-box.loading:after{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-closeIcon{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-title-c{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-content-pane{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-content{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-buttons{
}
.jconfirm.jconfirm-soalert .jconfirm-box .jconfirm-buttons button{
}

.table-striped > tbody > tr:hover {
  background-color:  #f6f2a6 !important;cursor: pointer;
}

.table > tbody > tr > td.active,.table > tbody > tr.active > td,.table > tbody > tr.active > th{background-color: #f6f2a6 !important;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
  color: #fff;
  cursor: default;
  background-color: #337ab7 !important;
  /* border-color: #337ab7 !important; */
}



.grid-stockwrap-outer{    float: right;    padding: 0; margin: 0;line-height: 1;}
.tblcont.gridcont .grid-block-holder .pricewrap{margin-bottom: 0;}
.tblcont.gridcont .grid-block-holder .prodgrid .row.pgridwrap .prod-grid-block .card.card-product .info-wrap .desc{  height: 28px;}
.prod-detail-container .prod-detwrap .prodcontent .selling-info{margin-bottom: 8px;}
.prod-detail-container .prod-detwrap .prodcontent .reference-link{text-align: left; padding: 0; color: #383838;}
.prod-detail-container .prod-detwrap .prodcontent .reference-link a{font-size: 12px; padding: 8px 0; display: inline-block; font-weight: 600; color: #000000;}
.prod-detail-container .prod-detwrap .prodcontent .reference-link a:hover{text-decoration: underline; color: #4e90e8;}

/*Error apge ui*/
.error-main-wrap{height: 100%;}
.error-outer{margin: 0 16px; }
.error-outer .error-inner{}
.error-msg{color: #383838;
    font-weight: 500;
    width: 40%;
    margin: 5% auto;
    border-radius: 16px;
    padding: 32px 0;}
.error-msg .assurance{font-size: 26px; margin-top: 16px;}
.error-msg .declarative{font-size: 16px;
    font-weight: 600;
    padding: 4px 0 8px 0;
    margin-bottom: 16px;
}
.error-msg .informative{font-size: 16px; color: #000000;}
.error-msg .insistance{font-size: 15px; padding: 2px 0 4px 0; font-style: italic; }
.error-msg .calltoaction{padding: 16px 0;}
.error-msg .calltoaction .btn.btn-warning{font-size: 16px; letter-spacing: 1px; font-weight: 600;}


.refresh-start{
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-play-state: inherit;
}

.refresh-end {
  animation-play-state: paused !important;
}

#refresh-button {
  animation-play-state: running;
}

@keyframes rotate {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

.prod-list-outer .datecal-wrap .bootstrap-select.show-menu-arrow .btn.dropdown-toggle.btn-primary{
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
    background: #4E90E8;
    border: 1px solid #3c75c1;
    text-transform: capitalize;
    border-radius: 3px;
    font-weight: 500;
    color: #ffffff;
    font-size: 12px;
}
.prod-list-outer .datecal-wrap .bootstrap-select.show-menu-arrow .dropdown-menu.open .inner.open ul.dropdown-menu.inner li.selected.active a{    background-color: #4E90E8;}
.prod-grid-wrap .datecal-wrap .bootstrap-select.show-menu-arrow .btn.dropdown-toggle.btn-primary{
     box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
    background: #4E90E8;
    border: 1px solid #3c75c1;
    text-transform: capitalize;
    border-radius: 3px;
    font-weight: 500;
    color: #ffffff;
    font-size: 12px;
}
.prod-grid-wrap .datecal-wrap .bootstrap-select.show-menu-arrow .dropdown-menu.open .inner.open ul.dropdown-menu.inner li.selected.active a{    background-color: #4E90E8;}

div.beamer-icon.unread-badge::after {
  top: 8px;
  left: 6px;
}

/* barcode scanner */
.titlewrap .page-title .title_right{display: flex; flex-direction: row-reverse; column-gap: 24px;}
.titlewrap .withcscanoption{display: flex; flex-direction: row; column-gap: 8px;}
.titlewrap .item-cell .withcscanoption .top_search{margin: 0;}

.titlewrap .item-cell .withcscanoption .top_search .input-group .input-group-btn button{background: url(../images/svg/enter-icon.svg) 0px 4px no-repeat; top: 0;}


.cart-basket-container{
  display: flex;
  padding: 0 0 0 16px;
}
.page-title.barcode-title-bar{position: relative;}
.btn-wrapper{
  display: flex;
  flex-direction: row;
}
.btn.btn-scanbarcode{
  box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
  background: #4E90E8;
  border: 1px solid #3c75c1;
  text-transform: capitalize;
  border-radius: 2px;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  padding: 2px 16px;
  height: auto;
  line-height: 18px;
}
.barcode-section{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
   /* height: 68vh;*/
}
.barcode-section .dce-video-container{}
.drawingBuffer{display: none;}
.btn-wrapper.close-btn{
z-index: 99;
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.btn.btn-close{
    background: #E85B60;
    color: white;
    
}
.preloading{
  position: absolute;
  z-index: 99;
  top:10px;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.barcode-container{margin:0 20px 0px 20px; display: flex;
    justify-content: center;}
#barcodeScanner {}
#videoview {}
#videoContainer {    display: flex;
    justify-content: center;
    align-items: center;}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.24);
    z-index: 2;
    object-fit: contain;
    display: flex;
    height: 100vh;
}



/*@media (min-width:961px)  { .btn-scanbarcode{display: none;} }
@media (min-width:1025px) { .btn-scanbarcode{display: none;} }
@media (min-width:1281px) { .btn-scanbarcode{display: none;} }*/

@media (max-width: 1024px){
  .barcode-section{
    /*height: 38vh;*/
  }
}

@media (max-width: 767px){
  .barcode-section{height: auto;}
  .btn-scanbarcode{display: block;}
  #videoContainer video{
    width: 100%;
  }
  .dce-video-container.video2{
    /*height: 180px;*/
  }
   .dce-video-container.video2 video{
    width: 100%;
  }
  .btn-wrapper.close-btn{bottom: 20px;}
}

}

@media only screen and (min-width : 320px) {}

@media screen and (max-width: 650px) {}