#popupModal .modal-dialog #cart-form {
    padding: 0
}

#popupModal .bg-primary {
    background-color: #0d4169 !important;
    color: #fff;
    padding: 15px !important;
    height: 60px !important;
    min-height: auto
}

#popupModal .bg-primary .close {
    float: right;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: inherit;
    opacity: 1;
    box-shadow: inherit !important;
    border-radius: 100%;
    border: 1px solid #fff !important;
    padding: 2px 3px !important
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options {
    padding: 5px 30px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    position: unset !important;
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options .swatch_img img {
    width: 20px;
    height: 20px;
    border: 1px solid #b3b3b3
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options .collapseContainer {
    border-bottom: 1px solid #f1f1f1;
    border-top: none
}

#popupModal .bg-light.bottomBtn {
    padding: 20px 60px 16px 80px !important
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light input[type=text] {
    background-color: #fff;
    border-color: #000;
    padding: 6px 10px;
    margin-bottom: 0;
    height: 43px;
    border: 1px solid #C4C9CE;
    width: 100%;
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light input[type=text]::placeholder,.sidebarSearch input[type=text].searchInput::placeholder {
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: uppercase;
    /*color: #222 !important;*/
    font-style: normal;
    /*color: #333*/
    font-style: italic;
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light select {
    font-weight: 400;
    letter-spacing: .5px;
    /*text-transform: uppercase;*/
    color: #222;
    padding: 6px 10px;
    background-color: #fff;
    height: auto;
    margin-bottom: 0
}

#popupModal .bg-light:last-child strong {
    line-height: 28px;
    font-weight: 700;
    font-size: 12px
}

#popupModal .bg-light .col-md-4~span {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light button.btn-primary {
    padding: 8px 12px
}

#popupModal .modal-content {
    background: unset !important
}

#popupModal .container {
    display: block !important;
    min-height: auto !important;
    padding: 0 !important;
}

#popupModal .bg-light {
    background-color: #dedde2 !important;
    padding: 12px 90px 12px 30px !important;
    color: #222
}

.option-thumbnail {
    width: 70px;
    display: inline-flex;
    position: absolute;
    top: 61px;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    z-index: 15600;
    border: 1px solid #a2a2a2;
    right: 11px;
    background: 0 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.3)
}

.nav.nav-tabs.nav-fill {
    border-bottom: 0 !important
}

.colorstatus {
    align-self: center;
    padding-left: 10px;
    margin: 0px;
    display: flex;
    flex-grow: 1;
}


.product-info-main-prd-opt .swtach {
    width: 100%
}

.product-info-main-prd-opt .swtach .customorder-color.core-color-section,.product-info-main-prd-opt .swtach .customorder-color.fashion-color-section {
    display: inline-block;
    width: 100%
}

.product-info-main-prd-opt .swtach .customorder-color.core-color-section .core-color-name {
    float: right
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    margin-right: 14px;
    margin-top: 6px
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important
}

.close-popup-4 {
    position: absolute;
    top: 15px;
    right: 0
}

/*#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image.active:before {
    content: "";
    position: absolute;
    bottom: -30%;
    right: -30%;
    font: normal normal normal 14px/1 FontAwesome;
    z-index: 1;
    background: #fff;
    color: #0c4269;
    border-radius: 50px;
    padding-left: 1.1px;
    height: 14px;
    background: url(/pub/media/check.svg);
    width: 14px;
    background-position: center;
    border: 1px solid #fff
}*/

/*#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image:hover:after {
    content: "";
    border-radius: 3px;
    border: 2px #0c4269 solid;
    display: block;
    position: absolute;
    bottom: -6px !important;
    height: 42px;
    width: 42px !important;
    color: #0c4269;
    left: -6px
}*/

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    margin-right: 14px;
    margin-top: 6px
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    margin-right: 15px;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(0,0,0,.2);
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 12px;
    overflow: visible
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image.active:after {
    content: "";
    border-radius: 3px;
    border: 1px solid #000000;
    display: block;
    position: absolute;
    bottom: -4px !important;
    height: 38px;
    width: 38px !important;
    color: #0c4269;
    left: -4px;
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options .colorContainer {
    padding: 0
}

div#coreClass span,div#fashionClass span {
    font-size: 16px;
    font-weight: 700
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options {
    height: auto !important
}

#popupModal .modal-dialog #cart-form .modalContainer span.fashion-color-name {
    float: right;
    right: 0;
    position: absolute
}

.loading-mask {
    pointer-events: none
}

#popupModal .bg-light.bottomBtn {
    padding: 30px 60px 30px 80px !important
}

.modalContainer div#nav-tab {
    padding: 30px 30px 15px
}

.modalContainer div#nav-tabContent {
    padding: 5px 30px 15px
}

#popupModal .modal-dialog #cart-form .modalContainer span.fashion-color-name {
    float: right;
    right: unset;
    position: unset
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    background-size: 105% !important
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options {
    padding: 0 !important
}

#popupModal .scroll-content .tooltip-img.bottom-tooltip-active {
    display: none;
    position: absolute;
    text-align: center;
    width: 82px;
    left: 0px
}

#popupModal .scroll-content .tooltip-img .tooltip_color p {
    margin: 0;
    line-height: 14px;
    margin-bottom: 0;
}
#popupModal .scroll-content .tooltip-img .tooltip_color  {
    display: block;
    background: #dedde2;
    z-index: 999;
    display: block;
    background: #fff;
    text-align: center;
    max-width: 82px;
}

#popupModal .scroll-content .tooltip-img .bottom-tooltip-active {
    display: block;
    background: #fff;
    text-align: center;
    max-width: 82px;
    padding-bottom: 3px;
}

/*#popupModal .swatch-option:hover .bottom-tooltip-active {
    display: block;
    background: #dedde2;
    z-index: 999
}*/

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll._show {
    z-index: 99999 !important;
    /*background: #00000036;*/
}

aside.po-success-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0 !important
}

aside.po-success-popup .modal-inner-wrap {
    min-height: unset !important;
    min-width: 30%;
    text-align: center;
    width: 100px !important;
    max-width: 100px;
    border-radius: 5px
}

aside.po-success-popup .modal-inner-wrap .modal-content {
    padding: 15px 40px;
    background: #fff;
}

aside.po-success-popup .modal-inner-wrap .modal-content #posuccess-message p {
    margin: 0
}

#message .catBtns {
    border-top: unset;
    padding: 0 10px 0 0
}

#popupModal #message {
    text-align: end
}

#cart-form a.saveChng,#cart-form a.discardChng, #cart-form a.addtodraft {
    padding: 10px 18px;
    cursor: pointer;
    text-align: center;
    color: #1a3d5b;
    min-width: auto;
    border: 1px solid #1a3d5b;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase
}
#cart-form a.addtodraft {
    font-size: 12px;
    float: right;
    margin: 0px;
    width: 212px;
    height: 44px;
}

a.saveChng:hover,a.discardChng:hover {
    background: #0e4169 !important;
    color: #fff !important
}

#cart-form .customBtns:hover {
    background: #0e4169 !important;
    color: #fff !important
}

.option-thumbnail .active img {
    display: block !important
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options {
    overflow: visible !important
}

.mCustomScrollBox {
    overflow: visible !important
}

.productview-modal-close-inside,.mfp-close {
    cursor: pointer
}

.mfp-wrap,.mfp-bg {
    z-index: 1450 !important
}

.mfp-zoom-in .mfp-content {
    max-width: 300px !important;
    vertical-align: text-bottom;
    margin-top: 15% !important
}

.mfp-zoom-in .mfp-content .container.order-img-header {
    width: 100%
}

.mfp-zoom-in .mfp-content .container.order-img-header {
    cursor: pointer;
    background: linear-gradient(to bottom,#0e426a 0%,#0c416b 51%,#0d4169 100%);
    min-height: 47px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mfp-figure.mfp-with-anim .mfp-img {
    border-radius: 10px
}

.mfp-close {
    position: absolute !important;
    top: 32px !important;
    cursor: pointer !important;
    color: #000 !important;
    width: fit-content !important;
    font-weight: 100 !important;
    right: 3px !important
}

.box-hover:after {
    content: "";
    position: absolute;
    top: 123px;
    left: 33px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000
}

#popupModal .container.bg-primary.p-2 {
    padding: 15px !important;
    height: 60px !important;
    cursor: move;
}

.box-hover:after {
    content: "";
    position: absolute;
    top: 80px;
    left: 34px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0d4169
}

.swatch-option .in1 {
    z-index: 1
}

.swatch-option .in2 {
    z-index: 2
}

.swatch-option img {
    top: 0;
    position: absolute;
    height: 50px;
    width: 50px
}

.pin {
    top: 0;
    position: absolute;
    height: 15px;
    width: 15px;
    z-index: 3;
    left: 5%
}

#quickViewbody #popupModal {
    background: unset !important
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image:hover .box-hover {
    top: -70px;
    left: 55%;
    position: absolute;
    padding: 2px;
    width: 85px;
    height: 85px !important;
    z-index: 99;
    border-radius: 3px;
    transform: translate(-54%,-32%);
    display: block
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image:hover .box-hover img {
    width: 82px;
    height: 79px;
    border-radius: 3px;
    left: 0
}

.move img {
    width: 20px
}

.move-click img {
    width: 30px;
    transition: width .2s
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-primary {
    height: 60px
}

.option-thumbnail img {
    cursor: pointer
}

.option-thumbnail {
    width: 70px;
    display: inline-flex;
    position: absolute;
    top: 61px;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    z-index: 15600;
    border: 1px solid #a2a2a2;
    right: 11px;
    background: 0 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.3)
}

a.btn-gallery {
    cursor: pointer
}

.option-thumbnail img {
    display: none
}

.option-thumbnail img {
    padding: 5px 9px
}

#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image .box-hover {
    display: none !important;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,.mCustomScrollBox {
    overflow: visible !important
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options {
    overflow: visible !important;
    display: none
}

#popupModal .modal-dialog #cart-form .modalContainer .product_options.active {
    display: block
}

.fade.show.flexcenter {
    display: flex !important;
    justify-content: center
}

aside.modal-popup.imgquickViewCont+.modal-backdrop.fade.show {
    z-index: 1501 !important
}

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll {
    z-index: 99999 !important
}

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll .modal-inner-wrap {
    margin-bottom: 0;
    width: 300px;
    transform: translateY(-20px) !important;
    transition: transform .51s ease
}

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll._show .modal-inner-wrap {
    width: 300px;
    transform: translateY(200px) !important
}

div#imgquickViewCont.quickViewCont {
    max-width: 300px;
    display: none
}

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll._show div#imgquickViewCont.quickViewCont {
    display: block
}

aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll._show .modal-inner-wrap .modal-content {
    padding: 0 !important
}

div#imgquickViewCont.quickViewCont button.mfp-close.close-image-chart-popup {
    top: 0 !important;
    padding: 0 !important;
    font-size: 28px !important
}

.z-indexadd {
    z-index: 1560 !important
}

.modals-overlay.added {
    z-index: 1402 !important
}

.modals-overlay,.modal-backdrop.fade.show {
    transition: background-color .9s ease
}

.background-transparent {
    background-color: transparent !important
}

.catalog-category-view .modals-overlay,.catalogsearch-result-index .modals-overlay {
    z-index: 1450 !important
}

.product-info-main.nonstick {
    position: unset !important
}

img.in1.mCS_img_loaded {
    width: 80px !important;
    height: 77px !important;
    position: absolute;
    left: 1px !important;
    top: 1px
}

.swatch-option.image[option-color-code=WHT] .box-hover img {
    box-shadow: 0 0 2px rgba(0,0,0,.2)
}

.modal.ui-draggable .modal-content .container.bg-light.p-2.bottomBtn {
    padding: 30px !important
}

.modalContainer .catBtns {
    text-align: end;
    border-top: 0 !important
}

.customorder-color.fashion-color-section {
    margin: 20px 0 !important
}

/*@media screen and (max-width: 800px),screen and (max-height:858px) {
    #popupModal .modal-content {
        top:-20px !important
    }
}*/

.customorder-color.core-color-section {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    #popupModal .form.cart .add_update_po_section {
        display:flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    #popupModal #cart-form .col-md-3 .show-product-dis-box span {
        white-space: nowrap
    }

    #popupModal #cart-form .col-md-3 .show-product-dis-box {
        margin-top: 10px;
        display: flex;
        justify-content: space-evenly;
        align-items: center
    }

    aside.modal-popup.imgquickViewCont.modal-slide._inner-scroll .modal-inner-wrap {
        min-height: auto
    }
}

table.table.table-bordered.table-responsive::-webkit-scrollbar {
    height: .27rem;
    width: 3px
}

table.table.table-bordered.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e5e1e1c2
}

table.table.table-bordered.table-responsive::-webkit-scrollbar-thumb {
    background-color: #818689;
    width: 2px;
    border-radius: 20px
}

#popupModal .modal-dialog #cart-form .modalContainer .customorder-color.fashion-color-section {
    padding-top: 0
}

p.head_restockdate_lable_p,p.head_restockqty_lable_p {
    white-space: nowrap
}

@media screen and (max-width: 576px) {
    #popupModal .form.cart .modalContainer .place-an-order-back-button {
        width:25%
    }

    #popupModal .form.cart .modalContainer .place-an-order-text {
        width: 50%
    }

    #popupModal .form.cart .modalContainer .close_button_head_prev,#popupModal .form.cart .modalContainer .close_button_head_viewstock {
        width: 12.5%
    }
}

#popupModal .container.product-info,#popupModal div#color-data {
    background: #fff
}

/*#popupModal .modal-dialog.modal-dialog-centered.modal-lg {
    transition: -webkit-transform 1s ease-out;
    transition: transform .9s ease,-webkit-transform .9s ease-out;
    transform: translate(1300px,0);
    opacity: 0
}*/

/*#popupModal.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(35px,0);
    opacity: 1
}*/

.modal-body {
    max-height: 100%;
    padding: 0
}

.imgquickViewCont #imgquickViewCont button.mfp-close.close-image-chart-popup:hover {
    background: unset !important;
    border: unset !important
}

div#popupModal {
    z-index: 1401 !important
}

#featuredproductpopupdata .quickViewContent .viewstockbutton {
    text-align: center
}

.catalogsearch-result-index .product_options #nav-tab .swtach {
    display: contents
}

#popupModal #color-data #nav-tab .swtach {
    display: contents;
    !important}

.customorder-color.core-color-section,.customorder-color.fashion-color-section{
    width: 100%
}

.product-info-main-prd-opt #importinverdata form.form.cart .modalContainer #color-data #nav-tabContent .tab-pane table {
    overflow-x: auto !important
}

/*input:not([disabled]):focus {
    outline: #000 auto 1px !important;
}*/
input:not([disabled]):focus {
    outline: none !important;
}
#popupModal .product-info #color-data #nav-tabContent .viewpouplink {
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin: 24px 2px 0px 0px;
}

#popupModal .bottomBtn a.btn-primary {
    text-decoration: none;
    background-color: #fff;
}
#popupModal a.btn-primary:hover {
    color: #fff;
    background: #0c426b !important;
    border-color: #0c426b;
}

#popupModal .product-info #color-data #nav-tabContent .viewpouplink:before,
#popupModal .product-info #color-data #nav-tabContent .viewpouplink:after {
    display: none;
}

/*#popupModal .product-info #color-data #nav-tabContent .viewpouplink .discardChng:focus,
#popupModal .product-info #color-data #nav-tabContent .viewpouplink .saveChng:focus,
#popupModal .product-info .bottomBtn a.btn-primary:focus {
    background-color: #1a3d5b;
    color: white !important;
}*/

.quicklineitems .orderSummary > div:nth-child(3) span {
    color: #688d2e;
    white-space: nowrap;
    font-weight: 700;
    font-family: 'Open Sans SemiBold';
}
.quicklineitems .orderList.lineItemsList input[type="checkbox"] {
    cursor: pointer;
}
.quicklineitems .orderList.lineItemsList input[type="checkbox"] {
    cursor: pointer;
}
.quicklineitems .orderSummary_discountlabel_sec .lineitem-discount {
    text-align: right;
    padding-right: 3px;
    width: auto;
    color: #000 !important;
}
table.orderList.lineItemsList tr td:first-child {
      border-bottom: 2px #e5e5e5 solid;
      padding: 4px 5px;
      padding-top: 7px;
}
.quicklineitems table.orderList.lineItemsList tr:nth-child(3) td, .quicklineitems table.orderList.lineItemsList tr:nth-child(1) td {
        font-weight: 100 !important;
}
.orderTotal {
    line-height: 35px;
    background: #0c4269 !important;
    width: 270px;
    float: right;
    font-family: 'Open Sans Bold';
    padding: 3px 5px !important;
    margin-bottom: 15px;
    color: #fff;
}
.orderTotal strong {
    color: #fff;
}

.custombackshadow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15600;
    background-color: #00000038;
 }

.quicklineitems .orderSummary {
    margin-right: 0px;
}

#popupModal .add_update_po_section i.fa.fa-pencil.editpodashboard {
    background-color: white;
    width: 100%;
    max-width: 18px;
    text-align: center;
    position: absolute;
    right: 28px;
    top: 34px;
}

div#nav-tabContent table.table.table-bordered.table-responsive.sampaltetabledesable .low-opacity td:not(:first-child){
    opacity: 0.5;
}

div#popupModal .success-quick-tooltip {
    position: absolute;
    display: inline-flex;
    white-space: nowrap;
    right: 480px;
    bottom: 8px;
    background: #E0EFCD;
    color: #74AF39;
    margin-right: 10px;
    padding: 4px 15px;
}
div#popupModal .quicklineitems {
    padding: 0px 25px;
    padding-top: 32px;
    position: relative;
}
table.table.table-bordered.table-responsive.sampaltetabledesable input.checkvalue:focus {
    outline: unset !important;
    background: #f6f6f6;
}
table.table.table-bordered.table-responsive.sampaltetabledesable input.checkvalue {
    width: 100%;
}
#popupModal.modal.show .modal-dialog.drag-popup{
    margin: 0 !important;
}
table.table.table-bordered.table-responsive.sampaltetabledesable .checkvaluedemo {
    width: 97%;
    background: #f6f6f6;
    border: 1px solid #bcbdbe;
    height: 27px;
}
table.table.table-bordered.table-responsive.sampaltetabledesable .checkvaluedemo:focus{
    outline: unset !important;
}


 .colorContainer table tr td:first-child {
    position: sticky;
    width: 6em;
    left: 0;
    background: #fff;
    z-index: 1;
    top: auto;
    margin-top: 0px;
    padding: 8px 10px 0 2px;
    transform: translate(-1px, -1px);
    text-align: left;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 22px;
    color: #000000;
}

.product_options .colorContainer {
    position: relative;
}


tr.low-opacity.restock td {
    height: 45px;
}
tr.low-opacity td {
    height: 30px;
}
.colorContainer table.table.table-bordered.table-responsive tbody {
    /*cursor: pointer;*/
    min-height: 200px;
    overflow-x: auto;
    width: 100%;
    display: block;
}

.colorContainer table.table.table-bordered.table-responsive{
    overflow: unset;
    margin: 0px;
    border: 1px solid #CCCACA;
    margin-left: 19px;
    margin-right: 27px;
    width: auto;
    padding-left: 15px;
    padding-top: 15px;
}

.colorContainer table.table.table-bordered.table-responsive tbody::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.colorContainer table.table.table-bordered.table-responsive tbody::-webkit-scrollbar-thumb {
    background-color: #0c4269c4;
    border-radius: 40px;
}
.colorContainer table.table.table-bordered.table-responsive tbody::-webkit-scrollbar{
        width: 0.3em;
        height: 5px;
}

#popupModal .scroll-content::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
#popupModal .scroll-content::-webkit-scrollbar-thumb {
    background-color: #0D4169;
    border-radius: 50px;
}
#popupModal .scroll-content::-webkit-scrollbar{
        width:0.5em;
        height: 2px;
}

div#orderWarningWrapper {
    position: absolute;
    top: 60px;
    background-color: rgba(0,0,0,0.4);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#orderWarningWrapper .orderWarning-content {
    width: 70%;
    background-color: #fff;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    border-radius: 5px;
}

#orderWarningWrapper .orderWarning-content.scaleAnimation {
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: scaleAnimation;
    animation-timing-function: cubic-bezier(0.71, -0.01, 0.31, 0.97);
}

#orderWarningWrapper .orderWarning-content p.orderWarning-message {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#orderWarningWrapper .orderWarning-content p.orderWarning-message > svg {margin-right: 10px;}


@keyframes scaleAnimation {
  50%{
      transform: scale(1.02)
  }
}

#popupModal .accountPageContainer.OrderConfirmation , #popupModal .pastduebox.tabledesign {
  animation: fadeIn ease 7s;
  -webkit-animation: fadeIn ease 7s;
  -moz-animation: fadeIn ease 7s;
  -o-animation: fadeIn ease 7s;
  -ms-animation: fadeIn ease 7s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
}

.colorContainer table.table.table-bordered.table-responsive p.price, .colorContainer table.table.table-bordered.table-responsive p.mapprice {
    margin: 1px !important;
    white-space: nowrap;
}
table.table.table-bordered .hide {
    display: none;
}
tr.price-tr td .mapprice {color: #232425ad; font-size: 14px;} 
.colorContainer table tr td:first-child p {
    color: #000;
    font-size: 13px;
}

.style-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 19px;
    margin-right: 27px;
    background: #0E3C5D;
    height: 45px;
}
.price-checkbox {
    margin-top: 0px;
    align-self: center;
    display: flex;
    flex-grow: 2;
}

.product_options .nav-tabs .style-info .price-checkbox input {
    float: unset;
    cursor: pointer;
}


.scroll-content img.in2.mCS_img_loaded {
    width: 82px;
    height: 79px;
    left: 0;
    top: 0;
    z-index: 2;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



.scroll-content .tooltip-img {
    position: absolute;
    z-index: 99;
}

#popupModal .scroll-content .tooltip-img .bottom-tooltip-active:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 34px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0d4169;
}

.opacity-down {opacity: 0.5; pointer-events: none; }

#popupModal .modal-dialog #cart-form .modalContainer  .place_order {
    padding: 30px 27px 26px 20px !important;
    background: #fff !important;
}
.catalog-product-view #popupModal .modal-dialog #cart-form .modalContainer .place_order{
    padding: 12px 45px 12px 45px !important;
    background: #fff !important;
}
.place_order .new_oder {
    display: flex;
    align-items: center;
}
.place_order .new_oder  h4.creat_order {
    max-width: 28%;
}
.place_order .new_oder .add_update_po_section {
    margin-left: 0px;
    margin-right: 0px;
    flex-wrap: nowrap;
    width: calc(95% + 2.16px);
}
.pro_image_detail .option_thumnail_detail .option-thumbnail {
    background: transparent;
    position: initial;
    min-width: 76px;
    display: block;
    padding: 0;
    width: auto;
    border: none;
    box-shadow: none;
    border-radius: unset;
    z-index: 0 !important;
}
.pro_image_detail {
    margin: 0;
}
.pro_image_detail .option_thumnail_detail .order_tooltip {
    padding: 10px 15px;
    background-color: #0c4269;
    position: relative;
    width: 100%;
}
.pro_image_detail .option_thumnail_detail .option-thumbnail img.popupImage {
    max-width: 56px;
    float: left;
    /*margin-right: 20px;*/
    padding: 0px;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info {
    height: unset !important;
    overflow: auto;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_Collection {
    text-transform: uppercase !important;
    font-size: 11pt;
    /*font-family: 'Open Sans Regular';*/
    color: #fff;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_style {
    font-weight: bold;
    color: #fff;
    font-size: 11pt;
    /*font-family: 'Open Sans Regular';*/
}
.pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box .order_status {
    font-size: 11pt !important;
    color: #ffffff !important;
    /*font-family: 'Open Sans Regular';*/
}
.pro_image_detail .option_thumnail_detail .order_tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    right: -8px;
    border-left: 8px solid #0d4169;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transform: translateY(-50%);
}
.pro_image_detail .option_thumnail_detail .order_tooltip:before {
    display: none;
}
.pro_image_detail .option_thumnail_detail {
    align-items: baseline;
    width: 50%;
    display: flex;
    flex: 0 0 48%;
    max-width: 48%;
    padding: 0px;
    margin-right: 23px;
}
#popupModal div#color-data .pro_image_detail .swatchecs_color_section {
    flex: 0 0 48%;
    max-width: 48%;
    padding-left: 0px;
    padding-top: 5px;
}
.pro_image_detail .option_thumnail_detail .order_wrapper {
    display: flex;
    align-items: center;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .catBtns {
    padding: 17px 0px 0 0px;
    border-top: 1px solid #fff !important;
    display: flex;
    justify-content: flex-start;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .catBtns a.activeCat {
    background: #fff;
    border-color: #fff;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .catBtns a#Regular:hover,
.pro_image_detail .option_thumnail_detail .order_tooltip .catBtns a#Petite:hover,
.pro_image_detail .option_thumnail_detail .order_tooltip .catBtns a#Tall:hover
 {
    background: #fff !important;
    text-decoration: underline;
    border: 1px solid #fff;
    color: #0e4169 !important;
}
.pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.item_name {
    font-size: 11pt;
    font-family: 'Open Sans Regular';
    font-weight: 600;
    text-transform: uppercase !important;
    line-height: normal;
    color: #fff;
}
#popupModal div#color-data .pro_image_detail {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 27px;
    padding-bottom: 30px;
}
#popupModal div#color-data .pro_image_detail .customorder-color.core-color-section {
    margin-bottom: 0 !important;
}
#popupModal .modal-dialog #cart-form .modalContainer .customorder-color.fashion-color-section {
    margin: 0 !important;
}
#popupModal div#color-data div#nav-tab {
    padding: 30px 0px 22px 20px !important;
}
.place_order .new_oder .add_update_po_section span.ponumber_or {
    font-size: 17px;
    display: flex;
    align-items: center;
    font-family: 'Open Sans Regular';
}
#popupModal div#color-data .error-color {
    padding-left: 32px;
}
/*#popupModal .container.product-info .scroll-content {
    position: relative;
}*/
#popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab {
    padding: 30px 0px 10px 40px !important;
}
button.backbuttonclose {
    float: right;
    text-decoration: underline;
    margin-right: 20px;
    margin-top: 3px;
}

button.backbuttonclose:hover {
    background: unset !important;
    border: unset !important;
}

button.backbuttonclose:active {
    background: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}
#popupModal .modal-dialog #cart-form .modalContainer .place_order h4.creat_order {
    margin: 0 !important;
}
.product_options .colorContainer table.table.table-bordered.table-responsive>tbody>tr>td:not(:nth-child(1)) p.mapprice {
    color: #00000087;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
}


@media (min-width: 992px) and (max-width: 1199px){
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image.active:after {
        height: 34px;
        width: 35px !important;
        
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image:hover:after{
        height: 34px;
        width: 35px !important;
    }
    div#popupModal .container.bg-primary.p-2 {
        padding: 7px 15px !important;
        height: 45px !important;
    }
    #popupModal .bg-light.bottomBtn a#chekout {
        padding: 3px 15px;
    }
    #popupModal .bg-light.bottomBtn a#quickcheckoutelink {
        padding: 8px 15px;
        height: auto;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .customorder-color.fashion-color-section {
        padding-top: 10px;
    }
    div#popupModal .container.bg-primary.p-2 .place-an-order-text {
        font-size: 20px;
    }
    div#popupModal .container.bg-primary.p-2 .close_popup button {
        top: 10px;
    }
    div#popupModal .container.product-info .place_order .new_oder h4.creat_order {
        font-size: 14px;
    }
    div#popupModal .container.product-info .place_order .new_oder .add_update_po_section input,div#popupModal .container.product-info .place_order .new_oder .add_update_po_section select {
        font-size: 12px;
    }
    #popupModal .bg-light.bottomBtn {
        padding: 18px 60px 18px 80px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab {
        padding: 15px 0px 15px 40px !important;
    }
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.item_name,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_Collection,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_style,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box .order_status{
        font-size: 9pt;
    }
    div#popupModal .product-info .scroll-content div#A6008 div#nav-tabContent {
        padding-bottom: 0;
    }
    div#popupModal .product-info .pro_image_detail .option_thumnail_detail {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #popupModal .modal-dialog #cart-form .modalContainer .product_options.active div#nav-tabContent {
        padding-bottom: 0;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image .bottom-tooltip-active {
        left: -25.5px;
        top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image:hover:after{
        height: 34px;
        width: 34px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image .bottom-tooltip-active {
        top: 30px;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .swatch-option.image.active:after {
       height: 33px;
        width: 33px !important;
        left: -5px;
        bottom: -5px !important;
    }
    #popupModal .bg-light.bottomBtn a#chekout {
        padding: 3px 15px;
    }
    #popupModal .bg-light.bottomBtn a#quickcheckoutelink {
        padding: 8px 15px;
        height: auto;
    }
    div#popupModal .container.bg-primary.p-2 {
        padding: 7px 15px !important;
        height: 45px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab .customorder-color.fashion-color-section {
        padding-top: 10px;
    }
    div#popupModal .modal-dialog .modal-content .modal-body .popup-animation form#cart-form .modalContainer .container.product-info .place_order{
        padding: 12px 25px 12px 25px !important;
    }
    #popupModal .modal-dialog #cart-form .modalContainer .product_options.active div#nav-tabContent {
        padding-bottom: 0;
    }
    div#popupModal .product-info .pro_image_detail .option_thumnail_detail .catBtns {
        flex-flow: wrap;
    }
    div#popupModal .product-info .pro_image_detail .option_thumnail_detail .catBtns .customBtns {
        width: 44%;
        min-width: 44%;
        margin-bottom: 7px;
    }
    div#popupModal .product-info .pro_image_detail .option_thumnail_detail .catBtns  a#Regular {
        padding: 7px 10px;
    }
    div#popupModal .container.bg-primary.p-2 {
        padding: 7px 15px !important;
        height: 45px !important;
    }
    div#popupModal .container.bg-primary.p-2 .place-an-order-text {
        font-size: 20px;
    }
    div#popupModal .container.bg-primary.p-2 .close_popup button {
        top: 10px;
    }
    div#popupModal .container.product-info .place_order .new_oder h4.creat_order {
        font-size: 14px;
    }
    div#popupModal .container.product-info .place_order .new_oder .add_update_po_section input,div#popupModal .container.product-info .place_order .new_oder .add_update_po_section select {
        font-size: 12px;
    }
    #popupModal .bg-light.bottomBtn {
        padding: 18px 60px 18px 80px !important;
    }
    #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab {
        padding: 15px 0px 15px 40px !important;
    }
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.item_name,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_Collection,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box span.order_style,
    .pro_image_detail .option_thumnail_detail .order_tooltip .order_product_info .show-product-dis-box .order_status{
        font-size: 9pt !important;
    }
    div#popupModal .product-info .scroll-content div#A6008 div#nav-tabContent {
        padding-bottom: 0;
    }
    div#popupModal .product-info .pro_image_detail .option_thumnail_detail {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}


/*submit order denied*/


.submit-order-pastdue-popup-modal .modal-inner-wrap {
      width: 775px;
  }
  .submit-order-pastdue-popup-modal .modal-content {
      padding: 0;
      overflow: hidden;
  }
  div#submit-order-pastdue-popup-modal .container.bg-primary {
      background-color: #0c4269 !important;
  }
  div#submit-order-pastdue-popup-modal button.close_popup_pastdue {
      font-size: 27px;
      width: 59px;
      padding: 0;
      position: absolute;
      top: -5px;
      right: 0;
      color: #fff;
    background: transparent !important;
    border: unset !important;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue {
      text-align: center;
      padding: 28px 0;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue h2 {
      color: #0c4269;
      font-family: 'Open Sans Regular';
      font-size: 35px;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue h2.warning{
      color: #d10606;
      font-family: 'Open Sans SemiBold';
  }
  div.redirect_link_pastduepopup a{
    font-family: 'Open Sans SemiBold';
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue p {
      font-size: 16px;
      color: #000000e6;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue span.warning {
      color: #d10606;
      font-size: 20px;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue a.draft_link {
      color: #083c62;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue .redirect_link_pastduepopup {
      margin-top: 46px;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue .redirect_link_pastduepopup a {
      color: #fff;
      background: #0c4269;
      padding: 11px 34px;
      font-size: 18px;
      text-decoration: unset;
  }
  div#submit-order-pastdue-popup-modal .submit_pastdue p.redirect_counter {
      padding-top: 24px;
      color: #0006 !important;
      font-size: 16px !important;
      margin-bottom: 3px;
  }

  aside.modal-popup.submit-order-pastdue-popup-modal {
      z-index: 9999 !important;
  }

/*denied end*/
/*viewstock popup select customer dropdown*/

ul#select_customerautocomplete-list.viewstockautocustomer-items {
    left: 7%;
    width: 288px;
    text-align: left;
}
ul#select_customerautocomplete-list.viewstockautocustomer-items li:hover {
    background: #0d4169;
    color: #fff;
}
ul#select_customerautocomplete-list.viewstockautocustomer-items li:hover span.highlight{
    color: #fff;
}
ul#select_customerautocomplete-list.viewstockautocustomer-items span.highlight {
    color: #0d4169;
    font-weight: 900;
}

/*viewstock popup select customer dropdown end*/


/*checkout button loader*/


#popupModal .bg-light.bottomBtn .viewstockpopupcheckoutldr .orderDevelop {
    position: absolute;
    right: 151px;
    opacity: 0.9;
    z-index: 2;
    pointer-events: none;
    font-weight: 700;
    border: 1px solid #1a3d5b;
    width: 140px;
    text-align: center;
    margin-right: 16px;
    height: 42px;
    font-size: 15px;
    padding-top: 10px;
    background: #fff;
    color: #1a3d5b;
    float: right;
    /*cursor: pointer;*/
}
#popupModal .bg-light.bottomBtn .viewstockpopupcheckoutldr {
    position: relative;
}
#popupModal .bg-light.bottomBtn .viewstockpopupcheckoutldr .orderDevelop::after{
    display: none;
}

/*checlkout cutton loader end*/

div#popupModal button.productview-modal-close-inside:active {
    background: unset;
    color: unset;
}



/*selected customer's po number list for admin view*/
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown {
    position: absolute;
    background: #fff;
    z-index: 2;
    max-height: 130px;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #888787;
    border-top: unset;
    border-radius: 0 0 3px 3px;
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown::-webkit-scrollbar, 
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown::-webkit-scrollbar-thumb,
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown::-webkit-scrollbar-thumb {
    background-color: #0c4269;
    border-radius: 40px;
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_option {
    border-bottom: 1px solid #dedde2;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_dropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_option:hover {
    background: #064979;
    color: #fff;
}
#popupModal .modal-dialog #cart-form .modalContainer .bg-light .select_po_option.select_po_option-active {
    color: #fff;
    background: #064979;
}
/*make cursor pointer of place new order popup(select existing po inbox)*/
#popupModal .modal-dialog #cart-form .modalContainer .bg-light select{
    cursor:pointer;
}
/*end*/


/*wherehouse chckeckbox*/
div#popupModal .modalContainer div#nav-tabContent span.whs1_quantity {
    white-space: nowrap;
}

div#popupModal .modalContainer div#nav-tabContent span.whs6_quantity {
    white-space: nowrap;
}
/*wherehouse chckeckbox end*/
.orderSummary>div span{
    width: 150px;
}
#popupModal .text-center {
    flex: 0 0 41.666667%;
    max-width: 32.666667%;
}

#popupModal .place_order .new_oder .add_update_po_section span.ponumber_or {
    margin-left: 50px;
}

#popupModal .place_order .new_oder .text-center  i.fa.fa-caret-down {
    right: 16%;
}

/*quantity plus minus button view stock pup up */

#nav-tabContent .qty-btns-container {
    position: relative;
}

#nav-tabContent span.dec-qty.themeBtn ,#nav-tabContent span.dec-qty{
    position: absolute;
    left: 5px;
    /*height: 21px;*/
    top: 5px;
    width: 21px;
    padding: 1px 4px;
    border: 1px solid #dee2e6;
    transition: unset !important;
}

#nav-tabContent span.inc-qty.themeBtn,#nav-tabContent span.inc-qty {
    position: absolute;
    right: 5px;
    /*height: 21px;*/
    top: 5px;
    width: 21px;
    padding: 1px 4px;
    border: 1px solid #dee2e6;
}
#nav-tabContent span.dec-qty{
    font-size: 16px;
    top: 15px;
    right: 5px;
    left: auto !important;
    border: 0px;
    width: auto;
    height: auto;
    line-height: 8px;
    cursor: pointer;
}
#nav-tabContent span.inc-qty{
    font-size: 16px;
    top: 3px;
    border: 0px;
    width: auto;
    height: auto;
    line-height: 8px;
    cursor: pointer;
}

#nav-tabContent span.maxqtyvaldi {
    position: absolute;
    top: 29px;
    left: 7px;
    width: fit-content;
}

#nav-tabContent .colorContainer table tbody tr td.qtyTd {
    /*padding-bottom: 20px;*/
    /*padding: 7px 2px 9px 0px;*/
    padding: 5px 0px 8px 0px;
}
#nav-tabContent span.dec-qty.disable {
    pointer-events: none;
    opacity: 0.5;
}
.colorContainer table tr:active td {
    color: unset;
    background: unset;
}

/*#nav-tabContent .colorContainer table tbody tr td.qtyTd:active {
    color: #1a415e;
    background: #ebf3f5;
}*/
/*end quantity plus minus button view stock pop up */


/*backorder popup*/
.backorder-data-popup.modal-popup._inner-scroll .modal-inner-wrap {
    width: 60%;
    min-width: 975px;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content {
    padding: 50px;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backorder-notice-wrapper p {
    margin-bottom: 10px;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backorder-notice-wrapper p.backorder-notic-hilight {
    color: black;
    font-size: 16px;
    font-weight: 600;
}
.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder_data_table thead tr td {
    background: #0e4169;
    color: white;
    font-family: 'Futura PT Bold';
    border: 2px solid #cccdcf;
    text-align: center;
}
.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder_data_table tbody tr td.bk-white {
    background: #fff;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder_data_table tbody tr td {
    color: #000;
    font-family: 'Open Sans SemiBold';
    padding: 10px 10px;
    border: 2px solid #cccdcf;
    text-align: center;
    background-color: #e6e7e9;
    vertical-align: middle;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder-action-wrapper {
    text-align: right;
    margin: 50px 0 5px 0px;
}

.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder-action-wrapper span.backorder-action-add {
    padding: 10px 15px;
    background: #0e4169;
    color: #fff;
    font-family: 'Open Sans SemiBold';
    cursor: pointer;
}

div#popupModal table.summary-table tbody tr td.summary-label .backorder-success-notice-wrapper {
    position: absolute;
    right: 180px;
}

div#popupModal table.summary-table tbody tr td.summary-label .backorder-success-notice-section {
    position: relative;
}
div#popupModal table.summary-table tbody tr td.summary-label .backorder-success-notice-wrapper span.backorder-success-notice {
    color: #000;
    font-size: 10px;
    border: 2px solid #0c4269;
    padding: 12px 19px;
    border-radius: 10px;
    text-transform: initial;
}
.modal-content .backorder-data-popup .backorder-list-loader-order .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.modal-content .backorder-data-popup .backorder-list-loader-order .loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.backorder-notice-wrapper ul.backorder-notice-ul {
    padding-left: 30px;
}

aside.modal-popup.backorder-data-popup .backourder-detail-wrapper  input.ordered_qty_input {
    width: 30%;
    padding: 0;
    border: unset;
    text-align: center;
    min-width: 50px;
    background: transparent;
}
aside.modal-popup.backorder-data-popup .backourder-detail-wrapper input.ordered_qty_input.disabled {
    pointer-events: none;
    padding: 0 0 0 6px;
}
.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder_data_table tbody tr.disabled td.bk-white {
    background: #e6e7e9;
    pointer-events: none;
}
.backorder-data-popup.modal-popup .modal-inner-wrap .modal-content .backorder-data-popup .backourder-detail-wrapper .backorder_data_table tbody tr td.etadate {
    color: red;
}
    
    /*backorder checkbox design*/
    input.backorder_adjustment {
        z-index: 12;
        zoom:1.4;
        top: 19px;
        margin: unset;
        margin-top: 4px;
    }

    input.backorder_adjustment:after {
            margin-right: 4px;
            background-color: #e6e7e9;
            border-radius: 2px;
            font-family: fontAwesome;
            font-weight: normal;
            font-size: 10px;
            color: #05416B;
            content: "\a0";
            border: 2px solid #cccdcf;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            border-radius: 0;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            height: 13px;
            line-height: 11px;
            min-width: 13px;
            margin-right: 1px;
            margin-top: 0px;
            position: absolute;
    }



    input.backorder_adjustment:checked::after {
        display: inline-block;
        content: '\f00c';
        background-color: #e6e7e9;
        border: 2px solid #cccdcf;
        width: 13px;
    }
    /*end*/

div#popupModal .orderSummary .backorder-success-notice-wrapper span.backorder-success-notice img {
    width: 35px;
}

/*backorder popup end*/

.unverified-add-error {
    color: red;
}



/*ordersummary table view*/

table.summary-table tbody tr td.summary-label {
    white-space: nowrap ;
    text-align: left;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    padding: 0px;
    padding-top: 4px;
    width: 150px;
}


.summary-table  td.summary-value {
    font-size: 15px;
    text-align: left;
}


.total-data span.labelValue {
    font-weight: bold;
    text-align-last: left;
    padding: 0px 45px 0px 5px;
}


.discount-tooltip::after {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #fbd6ce;
    position: absolute;
    right: -5px;
    transform: rotate(
45deg);
    top: calc(50% - 5px);
}

.instant-saving-data span.labelValue {
    display: flex;
    align-items: center;
    font-family: 'Open Sans';
    text-align: right;
    background: #fff;
    color: #528126 !important;
    justify-content: right;
    white-space: nowrap;
}
.quicklineitems .discount-tooltip {
    font-family: 'Open Sans';
    font-weight: 700;
}
.total-data td.summary-value {
    /*line-height: 41px;*/
    background: #0c4269 !important;
    /* min-width: 193px; */
    width: 100%;
    /*display: inline-block;*/
    font-family: 'Open Sans Bold';
    padding: 3px 10px !important;
    margin-bottom: 15px;
    color: #fff;
    text-align: left !important;
}

.total-data td.summary-label {
    line-height: 35px !important;
    font-family: 'Open Sans Bold';
    padding: 3px 5px !important;
    margin-bottom: 15px;
    background: #FFFFFF !important;
    color: #0E3C5D !important;
    text-align: right !important;
    font-size: 15px !important;
}
table.summary-table.orderSummary {
    display: flex;
    justify-content: end;
}
span.dis-tooltip {
    position: absolute;
    right: 160px;
}
.instant-saving-data td.summary-label {
    position: relative;
}
.total-data td.summary-value {
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 0px !important;
    background: #FFFFFF !important;
    color: #0E3C5D;
    font-size: 15px;
}

table.summary-table.orderSummary {
    margin-bottom: 15px;
}

span.lineitem-discount.quickview {
    font-weight: 700;
    font-family: 'Open Sans';
    color: #000;
}

.instant-saving-data td.summary-value {
    font-weight: 700;
    font-family: 'Open Sans SemiBold';
    color: #000;
}

.total-data td.summary-label {
    font-family: 'Open Sans Bold' !important;
    text-transform: uppercase;
}
.summary-table td.summary-value {
    padding: unset;
    vertical-align: middle;
    text-align: right;
    width: 150px;
}

table.quickorderview .instant-saving-data td.summary-value span {
    background: unset;
    color:#688d2e !important;
}

table.summary-table.orderSummary.quickorderview {
    margin-bottom: unset;
}

.review .instant-saving-data span.labelValue {
    background: unset;
    color: #688d2e !important;
}

/*end*/

.adminviewenabledforhidedata #popupModal #show_styleautocomplete-list.autocomplete-items {
    top: 34px;
    left: 16%;
}

#popupModal .place_order .new_oder .text-center i.fa.fa-caret-up {
    top: 50%;
    right: 14%;
}

.summary-table tr.total-data.orderTotal {
    float: unset;
    height: 42px;
}

/*dicount edit button*/
.instant-saving-data input.flatDiscount.disable {
    opacity: 0.5;
}
.instant-saving-data span.fa.fa-pencil {
    padding: 0px 5px;
}
.instant-saving-data span.fa.fa-pencil:before {
    color: #000;
}
.instant-saving-data input.flatDiscount{
    margin: unset;
    height: 20px;
}

/*end*/

#nav-tabContent .colorContainer input.checkvalue:focus {
    outline: none; !important;
}
#nav-tabContent .colorContainer input.checkvalue{
    /*padding: 2px 25px !important;*/
    min-width: 75px;
}
#nav-tabContent .colorContainer td.qtyTd:active input {
     background:#fff !important;
}

 /*new order popup text box button css*/

#nav-tabContent .colorContainer input.checkvalue.warning:focus {
    outline: #e70303 auto 1px !important;
}

#nav-tabContent .colorContainer input.checkvalue.warning{
    outline: #e70303 auto 1px !important;
}

.viewpouplink .saveChng.disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.swatchecs_color_section .swatch-color-container .swatch-option.image.backorderColor {
   pointer-events: none;
}
 /*new order popup text box button css end*/

 /*sales data*/
.adminviewenabledforhidedata .pro_image_detail .option_thumnail_detail.col-md-5 {
    display: flex;
    flex-direction: column;
}

.option_thumnail_detail .salesData-container {
    align-self: start;
    margin: 22px 0px 22px 10px;
}
.option_thumnail_detail .salesData-container span.salesData-btn {
    border: 2px #0c4269 solid;
    padding: 2px 10px 2px 10px;
    border-radius: 25px;
}
.option_thumnail_detail .salesData-container span.salesData-btn:hover {
    background: #0e4169 !important;
    color: #fff !important;
    cursor: pointer;
}
.option_thumnail_detail .salesData-container span.salesData-btn.selected {
    background: #bdbdbd !important;
    color: #fff !important;
    border: 2px #bdbdbd solid;
    cursor: default;

}
.sales-data td.sales-data-row {
    text-align: center;
}

.sales-data p.sales-value {
    margin: 0 0 6px;
    }

.salesData-row-label p {
    margin: 0 0 4px;
}

.sales-data p.total-salesData {
    margin: 0 0 6px;
    font-weight: bold;
}
span.salesData-btn.disable {
    pointer-events: none;
    opacity: 0.5;
}
span.salesData-btn.custom_loader {
    background-color: transparent;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    float: unset;
    width: 100%;
    height: 27px;
    padding-top:2px !important;
}
span.salesData-btn.custom_loader:before {
    display: block;
    height: 100%;
    width: 10px;
    background-color: #e6e6e6;
    transform: skewX(35deg);
    position: absolute;
    animation: position_anim 1s infinite linear;
    filter: blur(6px);
    content: "";
}
label.sales-data-label {
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 10px;
}
.sales-data-disable {
    opacity: 0.5;
    pointer-events: none;
}

/*end*/
.qty-btns-container .themeBtn:active {
    background: #fff !important;
    color: #0e4169 !important;
}

.shippingmethodblockpatment .box.box-information.shippingmethodblock #defaultship span.customselect:active::before {
    content: "\f0d8";
    position: absolute;
    font-family: 'FontAwesome';
    /*color: white;*/
    font-size: 18px;
    top: -5px;
    right: 10px;
    transition: 0.3s;
    cursor: pointer;
    pointer-events: none;
}
.shippingmethodblockpatment .box.box-information.shippingmethodblock #defaultship.active span.customselect:before{
    pointer-events: none;
}
.shippingmethodblockpatment .box.box-information.shippingmethodblock #defaultship span.customselect:before{
    pointer-events: none;
}


/*viewstock popup product detail width issue*/

    /*#nav-tabContent .colorContainer tr td{
        max-width: 70px;
    }*/
    /*#nav-tabContent .colorContainer input.checkvalue{
        min-width: 67px;
    }
    #nav-tabContent .colorContainer input.checkvalue:focus{
        padding: 5px 20px 5px 8px !important;
    }
    #nav-tabContent .colorContainer input.checkvalue.warning{
        padding: 2px 20px 2px 8px !important;
    }*/

/*viewstock popup product detail width issue*/

/*sales data add bottom border line*/
.colorContainer tr.sales-data td.sales-data-row {
    padding: 0px 0px;
}

.colorContainer .sales-data p.sales-value {
    border-bottom: 1px solid #eef0f2;
    padding: 6px 2px;
    margin: 0 0 0px;
}
.colorContainer tr.sales-data td.salesData-row-label {
    padding: 0px 0px;
}

.colorContainer .salesData-row-label p {
    padding: 4px 2px;
    margin: 0 0 0px;
}

.colorContainer .sales-data p.total-salesData {
    padding: 6px;
    margin: 0 0 0px;
}


/*end sales data add bottom border line*/

/*Qty up down arrow design changes*/

#nav-tabContent span.dec-qty:hover{
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 13px;
    background-color: rgb(14, 60, 93);
    color: rgb(255, 255, 255);
    top: 14px;
}

#nav-tabContent span.inc-qty:hover{
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 11px;
    background-color: rgb(14, 60, 93);
    color: rgb(255, 255, 255);
}

#nav-tabContent span.inc-qty{
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 11px;
    background-color: transparent;
    color: #000000;
}

#nav-tabContent span.dec-qty{
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 11px;
    background-color: transparent;
    color: #000000;
    top: 14px;
}

/*Qty up down arrow design changes end*/

/*invoice viewstock desgin issues*/

.customerinvoices-customer-view .quicklineitems .orderSummary .total-data td.summary-label strong{
    color:unset;
}
.customerinvoices-customer-view table.quickorderview.orderSummary .total-data td.summary-label strong{
    color:unset;
}
.customerinvoices-customer-view .shippingmethodblockpatment .box.box-information.shippingmethodblock p#defaultship label {
    white-space: nowrap;
}
.customerinvoices-customer-view .shippingmethodblockpatment .box.box-information.shippingmethodblock p#allship {
    width: max-content;
}
.customerinvoices-customer-view .shipping-address-wrap .estimated_tota_weight p span {
    float:unset;
}
/*invoice viewstock desgin issues end*/

.freight-data span.pencil-container .fa{
    color: #000 !important;
    padding: 0px 5px;
}
/*viewstock up-down arrow css  view_stock_pricing_button*/
#nav-tabContent span.inc-qty.themeBtn{
    position: absolute;
    right: 5px;
    /*height: 21px;*/
    top: 1px;
    /*width: 21px;*/
    /*padding: 1px 4px;*/
    border: 0px solid transparent;
    transition: unset !important;

}
 #nav-tabContent span.dec-qty.themeBtn{
    position: absolute;
    left: 5px;
    /*height: 21px;*/
    top: 14px;
     /*width: 21px;*/
    /*padding: 1px 4px;*/
    border: 0px solid transparent;
    transition: unset !important;


}
#nav-tabContent span.dec-qty.themeBtn:hover {
    position: absolute;
    right: 8px;
    height: 13px;
    top: 14px;
    line-height: 11px;
    width: 13px;
    padding: 0px 2px;
    border: 0px solid transparent;
    transition: unset !important;
    background: #0e4169 !important;
    color: #fff !important;


}
#nav-tabContent span.inc-qty.themeBtn:hover{
    position: absolute;
    right: 8px;
    height: 13px;
    top: 1px;
    width: 13px;
    line-height: 11px;
    padding: 0px 2px;
    border: 0px solid transparent;
    transition: unset !important;
    background: #0e4169 !important;
    color: #fff !important;

    
}


/*viewstock up-down arrow css  view_stock_pricing_button*/

/*export sales data*/
.option_thumnail_detail .salesData-container span.export-salesData-btn.export-disable {
    background: #bdbdbd !important;
    color: #fff !important;
    border: 2px #bdbdbd solid !important;
    cursor: default;
    /* border-radius: 25px; */
}
.option_thumnail_detail .salesData-container span.export-salesData-btn {
    border: 2px #0c4269 solid;
    padding: 2px 10px 2px 10px;
    border-radius: 25px;
    margin-left: 10px;
    cursor: pointer;
}
.option_thumnail_detail .salesData-container span.export-salesData-btn:not(.export-disable):hover {
    background: #0e4169 !important;
    color: #fff !important;
    cursor: pointer;
}
span.export-salesData-btn.custom_loader{
    background-color: transparent;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    float: unset;
    width: 100%;
    height: 27px;
    padding-top: 2px !important;
}
span.export-salesData-btn.custom_loader:before{
    display: block;
    height: 100%;
    width: 12px;
    background-color: #e6e6e6;
    transform: skewX(35deg);
    position: absolute;
    animation: position_anim 1s infinite linear;
    filter: blur(6px);
    content: "";
    top: 0px;
}
.error-color-export {
    right: 92px;
    position: absolute;
}
.colorContainer .sales-data p.sales-value:first-child {
    border-bottom: 1px solid #000;
}
.qtyTd.qtyTotal div {
    padding: 5px 4px;
    margin-bottom: 0;
    background: #f6f6f6;
    border: none;
    text-align: center;
    height: 30px;
    border: 1px solid #dee2e6;
}
.sampaltetabledesable .qtyTd.qtyTotal div {
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #bcbdbe;
    height: 27px;
}
/*end export salesdata*/

/* Project-K CSS added on 06-07-2022 */

.color-disclaimer{
    border: 1px solid #d2d0d0;
    margin-bottom: 30px;
    position:relative;
    margin: 0px;
    width: 91%;

}

.color-disclaimer .color-disclaimer-icon{
    background: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid#0c4269;
}
.color-disclaimer .color-disclaimer-icon:before {
    content: ' ';  
    background: #0c4269;    
    width: 2px; 
    height: 4px;    
    position: absolute; 
    top: 63%;   
    left: 50%;  
    transform: translate(-52%, -50%);
}
.color-disclaimer .color-disclaimer-icon:after {
    content: ' ';
    height: 2px;
    width: 2px;
    background: #0c4269;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.color-disclaimer .color-disclaimer-icon-wrapper {
    display: flex;
    height: 70;
    gap: 3px;
 }
.color-disclaimer .color-disclaimer-icon-wrapper  .test-none{
    display:none;
}
.color-disclaimer .color-disclaimer-icon-wrapper .color-disclaimer-icon-wrapper-icon{
    width: 29%;
    display: flex;
    height: auto;
    justify-content: center;
    background: #E1E9F0 !important;
    align-items: center;
}
.color-disclaimer .color-disclaimer-icon-wrapper .color-disclaimer-icon-content{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
    margin: 0px;
    padding: 5px 5px 5px 0px;
}

@media(max-width: 1350px){
    .color-disclaimer .color-disclaimer-icon-wrapper .color-disclaimer-icon-wrapper-icon{
        width: 43%;
    }
}
@media(max-width: 1199px){
    .color-disclaimer .color-disclaimer-icon-wrapper .color-disclaimer-icon-wrapper-icon{
        width: 40%;
    }
}
@media(max-width: 992px){
    .color-disclaimer .color-disclaimer-icon-wrapper .color-disclaimer-icon-wrapper-icon{
        width: 35%;
        min-height: 60px;
    }
}


#popupModal .show-product-dis-box span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 17px;
    color: #FFFFFF;
    letter-spacing: 0px;
}
#popupModal .show-product-dis-box span span,
#popupModal .show-product-dis-box span.color_status span{
    font-weight: 700;    
    text-decoration:underline;
}
#popupModal .show-product-dis-box span.item_name{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #FFFFFF;

}
div#browse_collection .renderAllHtml .product_info .show-product-dis-box-more strong{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
div#browse_collection .renderAllHtml .product_info .show-product-dis-box-more span{
    font-weight: 700;
    text-decoration:underline;
}
.place_order .order_label {
    background: #F5F5F5;
    margin-bottom:16px;
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.place_order .order_label label{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #000000;    
    padding:9px 0px 9px 16px;   
}


#popupModal .modal-dialog #cart-form .modalContainer .select_style_number,
#popupModal .modal-dialog #cart-form .modalContainer .po_number_title{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 22px;
color: #000000;
}
#popupModal .modal-dialog #cart-form .modalContainer .bg-light input[type=text]::placeholder{
    text-transform:none;
    font-style: normal;
}

.adminviewenabledforhidedata #popupModal #show_styleautocomplete-list.autocomplete-items {
    width: 222px;
    left: 6%;
    top: 65px;
}
 #cart-form .container .row.add_update_po_section i.fa-caret-down,
 #popupModal .select_po i.fa.fa-caret-down{
    display: none;
}

 #cart-form .container .row.add_update_po_section.up {
    display: flex;
}

#popupModal .place_order .new_oder .add_update_po_section span.ponumber_or {
    margin-left: unset !important;
}
 #cart-form .container .row.add_update_po_section .ponumber_or,
 #cart-form .container .row.add_update_po_section .po_number_user {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
}
.adminviewenabledforhidedata .place_order .new_oder .add_update_po_section .text-center {
    text-align: unset !important;
}

.adminviewenabledforhidedata #popupModal .place_order .new_oder input#show_style {
    width: inherit;
}
 #popupModal .place_order .new_oder .add_update_po_section.down input#show_style{
       width: 100%;
}

 #popupModal .place_order .new_oder .add_update_po_section.down .col-md-6.text-center {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 16px;
    padding: 0px;
}
 #popupModal div#color-data .pro_image_detail .swatchecs_color_section div#nav-tab {
    padding: 0px !important;
}
#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image {
    margin-right: 10px;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border: 1px solid rgba(0,0,0,.2);
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    overflow: visible;
}
#popupModal .modal-dialog #cart-form .modalContainer .swatch-option.image.active:after {
    content: "";
    border-radius: 3px;
    border: 1px solid #000000;
    display: block;
    position: absolute;
    bottom: -4px !important;
    height: 30px;
    width: 30px !important;
    color: #0c4269;
    left: -4px;
}

.sc-status strong {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: none;
    letter-spacing: 0px;
}

span#select-color-s {
    font-weight: 700 !important;
    text-decoration: underline;
}

.colorstatus span {
    color: #fff;
}

.colorstatus strong {
    color: #fff;
}

strong.colorsampletable-l {
    margin-left: 40px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
span#Status {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
span#colorstatus {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
span.selectcolorsampletable {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
label.pricelabel {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 10px;
}
.collection-l {
    padding-bottom: 8px;
}

.p-style {
    padding-top: 4px;
}

.s-status {
    padding-top: 4px;
}

.sc-status {
    padding-top: 4px;
}

.col-md-6.select_po {
    padding: 0px;
    margin-right: 16px;
}
div#popupModal .modalContainer div#nav-tabContent {
    padding: 0px;
}
.colorContainer table.table.table-bordered.table-responsive p.price {  
    color: #000;
}
#cart-form a.saveChng {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px !important;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #0E3C5D;width: 212px;
    height: 44px;
    margin: 0px;
    margin-right: 24px;
    padding: 13px 18px;
}
strong.imgofselectcolor {
    padding: 5px 15px;
    margin-right: 40px;
    margin-left: 7px;
    border: 1px solid #C5C5C5 !important;
}
.selected-cell {
    background-color: #E1E9F0;
    border: 1px solid #C5C5C5 !important;
}
.input-selected-cell{
    border: 3px solid #447DC5 !important;
}
.line-items-label{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #000000;
}
.quicklineitems table.orderList.lineItemsList{
    margin-top: 7px;
}
.quicklineitems table.orderList.lineItemsList th {
    white-space: nowrap;
}

table.orderList.lineItemsList {
    margin-top: 7px;
}

.quicklineitems table.orderList.lineItemsList th {
    white-space: nowrap;
    font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 22px;
    letter-spacing: 0.05em !important;
    color: #000000;
}

.quicklineitems .orderList.lineItemsList input[type="checkbox"] {
    margin-right: 0px; 
}

#popupModal .quicklineitems .orderList tr:not(.totalcolumncolor) td:nth-child(2) {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 22px;
    letter-spacing: 0.05em;
    text-decoration-line: underline;
    color: #005D92;
}

#popupModal .orderList td {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #000000;
}

#popupModal .orderList.lineItemsList td.price {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px !important;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #000000;
}

td.item_action_buttons {
    padding-left: 30px !important;
}

td.item_action_buttons div {
    display: flex;
}

a.editOrderdItem.newLinkText {
    padding-right: 20px;
    align-self: flex-end;
}

.orderList tr td a .delSingalRecords {
    float: none;
    color: #0E3C5D;
    font-size: 19px;
}

span.fa.fa-pencil-square-o {
    color: #0E3C5D;
    font-size: 19px;
}
tr.totalcolumncolor td {
    background: #F5F5F5 !important;
    height: 33px;
}
.cf.delete-newlink {
    margin-top: 23px;
}
.delete-trash, .edit-order-svg {
    filter: invert(18%) sepia(90%) saturate(451%) hue-rotate(162deg) brightness(93%) contrast(99%);
}
a.delSelectedRecords.newLinkText svg {
    margin-bottom: -3px;
    margin-right: 6px;
}

a.delSelectedRecords.newLinkText span {
    text-decoration: underline;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #0E3C5D;
}

a.delSelectedRecords.newLinkText {
    text-decoration: none;
}
tr.total-data {
    border: 1px solid #0E3C5D;
}
div#popupModal .quicklineitems .orderSummary {
    width: 300px;
    margin: 0px;
    display: block;
    margin-left: auto;
    /*margin-bottom: 33px;*/
}
.delete-order-container {
    position: absolute;
    bottom: 8px;
}

a.delUrl.deleteorder.newLinkText {
    /*position: absolute;*/
    /*top: -100px;*/
    text-decoration: none;
}

.delete-order-container svg.delete-trash {
    margin-bottom: -3px;
    margin-right: 6px;
}

span.delete-order-sp {
    text-decoration: underline;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #0E3C5D;
}
label.whs-6-label {
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 10px;
}
.adminviewenabledforhidedata strong.colorsampletable-l {
    margin-left: 10px;
}
.instant-saving-data span.sEditbox {
    display: flex;
}
a.delSelectedRecords.newLinkText span:hover {
    text-decoration: none;
}

span.delete-order-sp:hover {
    text-decoration: none;
}
.autocomplete-items div:hover {
    background-color: #0e4169 !important;
    color: #fff !important;
}
    .adminviewenabledforhidedata strong.imgofselectcolor {  
    margin-right:0px    
}   
#popupModal .select_po i.fa.fa-caret-down { 
    top: 50%;   
}   
#popupModal .select_po i.fa.fa-caret-up{    
    top:50% 
}   
#popupModal #show_styleautocomplete-list.autocomplete-items {   
    top: 65px;  
    left: 0%;   
}   
#popupModal .place_order .new_oder .text-center i.fa.fa-caret-up{   
    right: 10%; 
    top: 50%;   
}   
#quickcheckoutdetail div.ordersummary_wiretransfer_wrapper div.orderSummary-data div table tbody tr td:first-child {    
    font-family: Open Sans; 
    font-style: normal; 
    font-weight: bold !important;   
    font-size: 13px !important; 
    line-height: 22px;  
    letter-spacing: 0.05em; 
    text-decoration-line: underline;    
    color: #005D92; 
}   
#quickcheckoutcont table.summary-table.quickorderview tbody tr.total-data td.summary-label {    
    padding: 0px !important;    
}   
span#current_active_style_head {    
    text-decoration: none !important;   
}   
#popupModal .p-style a.quickviewpopup1 {    
    text-decoration: underline; 
    color: #fff;    
}   
#popupModal .p-style a.quickviewpopup1:hover {  
    text-decoration: none !important;   
}   
#popupModal .modal-dialog #cart-form .modalContainer .place_order span.error-not-found {    
    position: absolute; 
    left: 10%;  
    top: 100%;  
}   
.add_update_po_section .text-center {   
    position: relative; 
}   
.adminviewenabledforhidedata #popupModal .place_order .new_oder .text-center i.fa.fa-caret-up,  
.adminviewenabledforhidedata #popupModal .place_order .new_oder .text-center i.fa.fa-caret-down {   
    position: absolute; 
    top: 32px;  
    right: 30px;    
}   
span#select-color-s {   
    text-transform: none !important;    
}
span.error-not-found {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 22px;
    color: #FA212F;
}

span.po-max-error {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 22px;
    color: #FA212F;
}

span.ponum-exist.custom-error.error {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    color: #FA212F !important;
}

span.ponum-exist.custom-error.error.message-error {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    color: #FA212F !important;
    top: 62px;
    left: 35% !important;
}

span.maxqtyvaldi {
    white-space: nowrap;
}   
/*end Project-K CSS */



/*project I starts*/
.backorder-cell:hover .tooltip-main {
    display: block;
}
.tooltip-main {
    font-family: 'Open Sans';
    position: absolute;
    display: none;
    left: -149px;
    top: -14px;
    width: 140px;
    height: 58px;
    padding: 10px 8px;
    background: #0E3C5D;
    border-radius: 4px;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #FFFFFF;
    z-index: 9;
}
.qty.backorder-cell{
    background: unset;
    padding: 0;
}
.qty.backorder-cell.full-backorder .qty-ordered{
    background: #EBC8C8;
    padding: 4.5px 7px;
    max-width: fit-content;
    min-width: 56px;
    margin: auto;
    height: 30px;
    width: 100%;
    border-radius: 2px;
}
.qty.backorder-cell.partial-backorder .qty-ordered{
    background: #F7ECCA;
    padding: 4.5px 7px;
    max-width: fit-content;
    min-width: 56px;
    margin: auto;
    height: 30px;
    width: 100%;
    border-radius: 2px;
}
.quicklineitems .lineItemsList tr td{
    height: 31px;
    padding: 0;
    vertical-align: middle;
}
.quicklineitems .lineItemsList tr th{
    height: 31px;
    padding: 0;
    vertical-align: middle;
}
.qty p.qty-ordered {
    margin: 0;
}
.tooltip-sub::after {
    position: absolute;
    content: '';
    top: 12px;
    right: -22px;
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    transform: rotate(180deg);
}
.tooltip-sub {
    position: relative;
}
table.orderList.lineItemsList {
    width: 100%;
}

#quickcheckoutcont  .orderSummary-data .lineItemsList tr td{
    position: relative;
}

#quickcheckoutcont .orderList.lineItemsList td {
    padding: 0px 2px;
    height: 31px;
    vertical-align: middle;
}
#payemtnaction .box.box-information.s-border{
    width: 100%;
}
/*right align backorder tooltip*/

.ordersummary_wiretransfer_wrapper td:nth-child(3) .tooltip-main {
        font-family: 'Open Sans';
        position: absolute;
        display: none;
        left: 70px;
        top: -14px;
        width: 140px;
        height: 58px;
        padding: 10px 8px;
        background: #0E3C5D;
        border-radius: 4px;
        text-align: left;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 19px;
        color: #FFFFFF;
        z-index: 9;
}
.ordersummary_wiretransfer_wrapper td:nth-child(3) .tooltip-main .tooltip-sub:after {
    position: absolute;
    content: '';
    top: 12px;
    right: 132px;
    border: 7px solid #0E3C5D;
    border-color: transparent #0E3C5D transparent transparent;
    transform: rotate(0deg);
}
.ordersummary_wiretransfer_wrapper td:nth-child(3):hover .tooltip-main{
    display:block;
}

/*right align backorder tooltip*/
.quickcheckout-ordersummary-colormsg-wrapper {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.colormsg-ordr-delete-wrapper {
    display: flex;
    flex-direction: column;
    width: 85%;
}
.color-msg-wrapper {
    display: flex;
    margin-bottom: 8px;
}
.colorindication-msg-container .full-backorder-color {
    background: #EBC8C8;
    border: 1px solid #C4C4C4;
    height: 16px;
    width: 16px;
    align-self: center;
    margin-right: 20px;
}
.colorindication-msg-container span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
}
span.b-fully {
    font-weight: bold;
}
.color-msg-wrapper {
    display: flex;
    margin-bottom: 8px;
}
.colorindication-msg-container .backorder-color {
    height: 16px;
    width: 16px;
    background: #F7ECCA;
    border: 1px solid #C4C4C4;
    align-self: center;
    margin-right: 20px;
}
.colorindication-msg-container span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
}
.star-msg-wrapper .fa.fa-star {
    color: #70A33B;
    font-size: 9px;
}
span.b-fully {
    font-weight: bold;
}

table.summary-table.orderSummary.quickorderview {
    margin-top: 0;
}
.quickcheckout-ordersummary-colormsg-wrapper table.summary-table.orderSummary{
    margin: 0;
}
#quickcheckoutdetail div.ordersummary_wiretransfer_wrapper div.orderSummary-data div table.quickorderview tbody tr td.summary-label {
    text-decoration: none !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px;
    color: #000000;
}
#quickcheckoutdetail div.ordersummary_wiretransfer_wrapper div.orderSummary-data div table.review tbody tr td.summary-label {
    text-decoration: none !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px;
    color: #000000;
}
#quickcheckoutcont table.summary-table tbody tr.total-data td.summary-label{
    padding: 0 !important;
    vertical-align: middle;
}
div#popupModal div#quickcheckoutdetail .ordersummary_wiretransfer_wrapper .quickcheckout_wiretransfer_file {
    bottom: -183px;
    margin-left: 0;
}

div#popupModal div#quickcheckoutdetail {
    padding-bottom: 120px;
}
#popupModal .quicklineitems .orderSummary_discountlabel_sec{
    display: contents;
}
#popupModal .quicklineitems .orderList td {
    line-height: 21px;
    position: relative;
    padding: 0 2px;
}
.backorder-inputqty-wrapper {
    position: relative;
    height: 30px !important;
    min-width: 56px !important;
}
.backorder-dec-qty {
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 11px;
    background-color: transparent;
    color: #000000;
    top: 14px;
    font-size: 16px;
    right: 4px;
    left: auto !important;
    border: 0px;
    cursor: pointer;
    position: absolute;
}
.backorder-inc-qty {
    width: 13px;
    height: 13px;
    padding: 0px;
    line-height: 11px;
    background-color: transparent;
    color: #000000;
    font-size: 16px;
    top: 3px;
    border: 0px;
    cursor: pointer;
    position: absolute;
    right: 4px;
}
.neworder-ordersummary-colormsg-wrapper {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.colorindication-msg-container {
    margin-top: -25px;
}
.line-item-scroll-wrapper {
    overflow-x: auto;
}

.line-item-scroll-wrapper .orderList.lineItemsList {
    min-width: 793px;
}

.line-item-scroll-wrapper::-webkit-scrollbar {
    border-radius: 70%;
    height: 5px;
    width: 100%;
}

.line-item-scroll-wrapper::-webkit-scrollbar-track {
    background: #f8f8f8;
    border-radius: 10px;
}

.line-item-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #416c89;
}
#quickcheckoutdetail .line-item-scroll-wrapper {
    min-width: 802px;
}

#quickcheckoutdetail .line-item-scroll-wrapper .lineItemsList {
    min-width: 802px;
}
.qty.line-item-edit input.qty-ordered {
    min-width: 56px;
    max-width: fit-content;
    outline: 1px auto #4d90fe !important;
}
/*project I ends*/
/*newcolor indication*/
#new-color-class > span:first-of-type{
    /*font-family: 'Open Sans';*/
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    /*color: #000000;*/
}
.arrow-wrapper:before {
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    top: -13px;
    width: 20px;
    font-size: 30px;
    transition: 0.2s;
    cursor: pointer;
    height: fit-content;
}

.arrow-wrapper:after {
    display: none;
    content: '\f106';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 30px;
    top: -13px;
    width: 20px;
}
.arrow-wrapper.selected:after {
    display: block;
}
.arrow-wrapper.selected:before {
    display: none;
}
div#new-color-class {
    display: flex;
    justify-content: space-between;
}
.arrow-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
    right: 20px;
}
.customorder-color.new-color-section {
    width: 100%;
}
/*end newcolor indication*/

.customerorder-customer-dashboard #cart-form > div > div > div.container.bg-light.p-2.place_order > div.new_oder > div > div.col-md-4.select_po > span.po-max-error.error{
    width: 548px;
    position: absolute;
    top: 66px;
    left: 15px;
    z-index: 999999;
}
.colorContainer table.table.table-bordered.table-responsive p.price .discount-price{
    color: #78a533;
}
.place_order .page-title-datesection {
    padding: 9px 9px 9px 0px;
}