/*#region menu common CSS START*/

body {
    min-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100% !important;
}

html {
    min-height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    cursor: pointer;
    text-decoration: none;
}

    a,
    a:hover,
    a:focus,
    a:active,
    a.active {
        color: #142337;
    }

.divSignInPageCont a,
.divSignInPageCont a:hover,
.divSignInPageCont a:focus,
.divSignInPageCont a:active,
.divSignInPageCont a.active {
    color: inherit !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-weight: 300;
}

hr.star-light,
hr.star-primary {
    padding: 0;
    border: none;
    border-top: solid 5px;
    text-align: center;
    max-width: 250px;
    margin: 25px auto 30px;
}

    hr.star-light:after,
    hr.star-primary:after {
        content: "\f005";
        display: inline-block;
        position: relative;
        top: -0.8em;
        padding: 0 0.25em;
    }

.img-centered {
    margin: 0 auto;
}

.navbar {
    margin-bottom: 0px;
    margin: auto auto;
    height: auto;
}

.divCustomizeFlow.navbar-fixed-top {
    -webkit-animation: unset ;
    -moz-animation: unset;
}
@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
    .navbar-relative-top {
        border: unset;
    }

#divShowroomHeader.divCustomizeFlow {
    position: fixed !important;
    padding:0px;
}
.centerNavbar {
    width: 40%;
    position: relative;
    left: 54%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navbar .page-scroll {
    float: none;
    text-align: center;
}

.clearfix {
    clear: both !important;
}

.pull-right {
    float: right !important;
    text-align: right;
}

section h2 {
    margin: 0;
}

.modal {
    z-index: 10002;
}

#divCreditNoteRestPaymentModal.modal {
    z-index: 10006;
}

.modal-body.subscribeNewsLetter {
    padding: 0 !important;
}

.modal-backdrop {
    z-index: 10001;
    background: #323232;
}

.modal-content {
    border-radius: 0;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

/*.modal-dialog {
    width: 100%;
    max-width: 951px;
    margin: 60px 0 0 0;
}*/

.nav-tabs > li a {
    text-transform: none;
    margin: .2em 0;
}

h4.modal-title,
h2.modal-title {
    text-align: center;
    text-transform: capitalize;
}

.modal-header,
.modal-footer {
    border: none;
}

.tab-pane {
    padding: 10px 0px;
}

.form-footer {
    padding: 10px 0px 25px 0px;
}

    .form-footer a {
        text-transform: capitalize;
    }

.btn {
    letter-spacing: 0.5px;
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px;
}

.bootstrap-select .btn {
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.amButton {
    text-transform: uppercase;
    padding: 9px 20px;
    letter-spacing: 2px;
}


.form-footer .col-xs-6, .form-footer .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.table-striped {
    border-right: 0px;
}

.scroll-top {
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
    z-index: 1049;
}

    .scroll-top .btn {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        line-height: 28px;
    }

.headerScrolled {
    padding-top: 2em !important;
}

.sorted-by {
    padding: 45px 0px 15px 30px;
}

.accordion-group {
    padding: 13px 30px;
}

.accordion-heading .accordion-toggle:after {
    content: "";
    float: right;
    background-image: url("/Content/Images/Icons/dropdown.png");
    background-repeat: no-repeat;
    height: 13px;
    width: 23px;
}

.accordion-heading .accordion-toggle.collapsed:after {
    background-image: url("/Content/Images/Icons/pullup.png");
    background-repeat: no-repeat;
}

textarea:hover,
a:focus,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
}

.rfine-by-close {
    background-image: url("/Content/Images/Icons/close_refine.png");
    height: 27px;
    width: 27px;
    background-repeat: no-repeat;
    float: left;
    left: 14px;
    position: relative;
    top: 2px;
    display: none;
    content: '';
    cursor: pointer;
}

.refine-by-btn {
    float: left;
}

.button-group, .button-group .col-sm-4.float-start, #filters, .button-group .rfine-by-close {
    z-index: 19;
}

.refine-by-details {
    z-index: 1;
}

.textCaps {
    text-transform: capitalize;
}

/*#endregion menu common CSS END*/

/*#region Rounded sliders */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 32px;
        height: 30px;
        width: 40px;
        left: 2px;
        bottom: 2px;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        color: #465165;
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .slider.round {
        -ms-border-radius: 1px;
        border-radius: 1px;
    }

        .slider.round:before {
            -ms-border-radius: 1px;
            border-radius: 1px;
        }

input:checked + .slider:before {
    -ms-transform: translateX(36px);
    -webkit-transform: translateX(36px);
    transform: translateX(36px);
}

/* The switch - the box around the slider */

.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
    margin-top: 3px;
}

    /* Hide default HTML checkbox */

    .switch input {
        display: none;
    }

.switchBar input {
    display: none;
}

/*#endregion Rounded sliders */

/*#region Form Control common CSS START*/

.form-control.custmize-text {
    width: 100%;
    border: none;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.form-control[disabled] {
}

.monogram-group {
    margin-top: 30px;
}

    .monogram-group .color-section,
    .monogram-group .text-section {
        -ms-opacity: 0.2;
        opacity: 0.2;
        pointer-events: none;
    }

.monogram-enable .color-section,
.monogram-enable .text-section,
.shoemonogram-enable .text-section,
.beltmonogram-enable .text-section {
    -ms-opacity: 1;
    opacity: 1;
    pointer-events: auto;
}

.bag-items .accordion-group {
    padding: 13px 3px;
}

.bag-items .color-box {
    float: right;
    display: inline;
}

    .bag-items .color-box label {
        right: 55px;
        top: 6px;
    }

.bag-items .col-sm-12.right-btn {
    text-align: right;
    padding-top: 25px;
}

.image-header-sign {
    padding-top: 50px;
}

#page-top {
    padding: 0px !important;
}

.modal-open {
    /*padding: 0px !important;*/
    overflow-x: hidden !important;
    /*overflow-y: scroll !important;*/
    overflow: auto;
}

#bag-container #container {
    height: auto !important;
}

.shop-item.look img {
    height: 400px;
    max-height: 400px;
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0px;
}

.customize-close {
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
}

.fancybox-container .fancybox-bg {
    opacity: 1;
}

.search-result {
    margin-top: 40px;
}

.table tbody > tr > td.vert-align {
    vertical-align: middle;
    text-align: center;
}

.divSerchDataContainer.table > tbody > tr > td {
    vertical-align: middle;
}
.tdWith200{
    width:200px;
}

.tdWidth100px {
    width: 100px;
}
.reset-search {
    padding-left: 15px;
}

.clickable-row {
    cursor: pointer;
}

.carousel-control {
    -ms-text-shadow: none;
    text-shadow: none;
    left: -50px;
}

    .carousel-control.right {
        background-image: none;
        right: -50px;
    }

    .carousel-control.left {
        background-image: none;
    }

.lookWindowCarousal .carousel-control.left {
    left: 0;
}

.lookWindowCarousal .carousel-control.right {
    right: 0;
}

.lookWindowCarousal .carousel-control.left:hover {
    background-image: linear-gradient(to right, #f1f0f0 0%, rgba(0, 0, 0, .0001) 100%);
}

.lookWindowCarousal .carousel-control.right:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, #f1f0f0 100%);
}

.carousel-control:hover,
.carousel-control:focus {
    opacity: .8;
}

.carousel-control .bi-chevron-left {

    position: relative;
    z-index: 5;
    display: inline-block;
    font-size: 1.5em;
    -webkit-font-smoothing: antialiased;
    border-collapse: unset;
    -webkit-border-horizontal-spacing: initial;
    -webkit-border-vertical-spacing: initial;
    -webkit-highlight: none;
    cursor: pointer;
    top: 50%;
    left: 0px;
}

.carousel-control .bi-chevron-right{

    position: relative;
    z-index: 5;
    display: inline-block;
    font-size: 1.5em;
    -webkit-font-smoothing: antialiased;
    border-collapse: unset;
    -webkit-border-horizontal-spacing: initial;
    -webkit-border-vertical-spacing: initial;
    -webkit-highlight: none;
    cursor: pointer;
    top: 50%;
    right: 0px;
}

.lookWindowCarousal .carousel-control .bi-chevron-left {
    top: 50%;
    left: 0;
}

.lookWindowCarousal .carousel-control .bi-chevron-right{
    top: 50%;
    right: 0;
}

.productDetailCarousel {
    width: 100%;
    margin: auto;
}

.loginMenu .dropdown-menu li {
    padding: 0px;
}

    .loginMenu .dropdown-menu li a {
        font-size: .9em;
        margin: 0px 2em !important;
        display: inherit;
        text-transform: uppercase;
    }

.aboutMenu .dropdown-menu li {
    padding: 5px;
}

    .aboutMenu .dropdown-menu li a {
        display: inherit;
    }

.ImgWaitingDialog {
    width: 100px;
}
.fitProfileSection .form-control {
    margin: 0;
}

.form-label-vertical-bold {
    font-weight: bold;
    padding-top: 6px;
}

.form-label-vertical, .form-label-bold {
    font-size: 18px !important;
}

.text-section input[type='text'] {
    display: block;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control-width {
    width: 75%;
}


/*select option[data-default]*/

#CountryID {
    font-size: 14px !important;
    padding-left: 2px !important;
}

#CustomReferedById {
    font-size: 14px !important;
    padding-left: 2px !important;
}

.customerContainer {
    position: absolute !important;
    right: 400px !important;
    top: 10px !important;
}

.detailsdataArrow {
    display: block;
    height: 20px;
    position: absolute;
    right: 70%;
    top: -46px;
    width: 22px;
}

.optionsContainer {
    padding-bottom: 10px;
}

.fitProfile-font {
    margin-top: 30px;
}

    .fitProfile-font label {
        font-weight: normal;
        font-size: 18px;
    }

.detailsdata {
    width: 100%;
    position: absolute;
    top: 54px;
    z-index: 100;
}

.sessionExpire {
    text-decoration: underline !important;
}

.medium {
    width: 80%;
}

.monogram-group .color-section,
.monogram-group .designOptionSection {
    -ms-opacity: 0.2;
    opacity: 0.2;
    pointer-events: none;
}


.monogram-enable .color-section,
.monogram-enable .designOptionSection {
    -ms-opacity: 1;
    opacity: 1;
    pointer-events: auto;
}

.form-control.customizeDrpDwn {
    width: 80%;
    box-shadow: none;
    margin-top: 38px;
}

.form-control.monogramsDrpDwn {
    width: 80%;
    box-shadow: none;
}

.vertical-align-middle {
    vertical-align: middle;
}

.align-right {
    text-align: right;
}

.customer-popup {
    height: 508px;
}

.table-striped {
    font-size: 18px;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20px;
    padding: 0px !important;
}

    .toggle.ios .toggle-handle {
        border-radius: 20px;
        padding-right: 15px;
    }

.toggle-on.btn-xs {
    padding: 0px !important;
}

.toggle-off.btn-xs {
    padding: 0px !important;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    cursor: pointer;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        -moz-transform: scale(3) rotateZ(-20deg);
        -ms-transform: scale(3) rotateZ(-20deg);
        -o-transform: scale(3) rotateZ(-20deg);
        -webkit-transform: scale(3) rotateZ(-20deg);
        transform: scale(3) rotateZ(-20deg);
        -ms-opacity: 0;
        opacity: 0;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        -moz-transform: scale(1) rotateZ(0);
        -ms-transform: scale(1) rotateZ(0);
        -o-transform: scale(1) rotateZ(0);
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
        -ms-opacity: 1;
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        -ms-opacity: .5;
        opacity: .5;
    }

.shoe-tryon-size-dropdown {
    width: 50%;
}

.designOptions p {
    margin: 5px;
}

.customer-popup .tab-pane {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 510px;
}

.customer-popup .form-control {
    width: 95%;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.showroom-itemdetail-name {
    padding: 5px;
    width: 100%;
}

.clickable-styleimage-box {
    cursor: pointer;
}


.item-soldout {
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    padding-left: 4px;
}

.item-currency {
    width: 100%;
}

.priceContainer {
    font-size: 14px;
}

.styleDetail-rprice {
    font-weight: bold;
    padding: 0 0 5px 20px;
    white-space: nowrap;
    text-align: left;
}

.styleDetail-soldout {
    font-weight: bold;
    padding: 0 0 5px 20px;
    white-space: nowrap;
}

.styleDetail-instock {
    font-weight: bold;
    padding: 5px 0 5px 20px;
}

.item-instock {
    width: 80%;
    font-weight: bold;
}

.align-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.align-image-center {
    margin: auto;
}

.look-gocreate-btn {
    text-align: center;
    margin-right: 11px;
}

.align-left {
    text-align: left;
}

.modal-header .nav-tabs {
    border-bottom: none;
}

.monogra-switch {
    margin-top: 20px;
}

.customizePanelMinHeight {
    min-height: 150px;
}

.priceContainer {
    font-size: 17px;
    text-align: center;
    padding-right: 25px;
}

.filterContainer {
    width: 100%;
    z-index: 10;
}

.narrow {
    padding: 10px 15px;
}

.rotate {
    position: relative;
    padding-left: 2px;
    left: 0px;
    font-size: 10px;
}

.rotateWrap {
    font-size: 19px;
    cursor: pointer;
}

/*#endregion Form Control common CSS END*/

/*#region item detail  common CSS START*/
html > /**/ body .item-wrap {
    min-height: 888px;
}

html > body .style-item-wrap {
    min-height: 580px;
}

.complete-look {
    width: 59%;
    text-align: justify;
    line-height: 18pt;
    font-size: 18px;
}

.gocreate-lookstyle {
    cursor: pointer;
    width: 40px;
    border-radius: 16px;
}

.item-detail-wrap {
    min-height: 750px;
}

html > /**/ body .homepage-img {
}

.homepage-img-small {
    margin-top: -29px;
}

.homepage-img-decs {
    margin-top: -18px;
}

.fitprofileSign {
    text-align: center;
}

.hoverUnderline:hover {
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -moz-text-underline-position: under;
    -ms-text-underline-position: under;
    -o-text-underline-position: under;
    text-underline-position: under;
}
/*#endregion item detail  common CSS START*/

/*#region popu related */

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 80%;
    vertical-align: middle;
    margin-right: -4px;
}

/*html >*/ /**/ /*body .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/

html > /**/ body .complete-look {
    width: 59%;
    text-align: justify;
    line-height: 18pt;
    font-size: 18px;
}

html > /**/ body #summaryPopup {
    max-height: 600px;
    overflow-y: auto;
}

.padding0 {
    padding: 0px !important;
}

.paddingLeft0 {
    padding-left: 0px !important;
}

.paddingBottom15 {
    padding-bottom: 15px !important;
}

.paddingRight0 {
    padding-right: 0px !important;
}

.paddingRight30 {
    padding-right: 30px !important;
}

.paddingRight50 {
    padding-right: 50px !important;
}

.textCenter {
    text-align: center !important;
}

.borderBottom0 {
    border-bottom: 0px !important;
}

.alignItemsCenter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html > body .gocreate-lookstyle {
    cursor: pointer;
    width: 40px;
    -ms-border-radius: 16px;
    border-radius: 16px;
}

body.dialogOpen {
    height: 100% !important;
    overflow: hidden !important;
}

html > /**/ body .homepage-img-small {
    margin-top: -29px;
}

html > /**/ body .homepage-img-decs {
    margin-top: -18px;
}

html > /**/ body .cursor-pointer {
    cursor: pointer !important;
}

.orderClose {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 2em !important;
}

    .orderClose:hover {
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 2em !important;
    }


/*#endregion Modal popu related */

/*#region order creation common CSS START*/
html > /**/ body .modal {
    text-align: center;
    padding: 0 !important;
}

#summaryPopup {
    max-height: 600px;
    overflow-y: auto;
}

body.dialogOpen {
    height: 100% !important;
    overflow: hidden !important;
}


#shop-container {
    padding-bottom: 75px;
}

    #shop-container.padding0 {
        padding-bottom: 10px;
    }

.imageContainer {
    width: 20%;
}

.orderCreationDialog .imageContainer {
    width: 35%;
    min-height: 400px;
    display: inline-block;
}

.orderCreationDialog li .imageContainer {
    width: 100%;
}

.optionsContainer .well {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.orderClose {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 2em !important;
}

.optionsContainer .well [class*="col"] {
    display: inline-block;
    float: none;
}

.optionsContainer .img-thumbnail {
    width: 100%;
}

.orderClose:hover {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 2em !important;
}

.well {
    border: none;
    box-shadow: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    min-height: 370px;
}

.selectedContainer .img-thumbnail {
    width: 100% !important;
    cursor: zoom-in;
}


.extra-day-text {
    font-size: 11px;
}

.extra-day-text-available {
    font-size: 11px;
}

.style-detail-container {
    margin-top: 30px;
}

.filterPanel.with-nav-tabs .panel-heading {
    padding: 0 10px 0 10px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}


.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
}

.style-item-wrap {
    min-height: 580px;
    margin-top: 10px;
}

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    border: none;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    border: none;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    }




.with-nav-tabs li {
    list-style: none;
}



.contentCenter ul {
    list-style: none;
    position: relative;
    left: 50%;
}

.contentCenter li.filterItem {
    float: left;
    position: relative;
}

/* ie needs position:relative here*/

.contentCenter a {
    padding: 2px 5px;
}

    .contentCenter a:hover {
        text-decoration: underline;
    }


.panel-body {
    padding: 0px;
}


.button-tab {
    position: relative;
    -ms-transform: translateY(50%);
    transform: translateY(34%);
}

.button-tab-selected {
    position: relative;
    -ms-transform: translateY(43%);
    transform: translateY(43%);
}

.lining-tab {
    position: relative;
    -ms-transform: translateY(7%);
    transform: translateY(7%);
}

.lining-tab-selected {
    position: relative;
    -ms-transform: translateY(7%);
    transform: translateY(7%);
}

.model-tab {
    position: relative;
    -ms-transform: translateY(17%);
    transform: translateY(13%);
}

.model-tab-selected {
    position: relative;
    -ms-transform: translateY(14%);
    transform: translateY(14%);
}

.fabric-tab {
    position: relative;
    -ms-transform: translateY(7%);
    transform: translateY(7%);
}

.fabric-tab-selected {
    position: relative;
    -ms-transform: translateY(7%);
    transform: translateY(7%);
}

    .item-backpiece-selected .form-group, .fabric-tab-selected .form-group, .lining-tab-selected .form-group, .button-tab-selected .form-group, .contrast-tab-selected .form-group, .model-tab-selected .form-group, .caollar-tab-selected .form-group {
        text-align: center;
    }

    .item-backpiece-selected .typeahead, .fabric-tab-selected .typeahead, .lining-tab-selected .typeahead, .button-tab-selected .typeahead, .contrast-tab-selected .typeahead, .model-tab-selected .typeahead, .caollar-tab-selected .typeahead {
        margin-left: 0;
        width: 150%;
        margin-left: -25%;
        top: -25px;
    }

.typeahead[disabled] {
    cursor: default;
}

.button-tab-selected .editButton, .item-backpiece-selected .editbackpiece, .lining-tab-selected .editLining, .fabric-tab-selected .editfabric, .contrast-tab-selected .editContrast, .model-tab-selected .searchModel, .caollar-tab-selected .searchCollar {
    z-index: 2;
    position: relative;
    top: 10px;
    margin-right: 0;
    cursor: pointer;
    font-size: 13px;
}

.nobordertextbox {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input.nobordertextbox {
    text-align: center;
    top: 0 !important;
}

.lookImage {
    margin: 0px;
}

.caollar-tab {
    position: relative;
    -ms-transform: translateY(5%);
    transform: translateY(5%);
}

.caollar-tab-selected {
    position: relative;
    -ms-transform: translateY(4.5%);
    transform: translateY(4.5%);
}


.contrast-tab {
    position: relative;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.contrast-tab-selected {
    position: relative;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.contentCenter {
    text-align: center;
}

.contentCenter {
    float: right;
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

.lining-group .col-xs-3 .lining-group .col-sm-2, .lining-group .col-md-1, .piping-group .col-xs-3 .piping-group .col-sm-2, .piping-group .col-md-1 {
    padding-bottom: 20px;
}

.lining-group span.img-checked:after, .piping-group span.img-checked:after {
    font-size: 20px;
    top: 7px;
    right: 34px;
}

.style-item-wrap {
    min-height: 580px;
    padding-top: 20px;
}

#prodct-customize-container {
    margin-top: 76px;
    margin-bottom: -25px;
}

.underlineFilter {
    text-decoration: underline;
    text-underline-position: under;
}

.previewImgWidthFootWear {
    max-width: 85% !important;
}

.fullHeight {
    height: 100% !important;
}

.shoeCenterPadding {
    padding-top: 10%;
}

.strong {
    font-weight: bold;
}

.closeButtonX {
}

a.closeButtonX, div.closeButtonX {
    margin-top: 0 !important;
    top: 3px;
}

    a.closeButtonX:hover, div.closeButtonX:hover {
        text-decoration: none !important;
    }

.menu-gc-icon {
    width: 22px;
    border-radius: 13px;
}

.menu-search-box {
    height: 24px;
}


.menu-clear-button {
    z-index: 2;
    position: relative;
    top: -28px;
    float: right;
    margin-left: 3px;
}

.gc-icon {
    width: 37px;
    border: none;
}

.customerButton div {
    padding: 0 10px 0 10px;
    float: right;
    cursor: pointer;
    margin-top: 0.5em;
}

.customerButton .closeButtonX {
    margin-top: -10px;
}

/*.fancybox-loading {
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    margin-top: -150px;
    margin-left: -150px;
    z-index: 99999;
    height: 100px;
    width: 100px;
    padding: 0;
}*/

#StockSearchCriteriaForm .inputTextBox {
    border: 1px solid #C4CED4;
}

#LiningStockSearchCriteriaForm .inputTextBox {
    border: 1px solid #C4CED4;
}

.fabricInventorySearchBox{
    padding-right:20px;
    padding-left:0px;
    margin-bottom: 20px;
}

.stockinventoryBackBtn{
    margin-top: 60px;
    padding-bottom: 50px;
}

.soldoutDateField {
    position: absolute;
    right: 18px;
    vertical-align: middle;
    margin-top: 18px;
    padding-right: 15px;
    top: 0px;
}

#tblStocklist, #tblLiningStocklist {
    border: 1px solid #F5F5F5;
}

.inventoryImage {
    padding: 0px 5px 0px 10px !important;
}

input#SearchViewModel_SoldOutSinceFrom::placeholder {
    color: #142537;
}

.inventoryButtonIcon {
    width: 173px;
    text-align: center;
    padding: 15px 30px !important;
}

.liningButtonIcon {
    width: 127px;
    text-align: center;
    padding: 15px 30px !important;
}

.progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0px auto;
    box-shadow: none;
    position: relative;
    z-index: 0;
}

    .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress .progress-left {
        left: 0;
    }

    .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 2px;
        border-style: solid;
        position: absolute;
        top: 0;
        z-index: 4;
    }

    .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress .progress-right {
        right: 0;
    }

        .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .progress .progress-value {
        width: 85%;
        height: 85%;
        border-radius: 50%;
        font-size: 32px;
        line-height: 125px;
        text-align: center;
        position: absolute;
        top: 7.5%;
        left: 7.5%;
    }

    .progress.blue .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.8s;
    }

    .progress.yellow .progress-left .progress-bar {
        animation: loading-3 1s linear forwards 1.8s;
    }

    .progress.pink .progress-left .progress-bar {
        animation: loading-4 0.4s linear forwards 1.8s;
    }

    .progress.green .progress-left .progress-bar {
        animation: loading-5 1.2s linear forwards 1.8s;
    }

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

.clearboth {
    clear: both;
}

.loadMoreItemBtnCont {
    /*margin: 50px 0 10px 0;*/
    text-align: center;
}

.loadMoreItemBtn {
  min-width: 250px;
}

.loadMoreItemBtnFabricTab {
    min-width: 118px;
    text-transform: uppercase;
    font-size: 9.5px;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    padding: 6px 12px;
    letter-spacing: 2px;
    height: 35px;
    margin-top:30px;
}

.heart {
    visibility: hidden;
}

.heart-added {
    visibility: hidden;
}

.loggedInUser {
    cursor: text !important;
}


.wishlist .showroom-itemdetail-name {
    border: none;
}

.wishlist .img-small {
    height: auto;
}

.wishList-img {
    height: 11em;
}

.wishlistMenu {
    visibility: hidden;
}

.item-container {
    height: 100px;
    position: relative;
}

    .item-container .item-list {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .item-container .item-list-selected {
        position: relative;
        top: 50%;
        transform: translateY(-43.5%);
    }

    .item-container .item-backpiece-selected {
        position: relative;
        top: 50%;
        transform: translateY(-53%);
    }

    .item-container .item-list-leather {
        transform: translateY(1.5%);
    }

    .item-container .shoeitem-list-leather .tieitem-list {
        transform: translateY(20.5%);
    }

.img-noborder {
    border: none;
}

div#msgbxMessage ul {
    padding-left: 0;
}

.text-transform-normal {
    text-transform: none;
}

.text-transform-upper {
    text-transform: uppercase;
}

.remove-all-wish-list {
    padding-left: 20px;
    padding-top: 10px;
}

.img-resize {
    display: flex;
    object-fit: contain;
    object-position: center;
}

.scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.touch-scroll {
    width: auto;
    height: 70px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.listContainer {
    width: 100%;
    z-index: 4;
}

.placeAtBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.uppercase a {
    display: block;
}
/*#endregion order creation common CSS START*/

/*#region Common*/

.marginLeft30 {
    margin-left: 30px;
}
.displayInline {
    display: inline;
    float: left;
}


    a.abtn.btnOrderConfirm {
        padding: 6px 60px;
    }

.systemBtnRainbowBorder {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    position: relative;
    display: inline-block;
    border-radius: 30px;
    border: solid 3px transparent;
    background-origin: border-box;
    box-shadow: 2px 1000px 1px #fff inset;
}

    .systemBtnRainbowBorder span.spanComposeLookbtnTitle {
        display: inline-block;
        background: #ffffff;
        color: #142337 !important;
        text-transform: uppercase;
        border-radius: 30px;
        width: auto;
        padding: 7px 45px;
    }

    .systemBtnRainbowBorder span.spanComposeLookbtnIcon {
        padding-left: 2px;
    }

.systemBtnRainbowBorderSafari {
    border-color: unset;
}

.sideSearchPanel {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: absolute; /* Stay in place */
    z-index: 10007; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 3em; /* Place content 60px from the top */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-box-shadow: 0px 0px 1px 0px;
    -ms-box-shadow: 0px 0px 1px 0px;
    box-shadow: 0px 0px 1px 0px;
    background-color: #ffffff;
}

.divSearchIconContRight {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    right: 50%;
    left: auto;
    box-shadow: -5px 0px 5px #bbbbbb5e;
    margin-right: -1px;
    position: fixed;
    top: 45%;
    width: 30px;
    height: 60px;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    z-index: 0;
    cursor: pointer;
    z-index: 1;
    transition: display 1s;
    transition-delay: 1s;
    display: block;
}

.closeSearch {
    font-size: 20px;
    margin-top: 8px;
    margin-left: 17px;
    background-color: #ffffff;
    color: #ccc;
}

.borderSearch {
    border-color: #FFFFFF;
}

.SearchIcon {
    font-size: 23px;
    position: absolute;
    right: 40px;
    top: 15px;
    color: #000000 !important;
}

.loadMoreItemBtnCont .systemBtnOne:active {
    color: #ffffff !important;
    background-color: #465165;
    border-color: #465165;
}

.systemBtnTwo .fal {
    color: #142337;
}

.systemBtnRainbowBorder .fal {
    color: #142337;
}

.systemBtnTwo .fal:hover, .systemBtnTwo:hover .fal, .systemBtnTwoForLongTitle:hover  {
    color: #ffffff;
}


.systemLoginBtnTwo {
    font-style: normal;
    font-family: "Basic Commercial LT Bold", Arial;
    font-size: 12px;
    line-height: 24px;
    color: #142337;
    border-radius: 50px;
    background: #ffffff;
    letter-spacing: 0.24px;
}
.systemLoginBtnTwo:hover {
      color: #ffffff !important;
        background-color: #142337;
        border-color: #ffffff;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
}
.systemLoginBtnOne {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    border-radius: 50px;
    background: transparent;
    border:1px solid #ffffff !important;
}

    .systemLoginBtnOne:hover {
        color: #142337;
        background-color: #ffffff;
        border-color: #ffffff;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }
.systemLoginBtnTwo .fal:hover, .systemLoginBtnTwo:hover .fal, .systemLoginBtnTwo .LoginRightArrowIcon:hover, .systemLoginBtnTwo:hover .LoginRightArrowIcon {
    color: #ffffff;
}
    
        .systemBtnTwo:hover .fal, .systemBtnTwo:focus .fal {
            color: #fff ;
        }

.systemBtnOne:hover .fal {
    color: #000 !important;
}

.systemBtnThree {
    color: #142337;
    background-color: #ffffff;
    border-color: #a9b0bc;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

    .systemBtnThree:hover, .systemBtnThree:focus {
        color: #ffffff;
        background-color: #142337;
        border-color: #142337;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

.systemBtnFour {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

    .systemBtnFour:hover, .systemBtnFour:focus {
        color: #142337;
        background-color: #ffffff;
        border-color: #a9b0bc;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -ms-border-radius: 30px;
        border-radius: 30px;
    }

.systemBtnFive {
    color: #142337;
    background-color: transparent;
    border-color: #142337;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

    .systemBtnFive:hover, .systemBtnFive:focus {
        color: #ffffff;
        background-color: #142337;
        -ms-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

        .systemBtnFive:hover .fal, .systemBtnFive:focus .fal {
            color: #ffffff;
        }


.systemBtnTwo:hover .bi-pen {
    color: rgb(255, 255, 255);
}

.systemBtnTwo:focus .bi-pen {
    color: rgb(255, 255, 255);
}

.systemBtnTwo:hover .bi-bag {
    color: rgb(255, 255, 255);
}

.systemBtnTwo:focus .bi-bag {
    color: rgb(255, 255, 255);
}

.cursorUnset {
    cursor: default !important;
}

.inlineBlock {
    display: inline-block;
}

.textAlignRight {
    text-align: right !important;
}

.textColorRed {
    color: #ff0000 !important;
}

.textColorBlue {
    color: #142337 !important;
}

.invisible {
    visibility: hidden;
}

body.noScroll {
  height: 100% !important;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
  position: absolute !important;
  overscroll-behavior: contain;
  width: 100%;
}

body.noBackgroundScroll {
    /*position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 1001;
    overflow-y: scroll;*/
    overflow-x: hidden;
}

body.noPageScroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 1001;
    overflow-y: scroll;
    overflow-x: hidden;
}

.widthHalf {
    width: 50%;
}

.widthHalfControls {
    width: 45.3%;
}

.widthFull {
    width: 92%;
}

.width20 {
    width: 20%;
}

.width56 {
    width: 56%;
}

.fontWeight400 {
    font-weight: 400;
}

.fontWeight100 {
    font-weight: 100 ;
}

.fontWeight600 {
    font-weight: 600 !important;
}

.paddingLeft23 {
    padding-left: 23px;
}

.strikeThrough {
    text-decoration: line-through;
}

.textDecorationUnderline {
    text-decoration: underline !important;
}

.listTypeNone {
    list-style-type: none !important;
}

.fieldRequired {
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 4px;
    position: absolute;
}

 .fieldRequired.spanCampaignImp {
        padding-top: 0px;
    }

/*#region CustomCheckBoxes*/
.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="checkbox"] {
    display: none;
}

.custom-radios input[type="checkbox"] + input + label span.customLabelSpan, .custom-radios input[type="checkbox"] + label span.customLabelSpan {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        line-height: 32px;
    }

.custom-radios input[type="checkbox"] + input + label span.customLabelSpan i, .custom-radios input[type="checkbox"] + label span.customLabelSpan i {
            opacity: 0;
            transition: all .3s ease;
        }

.custom-radios input[type="checkbox"]:checked + input + label span.customLabelSpan i, .custom-radios input[type="checkbox"]:checked + label span.customLabelSpan i {
        opacity: 1;
    }

.custom-radios i {
    transition: all .3s ease;
}

/*#endregion CustomCheckBoxes*/

/*#region CustomRadioButtons*/

.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="radio"] {
    display: none;
}

.custom-radios input[type="radio"] + input + label span.customLabelSpan, .custom-radios input[type="radio"] + label span.customLabelSpan {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        line-height: 21px;
    }

.custom-radios.smallRadio input[type="radio"] + input + label span.customLabelSpan, .custom-radios.smallRadio input[type="radio"] + label span.customLabelSpan {
    width: 25px;
    height: 25px;
}

.custom-radios input[type="radio"] + label span.customLabelSpan.small {
    width: 20px;
    height: 20px;
}

.custom-radios input[type="radio"] + input + label span.customLabelSpan i, .custom-radios input[type="radio"] + label span.customLabelSpan i {
    opacity: 0;
    transition: all .3s ease;
}

.custom-radios input[type="radio"]:checked + input + label span.customLabelSpan i, .custom-radios input[type="radio"]:checked + label span.customLabelSpan i {
    opacity: 1;
}

.custom-radios i {
    transition: all .3s ease;
}

.strongImportent {
    font-weight: bold !important;
}

/*#endregion CustomRadioButtons*/

/*#endregion Common*/
/*#region HeaderDialog*/
.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.dialogHeader {
    padding: 20px 10px;
}

.multiShopRadio, .formCheckBox {
    font-size: 14px !important;
    padding-left: 5px;
    padding-right: 10px;
    cursor: pointer;
    vertical-align: top;
}

.shoeContrastPane .multiShopRadio {
    padding-right: 30px;
}

#sharedShopDiv #ulLinkedShop, #sharedShopDiv .dialogHeader {
    text-align: left;
}

.no-titlebar .ui-dialog-buttonset {
    text-align: right;
}




.strongImportent {
    font-weight: bold !important;
}



/*#endregion HeaderDialog*/

/*#region GlobalCss*/

.mainSection {
    position: relative;
    min-height: 500px;
}

.homeTextBloks {
    padding: 0px 120px 0px 0px;
}

.divPrivateShopping .homeTextBloks {
    padding: 0px 120px;
}

.howItWorksTextBlocks {
    padding: 0px 30px 0px 0px;
}

.homeTextBloks p {
    overflow: hidden;
}


.centerSliderDiv {
    padding: 5px 2%;
    width: 72%;
    margin: auto;
}

.centerCategoryImgDiv {
    width: 81.1%;
    margin: auto;
}

.centerSliderDivWedding {
    padding: 5px 40px 0px 40px;
    width: 71%;
    margin: auto;
    max-width: 1440px;
}

.divTransparent {
    display: none;
    position: absolute;
    height: 84%;
    top: 0;
    width: 100%;
}

.saveBtnContainer {
    padding-left: 4px;
}

.searchCustomer {
    margin-top: 0px;
}

.resetCustomer {
    margin-top: 0px;
    width: 20%;
}

.bottombordercollapseable {
    border-bottom: 0.1px solid #d9d9d9;
    border-left: 0.1px solid #d9d9d9;
    border-right: 0.1px solid #d9d9d9;
}
.marginTop50 {
    margin-top: 50px;
}
.marginTop3 {
    margin-top: 3%;
}
.marginTop4 {
    margin-top: 4px !important;
}

.marginTop7{
    margin-top: 7px;
}
.marginTop0 {
    margin-top: 0 !important;
}

.marginLeft0 {
    margin-left: 0 !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginTop100 {
    margin-top: 100px !important;
}

.marginTop40 {
    margin-top: 40px !important;
}

.marginBottom0 {
    margin-bottom: 0 !important;
}

.marginBottom5 {
    margin-bottom: 5px !important;
}

.marginRight20 {
    margin-right: 20px !important;
}

.lineHeight25 {
    line-height: 25px;
}

.bottomBorder {
    border-bottom: 1px solid #E1E1E1;
}

.topBoder {
    border-top: 1px solid #E1E1E1;
}

.textAlignIndent {
    text-indent: -0.9em;
}

.verticalAlignMiddle {
    vertical-align: middle !important;
}

.letterSpacing1 {
    letter-spacing: 1px;
}

.letterSpacing1 {
    letter-spacing: 1px;
}

.marginBottom100 {
    margin-bottom: 100px !important;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.padding10 {
    padding: 10px;
}

.disabledColor {
    background-color: lightgray;
}

.overflowAuto {
    overflow: auto
}

.whitespaceNowrap {
    white-space: nowrap;
}

.fontSize12 {
    font-size: 12px !important;
}

.fontSize10 {
    font-size: 10px !important;
}

.fontSize11 {
    font-size: 11px !important;
}

.fontSize14 {
    font-size: 14px !important;
}
.fontSize15 {
    font-size: 15px !important;
}
.allFitAlignment {
    padding: 25px 0px;
}

.marginAppointment {
    margin: 0px 10px;
}

.customizeAlignment {
    border-bottom: 1px solid #d9d9d9;
    text-transform: lowercase !important;
}

.underlineText {
    border-bottom: 1px solid #142337 !important;
    padding-bottom: 2px !important;
}

.underlineTextWhite {
    border-bottom: 1px solid #ffffff !important;
    padding-bottom: 2px !important;
}

a.underlineTextWhite {
    color: #ffffff;
}

.customizeAlignHeading {
    padding-left: 8px;
}

.marginAppointment {
    margin: 0px 10px;
}

.lastEditAlign {
    width: 30%;
    display: inline-block;
    text-align: left;
}

.selectValues {
    width: 100%;
}

.fitwidth {
    width: 100%;
}

.fitProfileTitle {
    width: 56%;
    display: inline-block;
    margin-left: 10px;
}

.selectFit {
    text-align: left;
    width: 55%;
    display: inline-block;
}

.iconDown {
    float: right;
    padding-top: 3px;
}

.selectCheckIcon {
    width: 3%;
    display: inline-block;
}

/*#endregion GlobalCss end*/

/*#region password container start*/

.forgetPasswordContainer .input-group {
    width: 100%;
}

.forgetPasswordContainer .forgetBtn {
    width: 55%;
}

.resetPasswordConatiner .input-group {
    width: 100%;
}

.resetPasswordConatiner .forgetBtn {
    width: 100%;
}
/*.divResetPasswordCont {
    padding: 20% 0px;
}*/

.divResetPasswordCont, .resetPasswordSubText {
    color: #FFFFFF !important;
}
/*#endregion  password container end*/
/*#region general common CSS START*/
.filterBtn {
    margin: 40px 25px;
    display: inline-block;
    width: 30%;
    padding: 0px 0px;
    float: left;
}

    .filterBtn .btn {
        width: 100%;
    }

.homeTextBloks .Body-Heading-H1 {
    padding-left: 10px;
}

.divSearchInpt .searchInput {
    width: 100%;
    margin: 35px 0;
}

.highlightedTxt a:hover {
    font-weight: 600;
}

.inptSearchLocation {
    margin: 0;
    margin-top: 5px;
    height: 35px;
}

.mapSearchBtn {
    margin-top: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    width: 180px;
    height: 35px;
}

.marginLeft10 {
    margin-left: 10px;
}

.SearchPlaceholder {
    font-style: italic;
    text-transform: lowercase;
    color: #555555;
}

.appointmentWidthNew {
    width: auto;
}

/*#endregion general common CSS START*/

/*#region fullyCustomizeStyle css */

.thankYouButtonAlignment {
    float: left;
    margin-right: 15px;
}

.loginSpan {
    color: #465165;
    text-decoration: underline;
    cursor: pointer;
}

    .loginSpan:hover {
        color: #000;
    }

a.fullyCustomizeStyle:hover, a.fullyCustomizeStyle:focus, a.fullyCustomizeStyle:active {
    color: #142337;
}

.currencyIcon:before {
    color: #fff;
}

.productPartBreadCrumb {
    margin: 5px 15px;
    height: 30px;
}

.editCustomizations {
    padding-top: 3px;
}

.fontStyleItalic {
    font-style: italic;
}

.width30 {
    width: 30%;
}

.width200 {
    width: 200px;
}

.width60 {
    width: 60%;
}

.width40 {
    width: 40% !important;
}
/*#endregion fullyCustomizeStyle css */

/*#region PrintIcon new css */


.subscribeNewsLetter {
    padding: 0px 30px 20px 30px;
}


/*#endregion end PrintIcon new css */

/* #region report quality issue*/

.reportQualityIssueModal.modal {
    overflow-y: hidden !important;
}

.reportQualityIssueModal {
    width: 100%;
}
/* #endregion report quality issue*/

/*#region how it works  new css */

.howItWorks {
    text-transform: none;
    font-size: 30px;
    margin-top: 70px;
    font-family: 'Basic Commercial LT light', "Arial";
    letter-spacing: 0.13em;
    margin-bottom: 20px;
    font-weight: bold;
}

.centerDivHomePageServiceBlock {
    padding: 40px 180px;
    width: 92%;
    margin: 0px auto;
    background-color: transparent;
}

.divServiceBlockBackground {
    background: #DFD7CD;
}

.howItWorksSubTitle {
    padding: 20px 0px;
    text-align: justify;
}
.howItWorkImageCommon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    width: 85%;
    height: 300px;
    margin: 0px auto;
}

.howItWorkWidth {
    width: 75%;
    margin: 0px auto;
}
/*#endregion how it works  new css */

/*#region Checkout  page css */
ul.horizontal-list {
    list-style: none;
    padding-top: 20px;
    min-width: 900px;
    padding-left: 0px;
    margin-left: 0px;
    float: left;
}

    ul.horizontal-list li {
        display: inline-block;
        margin-right: 5%;
    }

.quantityInput .input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.quantityInput input[type=number]::-webkit-inner-spin-button,
.quantityInput input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.quantityInput .inputField {
    height: 22px;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    border: none;
    box-shadow: none;
    background-color: #fff;
    margin-top: 0px;
}

.quantityInput .btnMinus {
    height: 22px;
    vertical-align: middle;
    margin-right: -5px;
    -webkit-appearance: none;
    color: #fff;
    border: 1px solid #142337;
    background-color: #142337;
    padding: 2px;
    padding: 3px 4px 1px 4px;
}

.quantityInput .btnPlus {
    height: 22px;
    vertical-align: middle;
    margin-left: -5px;
    -webkit-appearance: none;
    color: #fff;
    border: 1px solid #142337;
    background-color: #142337;
    padding: 2px;
    padding: 3px 4px 1px 4px;
}

    .quantityInput .btnMinus:hover, .quantityInput .btnPlus:hover {
        color: #142337;
        background-color: transparent;
        border: 1px solid #142337;
    }

.btnMinus .fal, .btnPlus .fal {
    color: #fff;
    font-size: 11px;
    vertical-align: text-top;
}

    .btnMinus .fal:hover, .btnPlus .fal:hover, .btnMinus:hover .fal, .btnPlus:hover .fal {
        color: #142337;
    }


.uppercase {
    text-transform: uppercase;
}

.ellipsisSpanForOrderSummary {
    width: 100%;
    display: block;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    font-size: 12px;
}


.closebtn:before, .closebtn:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 25px !important;
    width: 1px;
    background-color: #333;
    z-index: 9;
}

.closebtn {
    right: 30px;
    margin-top: 0px !important;
}

.closebtn:before {
    transform: rotate(35deg);
}

.closebtn:after {
    transform: rotate(-35deg);
}

.closebtn {
    opacity: 1;
    margin-top: -22px;
}

.spnLookTag {
    position: absolute;
    z-index: 1;
    margin: 5px;
    padding: 2px 6px;
    left: 12px;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #323232;
    font-size:9px;
    line-height:15px;
}

.plusMinusBtn {
    color: #ffffff !important;
    background-color: #142337;
    border-color: #142337;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: auto;
}
.divWhislistPrice{
    margin-top:10px;
}
.plusMinusBtn:hover {
    color: #142337 !important;
    background-color: #ffffff;
    border-color: #a9b0bc;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.spanCreatFitFloat span:nth-child(2) {
    float: right;
}

.divModalCommonWidth {
    width: 35%;
}

.socialMediaIcon {
    font-size: 20px;
    display: inline-block;
    margin-right: 5px;
}

/*#endregion Checkout  page css */


/*#region BookFitting*/
.navList {
    border: 1px solid #ccc;
}

    .navList .navItem {
        width: 33.23%;
    }

    .navList .navLink {
        text-transform: uppercase;
        font-size: 17px;
        color: #142337;
        text-align: left;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 0;
        padding: 8px 35px;
    }

    .navList.nav-pills > li.active > a, .navList.nav-pills > li.active > a:hover, .navList.nav-pills > li.active > a:focus,
    .navList .navItem.active {
        background: #f1f0f0;
        border-radius: 0;
        color: #142337;
    }

.divSearchLocation {
    text-align: left;
    padding-top: 30px;
}

.locationTxtBox {
    display: inline-block;
    width: 60%;
    padding-right: 45px;
}

.searchTxtBox {
    display: inline-block;
    padding: 12px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 3px;
    margin-left: 42px;
    width: 100%;
    background-color: #F5F5F5;
}

.locationSearchIcon {
    font-size: 23px;
    position: relative;
    right: 40px;
    top: 5px;
    color: #999 !important;
}

.shopItemCont {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    padding-bottom: 20px;
}

    .shopItemCont:last-child {
        border-bottom: 1px solid #ccc;
    }

    .shopItemCont.active {
        background: #eee;
    }

.imgShopLocation {
    width: 58%;
}

.storeName {
    text-transform: uppercase;
    font-size: 18px;
    color: #142337;
    text-align: left;
    letter-spacing: 1px;
    font-family: 'Basic Commercial LT Bold', "Arial";
}

.storeAddress {
    padding: 10px 0 0;
}

.divPhone {
    padding: 7px 0;
}

.divmarkerHrsWrapper {
    height: 20px;
}

.btnSelectStore, .btnDeSelectStore {
    position: absolute;
    top: 47px;
    padding: 10px 30px;
    text-transform: uppercase;
    min-width: 160px;
    right: 50px;
}

.appFormControl {
    letter-spacing: 1px;
}

.divNextBtnCont {
    text-align: right;
}

.divFillFormHead {
    padding: 30px 0;
}

.divFormControl {
    padding-bottom: 20px;
    width: 50%;
}

.divFormControlName {
    margin-bottom: 15px;
    width: 50%;
    display: inline-block;
}

.spnGender {
    cursor: pointer;
    padding-right: 20px;
    font-size: 11px;
}

.spnIconGender {
    cursor: pointer;
    padding-right: 6px;
    font-size: 18px;
    vertical-align: text-bottom;
}

.selCountryDrp {
    width: 27% !important;
}

    .selCountryDrp .dropdown-menu {
        z-index: 100001;
    }

.phNumLabel, .appReasonLabel {
    margin-bottom: 3px;
}

.phNumControl {
    float: right;
    margin-top: 0 !important;
}

.bookFittingBtn {
    width: 25%;
    min-width: 300px;
    text-transform: uppercase;
    height: 40px;
}


    .divAppointReason.active {
        border: 2px solid #142337;
        margin: 0 9px 0 0;
    }

    .divAppointReason.error {
        border: 1px solid #f00;
    }

.divSubscribeCont {
    cursor: pointer;
}

.subscribeIcon {
    font-size: 17px;
    margin-right: 10px;
}

.divTimeCont {
    margin-top: 30px;
    padding-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}

.timeSelDiv {
    cursor: pointer;
    width: 80px;
    padding: 15px 15px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin: 4px 2px 0 0;
}

    .timeSelDiv.active {
        border: 1px solid #142337;
        color: #fff;
        background-color: #142337;
    }

    .timeSelDiv.error {
        border: 1px solid #df2121;
    }

    .timeSelDiv:last-child {
        display: none;
    }

.divMyLocation {
    margin-top: 20px;
    cursor: pointer;
}

.locationIcon {
    margin-right: 10px;
}

.locationText {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #142337;
}

.spnStoreLocationLink {
    border-bottom: 1px solid #142337;
    cursor: pointer;
}

.divNotFound {
    margin-top: 20px;
    letter-spacing: 0.5px;
}

.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_calendar td > div {
    font-size: 18px;
    text-align: center;
}

.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 16px;
    text-align: center;
}



/*---------------checkout page calender css start----------------------*/
.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_calendar td,
.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_calendar th,
.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    height: 65px;
    background: #fff;
    border: none;
}


.xdsoft_datetimepicker .xdsoft_calendar td {
    height: 50px !important;
}


    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div {
        font-size: 18px;
        text-align: center;
        width: 40px;
        background: #142337;
        border-radius: 50%;
        padding: 10px 0;
        margin: 0 auto;
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
        box-shadow: none !important;
    }

.dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_calendar td > div {
    font-size: 18px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    padding: 10px 0;
    margin: 0 auto;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover div {
    background: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}

.xdsoft_date {
    padding: 5px 0 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th, .xdsoft_calendar table, .xdsoft_calendar tbody td {
    background: transparent !important;
    border: none !important;
}

.dateTimeSelectCont .xdsoft_datetimepicker {
    font-family: 'BasicCommercialLTPro', "Arial";
}

    .dateTimeSelectCont .xdsoft_datetimepicker .xdsoft_label {
        font-weight: normal !important;
    }

.xdsoft_datetimepicker .xdsoft_label i {
    background: none !important;
}

.xdsoft_datetimepicker .xdsoft_label i {
    vertical-align: inherit !important;
    font-size: 10px !important;
    margin-left: 5px !important;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: none !important;
}

.timeSelDiv {
    margin: 4px 2px 0 0;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-top: none;
    border-right: none;
    background: transparent;
}

.divCheckoutColumn .timeSelDiv {
    text-align: left !important;
    margin: 0;
}

/*---------------checkout page calender css end----------------------*/

.stepCheckIcon {
    font-size: 21px;
    display: none;
}

.navItem.selected .stepCheckIcon {
    display: inline-block;
}

.bookFitFaqCont {
    margin-top: 150px;
}

.imgBookFitFaq {
    padding-left: 20px;
}

.mobNavLink, .mobNavLinkLabel {
    display: none;
}

/*#endregion BookFitting*/

/*#region ShowRoomOverlay*/

.showroomOverlay {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 10002;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.55);
}

.divBackScrollbar::-webkit-scrollbar {
    z-index: -1;
}
/*#endregion ShowRoomOverlay*/

/*#region Home Page SignIn css Start*/

#div_B2CProfile.sideNavRight .closebtn {
    top: 0%;
    right: auto;
    margin-left: 0%;
    left: 2%;
    z-index: 1;
    height: 25px;
    width: 22px;
}


.centerDiv {
    padding: 5px 40px;
    width: 80%;
    margin: auto;
    margin-bottom: 50px;
}

.signInTitle {
    display: inline-block;
    margin: 0px auto;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 35%;
}

.redirectMessage {
    margin: 20px 0px 40px 0px;
}

.loginB2BPopUpDiv {
    width: 30%;
}

.loginB2BDetails {
    padding: 0px 30px 40px 30px;
}

.signInTitleAM {
    position: absolute;
    top: 2.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px 0px;
}


.signInTitleCreateCustomerAM {
    position: absolute;
    top: 2.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px 0px;
}

.loginB2BAlignment {
    text-align: center;
    margin-bottom: 20px;
}

.modal-content {
    border-radius: 0;
}

.windowClose {
    font-size: 22px;
    cursor: pointer;
}

#div_B2CProfile.sidenav a {
    padding: 0px;
    display: inline;
}

.sidenav .b2CRetailerLink {
    padding: 0;
    display: inline-block;
    border-bottom: 1px solid #142337;
}

.displayBlock {
    display: block !important;
}


#div_B2BProfile.sideNavRight .closebtn {
    top: 0%;
    right: auto;
    margin-left: 0%;
    left: 2%;
    z-index: 1;
    height: 25px;
    width: 50px;
}
/*#endregion Home Page SignIn end*/

/*#region CustomRadioButtons*/
.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="radio"] {
    display: none;
}

    .custom-radios input[type="radio"] + input + label, .custom-radios input[type="radio"] + label {
        color: #142337;
        font-family: 'BasicCommercialLTPro', 'Arial';
        font-size: 14px;
        font-weight: normal;
    }

        .custom-radios input[type="radio"] + input + label span, .custom-radios input[type="radio"] + label span.customLabelSpan {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            -ms-border-radius: 50%;
            border-radius: 50%;
            border: 1px solid #142337;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 35px;
            padding-top: 5px;
        }

        .custom-radios input[type="radio"] + label span.customLabelSpanSmall {
            width: 15px;
            height: 15px;
            padding-top: 2px;
        }

        .custom-radios input[type="radio"] + input + label span i, .custom-radios input[type="radio"] + label span.customLabelSpan i {
            opacity: 0;
            transition: all .3s ease;
            color: #181e28;
        }

    .custom-radios input[type="radio"]#color-1 + input + label span, .custom-radios input[type="radio"]#color-1 + label span.customLabelSpan {
        background-color: white;
    }

    .custom-radios input[type="radio"]:checked + input + label span i, .custom-radios input[type="radio"]:checked + label span.customLabelSpan i {
        opacity: 1;
    }

.custom-radios i {
    transition: all .3s ease;
}

#ulLinkedShop li {
    list-style-type: none;
    margin-bottom:15px;
}


.amCustomRadios div {
    display: inline-block;
}

.amCustomRadios input[type="radio"] {
    display: none;
}

    .amCustomRadios input[type="radio"] + input + label, .amCustomRadios input[type="radio"] + label {
        color: #142337;
        font-family: 'BasicCommercialLTPro', 'Arial';
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
    }

.amCustomRadios span.spnIcon {
    cursor: pointer;
}

.divUnsubscribeBlock .amCustomRadios span.spnIcon {
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
}

/*#endregion CustomRadioButtons*/

/*#region CustomerProfile*/
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* need to fix icons sprite */
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.customerProfileBtn {
    margin-top: 5%;
    padding: 7px;
    width: 100%;
}

.loginRetailAlign {
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
    margin-top: 40px;
}

#div_B2BProfile.sidenav ul a {
    padding-left: 0px;
}

.div_B2BProfileBody {
    margin-top: 10px;
}
/*#endregion CustomerProfile*/

/*#region shopping bag*/
.divContinueBtnContSticky {
    position: sticky;
    bottom: 0;
    mix-blend-mode: normal;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9;
}

    .divContinueBtnContSticky .divContinueBtn,
    .divContinueBtnContSticky .btnSBBookAppointment {
        margin-bottom: 15px;
        width: 80%;
        margin: 15px auto;
    }

.divCheckoutTabCont .divProcessOrderBtn, .divDeliveryDetailTabCont {
    margin-right: 10px;
}

.divContinueBtnContSticky .okayBtnDilogueSelectFit {
    min-width: 100px;
    margin: 15px auto;
    text-align: center;
    display: block;
}

.currencyAlignment {
    margin: -28px 10px !important;
}
/*#endregion shopping bag*/

/*#region shopping bag bubble*/

.cartItemCount {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    background: #142337;
    color: #fff;
    border-radius: 50%;
    top: -15px;
    left: -7px;
    text-align: center;
    line-height: 20px;
}
/*#endregion shopping bag bubble*/

/*#region Customer CSS START*/

/*#region CreateSelect*/

.displayText {
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.toggleIcon {
    font-size: 1.3em !important;
    vertical-align: text-bottom;
}

.toggleText {
    padding-right: 8px;
}


.additionalFieldsToggle {
    font-size: 17px;
    padding-left: 5px;
    padding-right: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.fieldsToggleContainer {
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
}

.createBtn {
    font-size: 0.6em !important;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase !important;
    margin-right: 8px;
}



.selectButton {
    font-size: 0.6em !important;
    padding: 5px 15px;
}

.newCustomerpanel  {
    padding: 1em 0;
}

.customerCaretIcon {
    float: right;
}

.genderField.custom-radios input[type="radio"] + input + label span.customLabelSpan, .genderField.custom-radios input[type="radio"] + label span.customLabelSpan {
    line-height: 33px;
}

.genderField {
    padding-top: 7px;
    padding-left: 5px;
    width: 96.76%;
    display: inline-block;
}

.stayInformed {
    padding-left: 5px;
    padding-top: 7px;
}

/*#endregion CreateSelect*/

/*#region CustDetails*/

.verticalSection {
    position: fixed;
    height: 100%;
    top: 0;
    overflow: hidden;
    padding-bottom: 15px;
}

.legalPageVerticalSection {
    position: relative;
    height: 100%;
    top: 0;
    overflow: hidden;
    margin-top: 36px;
}

.sideNavCustomer {
    margin: 0 auto;
    height: 100%;
}

.navHeader {
    padding: 3em 0;
    height: 10%;
    margin-top: 10px;
    padding-left: 35px;
}

.tabHeader {
    padding: 2em 15px;
    height: 20%;
}

.divNoWishListCont {
    padding: 30px 15px 0em 0 ;    
}

.bookFittingHeading {
    padding: 2em 0px;
}

.bookFittingWeddingPage .bookFittingHeading {
    padding: 2em 0px;
}

#div_CustomerFitProfile .tabHeader {
    padding: 3em 2em;
    height: 20% !important;
    padding-bottom: 1.5em !important;
    padding-left: 4em !important;
}

#div_CustomerFitProfile .childHeader {
    height: 20% !important;
    padding-bottom: 1.5em !important;
    padding-left: 0.5em !important;
}

#div_CustomerFitProfile {
    font-size: 11pt;
}

.centerDiv {
    padding: 3em 2em;
    width: 80%;
    margin: auto;
}

.customerNav {
    padding-left: 20px !important;
}

    ul.customerMenu li {
        border-bottom: 1px solid #f1f0f0;
        padding: 12px 15px;
    }

        ul.customerMenu li a {
            text-transform: uppercase;
        }

.navFooter {
    padding: 3em 2em;
}

.tabContainer {
    text-transform: initial !important;
}

    .idOInvoiceTable .table-responsive #TableOInvoiceHistory {
        overflow-y: scroll;
    }

.subHeading {
    font-size: 0.9em;
    font-weight: 400;
}

.editBtn {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 6%;
}

/*    .divContent p, .divContent:not(.loadMoreCont) span {
        font-size: 0.9em;
    }*/

.switchFormCtrl {
    margin-top: 0 !important;
    height: 36px !important;
    display: inline;
}

.styInformedEdit {
    font-weight: 600;
    font-size: 0.9em;
}

.topBorderNone td {
    border-top: none;
    padding: 4px;
}

.topBorderNone {
    border: none;
}

.moreBtn {
    padding: 5px;
    border-radius: 21px;
    padding-left: 15px;
    padding-right: 15px;
}

    .moreBtn:hover {
        font-weight: bold;
    }

.divCustomerDetailRightPanel, .divRetailerDetailRightPanel {
    border-left: 1px solid #E7E7E7;
    padding-left: 0;
}

.errorPopoverRange .popover {
    width: 280px;
    text-align: center;
}
/*#endregion CustDetails*/

/*#endregion Customer CSS END*/

/*#region card Swap page CSS start*/


.plusMinusBtn {
    color: #ffffff !important;
    background-color: #142337;
    border-color: #142337;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: auto;
}

    .plusMinusBtn:hover {
        color: #142337 !important;
        background-color: #ffffff;
        border-color: #a9b0bc;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }



.spanCreatFitFloat span:nth-child(2) {
    float: right;
}

.divModalCommonWidth {
    width: 35%;
}

.commonBtnProp {
    font-size: 0.75em;
    letter-spacing: 0.18em;
    font-size: 11px;
}

.footerTitleMob {
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px solid #dbdbdb;
}

#DownPayments {
    width: 100%;
    padding: 5px;
}

.divSelectpickFocusHide .bootstrap-select .dropdown-toggle:focus {
    outline: unset !important;
}


.divAddItemCtrlCont .form-control {
    height: auto !important;
}

.inputArticleGroup {
    padding: 7px !important;
}

.divAddItemButton {
    margin-top: 0;
    width: 100%;
    max-width: 220px;
    margin-top: 20px;
}

.divAddRtwItemButton {
    margin-top: 0;
    width: 100%;
    max-width: 220px;
    margin-top: 20px;
}

.divselectpickeparent {
    display: flex;
    flex-wrap: wrap;
}



    .divselectpickeparent .btn-group:nth-child(2) {
        width: 48%;
    }

#divCartXtraItemCtrl {
    display: none;
}

.divItemCategoryCtrlCont {
    margin-top: 20px;
}

.divAddItemCtrlCont {
    margin-top: 20px;
}

.divGiftCardCtrlCont {
    margin-top: 20px;
}

.divTotalPriceCtrlCont {
    margin-top: 20px;
    width: 100%;
}
/*#endregion card Swap page CSS start*/

.CardSwapOverlay {
    position: absolute;
    top: 110px;
    width: 100%;
    height: 100%;
    z-index: 10003;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 1);
}

    .CardSwapOverlay.scrollable {
        overflow: auto;
    }

.cardSwatHeading {
    font-family: Basic Commercial LT Bold;
    font-weight: normal;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    letter-spacing: 0.08em;
    color: #142337;
}

.swipe-animation {
    position: relative;
    width: 500px;
    height: 200px;
    margin: 60px auto;
    overflow: hidden;
}

.credit-card {
    width: 250px;
    height: 140px;
    background: #dadada;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    animation: swipe-card 2s ease-in-out infinite;
}

    .credit-card .scc-tripe {
        position: absolute;
        background: #434343;
        width: 100%;
        height: 25px;
        bottom: 30px;
    }

.swiper-top, .swiper-bottom {
    border-radius: 8px 8px 0 0;
    position: absolute;
    background: #434343;
}

.swiper-top {
    height: 20px;
    bottom: 105px;
    z-index: 0;
    width: 400px;
    left: calc(50% - 200px);
}

.swiper-bottom {
    height: 100px;
    bottom: 0;
    z-index: 3;
    width: 420px;
    left: calc(50% - 210px);
}

    .swiper-bottom .light-indicator {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #dadada;
        animation: reader-light 2s ease-in-out infinite;
    }

@keyframes swipe-card {
    0% {
        margin-left: -150px;
        transform: rotate(25deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        margin-left: 500px;
        transform: rotate(-25deg);
    }
}

@keyframes reader-light {
    0% {
        background: #dadada;
    }

    60% {
        background: #b8fd99;
    }
}


.divConnectingPosTwo, .divConnectingPosOne {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*#endregion card Swap page CSS END*/

/*#region Payment Option page CSS END*/

.divPaymentWholeCont {
    width: 100%;
    margin-top: 15px;
}

.cardSwipeLine {
    border-top: 1px solid #465165;
    width: 90%;
    margin: auto;
}

.divPaymentItem:last-child .cardSwipeLine {
    border: none;
}

.divPaymentItem:nth-child(2) .fontLabel,
.divPaymentItem:nth-child(2) .spnIcon {
    cursor: context-menu;
}

.comingSoonText {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.strikeThrough {
    text-decoration: line-through;
}

.divPaymentwidth {
    width: 33.33% !important;
}

.spanAdynImgBlok {
    text-align: center;
}

.divPaymentOuter {
    display: flex;
    flex-wrap: wrap;
}

.paymentItemRow {
    padding-bottom: 5px;
}

.divOuterForBalce, .divTotalDivBlock {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.spanTotalBlock {
    border-top: 1px solid #000;
}

.spanBalancAmount, .spnTotalAmount {
    text-align: center;
}

.spnTotalAmount, .spnTotalLabel {
    padding-top: 10px;
    font-weight: bold;
}

.spnTotalAmount {
    border-top: 1px solid grey;
}

.divOverviewAlign {
  margin-top: 4px;
}


#DownPayments {
    width: 100%;
    padding: 5px;
}

.divSelectpickFocusHide .bootstrap-select .dropdown-toggle:focus {
    outline: unset !important;
}


.divAddItemCtrlCont .form-control {
    height: auto !important;
}

.inputArticleGroup {
    padding: 7px !important;
}

​​​​​​​

.divAddItemButton {
    margin-top: 0;
    width: 100%;
    max-width: 220px;
    margin-top: 20px;
}

.divAddRtwItemButton {
    margin-top: 0;
    width: 100%;
    max-width: 220px;
    margin-top: 20px;
}

.divselectpickeparent {
    display: flex;
    flex-wrap: wrap;
}



    .divselectpickeparent .btn-group:nth-child(2) {
        width: 48%;
    }

#divCartXtraItemCtrl {
    display: none;
}

.divItemCategoryCtrlCont {
    margin-top: 20px;
}

.divAddItemCtrlCont {
    margin-top: 20px;
}

.divGiftCardCtrlCont {
    margin-top: 20px;
}

.divTotalPriceCtrlCont {
    margin-top: 20px;
    width: 100%;
}

/*#endregion Payment Option page CSS END*/

/*#region payment option*/

.divPaymentItem {
    background-color: #f1f0f0;
    padding: 25px 20px;
    margin: 0 0 20px 0;
}

.divPaymentItem {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    min-width: 200px;
    width: 100%;
    padding: 25px 25px;
    min-height: 100px;
}

.divPaymentWholeCont .divPaymentItem {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    position: relative;
}

.divPaymentOptionName {
    display: inline-block;
    width: 50%;
    margin-top: 5px;
}

.divPaymentAmountCont {
    display: inline-block;
    float: right;
    text-align: right;
}


.divBackBtn {
    margin: 10px 0px;
    border-bottom: 1px solid grey;
    cursor: pointer;
}

.posLabel {
    width: 100%;
}

.divPaymentOptionCtrl .fontLabel {
    font-size: 15px;
}

.divRetailerPaymentCont {
    margin-top: 20px;
    width: 70%;
    margin: 10px auto;
}

.greenText {
    color: #009818;
}
/*#endregion*/

/*#region TerminalSuccess*/
.divPaymenetTitle {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 20px 0px;
}

.divNotRefreshText {
    font-family: 'BasicCommercialLTPro', "Arial";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.13em;
    text-transform: none !important;
}

.divPaymenetTitle h1 {
    font-family: BasicCommercialLTPro;
    text-transform: none;
}

.spnProcessIcon {
    font-size: 17px;
    text-align: center;
    display: block;
}

divTerminalPaymenetSuccess table, divTerminalPaymenetSuccess th, divTerminalPaymenetSuccess td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
}

divTerminalPaymenetSuccess th, divTerminalPaymenetSuccess td {
    padding: 5px;
    text-align: left;
}

.divTerminalPaymenetSuccess {
    margin-top: 10% !important;
    text-align: center;
    margin-bottom: 10%;
}

    .divTerminalPaymenetSuccess .loader,
    .divTerminalPaymenetSuccess .loader:after {
        border-radius: 50%;
        width: 17px;
        height: 17px;
        text-align: center;
    }

.divOrderProcessStatusCont {
    text-align: left;
    width: 50%;
    display: inline-block;
}

.divOrderProcessFailureCont {
    text-align: left;
    width: 80%;
    display: inline-block;
}

.divPaymentHeading {
    font-weight: bold;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.paymentTitle {
    border: 1px solid #dbdbdb;
    padding: 10px 10px;
}

#prePaymentPopup .paymentTitle {
    border: none;
}

.paymentData {
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 10px 10px;
}

.paymentTitleCenter {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 10px;
}

.paymentDataCenter {
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 10px;
}

.divSuccessPayDisplay {
    display: flex;
}

.centerPaymentSuccess {
    padding: 5px 40px 0px 40px;
    width: 71%;
    margin: auto;
    max-width: 1440px;
}

.divMobileNextPaymentButton, .divNextBtnParent {
    display: none;
}

.divPaymenetDesc {
    margin-bottom: 25px;
    font-size: 15px;
}

.divPaymentWarningMsg {
    margin-top: 50px;
    font-size: 15px;
    color: #ff0000;
    text-align: left;
}

/*#endregion TerminalSuccess*/
/*#region My Account CSS START*/

.divBackColor {
    background-color: #F8F8F8;
    padding: 15px 40px;
    position: relative;
    max-width:970px;
}
.divMobileMainTitle {
    max-width: 970px;
}
.divMobileMainClientTitle {
  max-width: 990px;
}

.spanHeadingAppointmentpage {
  padding-bottom: 10px;
  display: inline-block;
}

.divBtnMarginAppointment {
    margin: 40px 0;
}

.btnMyAppointment {
    font-size: 9px;
    line-height: 18px;
    letter-spacing: 1.46723px;
}

.divBtnReshedules {
    text-align: right;
    position: relative;
    bottom: 80px;
    right: 20px;
    margin-bottom: -65px;
}

.divUpcomingUpointment {
    margin-top: 20px;
}

.divAppointmentParent span,
.divDateBlock span,
.divTimeBlock span {
    font-style: normal;
}

.divContactPaParrent span {
    font-weight: 300;
    font-size: 15px;
    line-height: 31px;
}

.divUpcomingUpointment .owl-next {
    position: absolute;
    right: -20px;
    top: 10%;
}

.divUpcomingUpointment .owl-prev {
    position: absolute;
    left: -20px;
    top: 10%;
    right: unset;
}

.divUpcomingUpointment .owl-prev {
    background: #f8f8f8 !important;
}

.imgUserImage {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

.IconAppointmentBackground {
    font-size: 20px;
    padding: 5px;
    background: #142337;
    color: #fff !important;
}

.trUpcomindTrParent td {
    background-color: #F8F8F8 !important;
    vertical-align: middle !important;
}

.btnBookNowAppointment {
    padding-left: 45px;
    padding-right: 45px;
}



/*#endregion My Account CSS END*/
    /*#region Account Overview CSS START*/
    .imgUserWlcomePage {
    border-radius: 50%;
    height: 80px;
    width: 80px;
}


.divOverviewBackColor {
    background: #F8F8F8;
}

    .divOverviewBackColor a.abtn {
        width: auto;
    }


.retailerBox.divOverviewBackColor {
    border: none;
}
/*#endregion Account Overview CSS END*/

/*#region My WardRobe CSS START*/

.divWordrobeMargin {
    margin-top: 100px;
}

.spanPlusIconWordrope,
.spanPlusIconFit {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
}

.liNoBorder {
    border-bottom: none !important;
}

.pCustomerName {
    font-size: 22px;
    margin-top: 30px;
    margin-left: 10px;
    line-height: 15px;
}

.DivAcoountHolderName {
    display: flex;
}

.imgStyle {
    width: 203.76px;
}

.divItemName {
    width: 100%;
    left: 389px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.09em;
    color: #000000;
    display: inline-block;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

/*#endregion My WardRobe CSS END*/

/*#region LoaderOverlay*/
.divLoadingCont {
    padding: 15px;
    margin: auto;
    text-align: center;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    min-width: 450px;
    transform: translate(-50%, -50%);
}

.divMessageCont, .divPercentCont, .divMunroLogoCont {
    margin: 30px 5px;
}

.divMessageCont, .divPercentCont {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.11em;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 5px;
}

.divMessageCont {
    text-transform: initial;
}

#divShow3DSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10004;
}

.divLoaderAnimate {
    width: 100%;
    height: 124px;
    position: absolute;
    background: #fff;
    opacity: 0.9;
    z-index: 1;
}


.munroLogo {
    width: 90px !important;
}

/*#endregion*/
/*#region fabric & care Style CSS START*/
.spanFabricCareStatus {
    width: 17%;
    height: 3px;
    border-radius: 1px;
    vertical-align: bottom;
    margin-top: 0px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    margin : 15px 0px;
}
.divFabricCareDetails {
    border: 1px solid #F5F5F5;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 20px 18px;
    width: 100%;
}
.spnValueCont {
    position: absolute;
    top: -20px;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}


.liFabricAndCare {
    position: relative;
    margin-top:5px;
}
.fabricSwatchOnImg {
    position: absolute;
    top: 16px;    
    left: 16px;
    background: #fff;
    /*padding: 8px 12px;*/
    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    width: 32px;
}
    .fabricSwatchOnImg img {
        width: 16px;
        height: 16px;
    }

/*.divOrderInfoImageSection .fabricSwatchOnImg {
    position: absolute;
    top: 18px;
    left: 0px;
    left: 18px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}*/
.divItemInfoImageSection .fabricSwatchOnImg {
    position: absolute;
    top: 10px;
    /*left: 18px;*/
    right: 10px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.fabricSwatchOnImg i{
    font-size: 16px;
    /*left:-1px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

#paymentConfirmation .divSubFabricAndCareModal {
    width: 45%;
}

.liFabricAndCare span:first-child {
    width: 23%;
    display: inline-block;
    color: rgba(20, 37, 55, 0.5);
}

.divRigthfabricCare {
    /*padding: 20px 10px 20px 20px;*/
    margin-bottom: 30px;
    max-height: 638px;
    height: 100%;
    overflow-y: scroll;
}

    .divRigthfabricCare::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .divRigthfabricCare::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 5px solid #ffffff;
    }

    .divRigthfabricCare::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }

.divStatusBar {
    display: inline-block;
    position: relative;
}

.fabricImage {
    width: 100%;
    padding-bottom: 0;
}

.divSubFabricAndCareModal .windowClose {
    top: 1%;
    margin-left: 2%;
    left: 0;
    height: 40px;
    width: 22px;
}

/*#endregion fabric & care Style CSS END*/

/*#region Modal WindowClose*/

.divModalCommonWidth .windowClose:before, .divModalCommonWidth .windowClose:after {
    right: 18px !important;
    top: 10px;
    position: absolute;
    content: ' ';
    height: 20px;
    width: 1px;
    background-color: #333;
    z-index: 9;
}

.divModalCommonWidth .windowClose:before {
    transform: rotate(35deg);
}

.divModalCommonWidth .windowClose:after {
    transform: rotate(-35deg);
}

.divModalCommonWidth .windowClose {
    top: 1%;
    margin-left: 2%;
    left: 0;
    width: 22px;
}

.emailTemplatePreview .windowClose:before, .emailTemplatePreview .windowClose:after {
    right: 18px !important;
    top: 10px;
    position: absolute;
    content: ' ';
    height: 20px;
    width: 1px;
    background-color: #333;
    z-index: 9;
}

.emailTemplatePreview .windowClose:before {
    transform: rotate(35deg);
}

.emailTemplatePreview .windowClose:after {
    transform: rotate(-35deg);
}

.emailTemplatePreview .windowClose {
    top: 1%;
    margin-left: 2%;
    left: 0;
    height: 40px;
    width: 22px;
}

/*#endregion Modal WindowClose*/

/*#region Preview Email START*/
.emalTemplateFont {
    font-family: Helvetica,Arial, sans-serif !important;
    color: #142337 !important;
    line-height: 25px !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.emailTemplateText {
    padding-left: 15% !important;
    margin-top: 10px;
}

.divEmailTemplatePreview {
    overflow: hidden !important;
    width:760px;
}

.divLinkPaymentTextBlock {
    width: 80% !important;
}

.emailTemplateImg img {
    width: 100% !important;
}


/*#endregion Preview Email END*/

/*#region Customer Details on Slide out Panel START*/
.customerAccountDetails {
    display: inline-block;
}

.customerAccountDetails p {
    margin-bottom: 5px;
}
.customerAccountPanelDetails p {
    margin-bottom: 5px;
}
.divCustomerAccount {
    background: #fafafa;
}

.customerAccountDetails p {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.customerAccountPanelDetails p {
    overflow: hidden;
    text-overflow: ellipsis;
}
#divCustomerNavMenuB2B .signInTitleAM, #divCustomerNavMenuB2C .signInTitleAM {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1.28px;
    font-family: 'BasicCommercialLTPro', "Arial";
    text-transform: capitalize;
}

.fabricTabLinkDisabledClass:hover {
    cursor: not-allowed;
}

.paNameTitle {
    border-top: 1px solid #dbdbdb;
    margin-top: 40px;
    padding-top: 40px;
}
/*#endregion Customer Details on Slide out Panel END*/

/*#region copy order option START*/
.divCopyOptionCont {
    display: flex;
}

    .divCopyOptionCont div span {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

#divCopyOptionDetail::-webkit-scrollbar {
    width: 6px;
}

/* Track */
#divCopyOptionDetail::-webkit-scrollbar-track {
    border-radius: 27px;
}

/* Handle */
#divCopyOptionDetail::-webkit-scrollbar-thumb {
    background: #E1E1E1;
    border-radius: 27px;
}

.spanCloseIconCopyOrder {
    margin-right: 10px;
    margin-top: 10px;
}

.divCopyOptionBtn {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 8px 15px;
    padding-left: 40px;
    padding-right: 40px;
}

.liCopyOptionList {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*#endregion copy order option END*/

/*#region Checkoutpage START*/

.divTermalProcesOnHoldBtn {
    max-width: 250px !important;
}

.divProcessOnHoldBtn {
    text-align: center;
    margin-bottom: 20px;
}

    .divProcessOnHoldBtn a {
        max-width: 170px;
    }

.divProcessTitle p {
    font-size: 16px;
    text-align: center;
}

.divProcessTitle {
    text-align: center;
    margin-bottom: 20px;
}

.spanPageSizeTitle {
    display: inline-block;
    padding-right: 15px;
}


.jRMtza {
    z-index: 10003 !important;
}

#divCustomerOrderHistory tr {
    cursor: pointer;
}

#divDateTimeSelection {
    position: relative;
}

.CheckOutdateTimeSelectCont #left_scroll, .CheckOutdateTimeSelectCont #right_scroll {
    position: absolute;
    top: 18.5%;
    z-index: 9;
    background: transparent;
    border: none;
    display: none;
}

.CheckOutdateTimeSelectCont .divTimeCont {
    overflow-y: scroll;
    max-height: 440px;
    width: 100%;
    height: 100%;
}

.CheckOutdateTimeSelectCont #right_scroll {
    left: 97%;
}

.CheckOutdateTimeSelectCont #left_scroll {
    left: 0;
}

.CheckOutdateTimeSelectCont #rightProgress {
    display: none;
    position: absolute;
    z-index: 9;
    right: -3%;
    width: 150px;
    bottom: 102%;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
}

.CheckOutdateTimeSelectCont #leftProgress {
    display: none;
    position: absolute;
    z-index: 9;
    left: -2%;
    width: 150px;
    bottom: 102%;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
}

    .CheckOutdateTimeSelectCont #leftProgress:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -60px;
        bottom: -2em;
        left: 50%;
        box-sizing: border-box;
        border: 1em solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
    }

.CheckOutdateTimeSelectCont #rightProgress:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 1.5em;
    bottom: -2em;
    left: 50%;
    box-sizing: border-box;
    border: 1em solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

/*#endregion Checkoutpage End*/

/*#region Aoppointment block START*/
.xdsoft_calendar tbody tr td {
    display: none;
}

.xdsoft_calendar tbody tr.weekViewActive td {
    display: table-cell;
}

.xdsoft_label.xdsoft_month, .xdsoft_label.xdsoft_year {
    pointer-events: none;
}

    .xdsoft_label.xdsoft_month i,
    .xdsoft_label.xdsoft_year i,
    .xdsoft_today_button {
        display: none !important;
    }

.xdsoft_label.xdsoft_month {
    text-align: right;
    width: 46%;
}

.xdsoft_label.xdsoft_month,
.xdsoft_label.xdsoft_year {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

/*#endregion Aoppointment block end*/

/*#region scroll bar visible start*/


.divAMCommonScroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .divAMCommonScroll::-webkit-scrollbar:vertical {
        width: 8px;
    }

    .divAMCommonScroll::-webkit-scrollbar:horizontal {
        height: 8px;
    }

.divAMCommonScroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
}

.divAMCommonScroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

/*#endregion scroll bar visible end*/

/*#region email Confirmation start*/
.divMyOrderHeader {
    font-size: 30px;
    margin-top: -30px !important;
}

.divMyOrderDescCont {
    letter-spacing: 0.30px;
    margin-bottom: 20px;
}



.marginLeft15 {
    margin-left: 15px !important;
}

.emailinptWidth {
    width: 355px !important;
}


.iconEditEmail {
    margin: 5px 0px 0px 5px;
    font-weight: 300;
    font-size: 27px;
}

.iconEditEmail {
    cursor: pointer;
}

/* Expert option*/
.expertOptionText {
    margin-top: 10px;
    font-size: 15px;
}

.divStyleHeightDrp .dropdown-menu.inner {
    max-height: 350px !important;
    height: 100%;
}

/* Email template B2C*/
.spanLanguage {
    padding-top: 12px;
    margin-right: 15px;
}

.divLangugaeDrpDwn {
    width: 50%;
}

.divLanguageB2C {
    display: flex;
}



/*#region Ecom css start*/

.spanCountryBarClose {
    position: relative;
    left: 10px;
    top: -13px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    right: auto;
    margin-left: 0%;
    left: 2%;
    z-index: 1;
    height: 52px;
    width: 22px;
    border: none;
}

    .spanCountryBarClose.closebtn:before, .spanCountryBarClose.closebtn:after {
        position: absolute;
        left: 10px;
        content: ' ';
        height: 22px;
        width: 1px;
        background-color: #fff;
        z-index: 9;
    }


.h2CountryNotText {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #142337;
    margin-bottom: 20px;
}

.btnAddressCheckoutSave {
    width: 100%;
    max-width: 120px;
}

.divInlineAddressField {
    width: 49%;
}

.divCheckoutColumnAdressFlex {
    display: flex;
}

.divInlineAddressField:first-child {
    margin-right: 2%;
}

.divAddressDropDownMargin {
    margin: 3px 0;
}

.h2CheckoutAddressHeading {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.09em;
    color: #142337;
}

.spanBillingAddressCheck, .iAddAddressIcon {
    font-size: 18px;
    position: absolute;
}

.divAddressContainer, .divEcomHearAboutCont {
    background-color: #f1f0f0;
    padding: 25px 20px;
    margin: 0 0 20px 0;
}


.divDiliverToHomeAddress .divDiliveryOption, .divDiliverToStoreAddress .divDiliveryStoreOption {
    text-align: center;
    padding: 22px 0 22px 0;
    background: #FFFFFF;
    border: 3px solid #ffffff;
    box-sizing: border-box;
    border-radius: 1.27801px;
    cursor: pointer;
}

    .divDiliverToHomeAddress .divDiliveryOption.active, .divDiliverToStoreAddress .divDiliveryStoreOption.active, .divPreSelectedAddressCont.active {
        border: 3px solid #142337;
        box-sizing: border-box;
        border-radius: 1.27801px;
    }

.iCheckoutAddressIcons {
    font-size: 50px;
}

.divPreSelectedAddressCont {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 1.27801px;
    cursor: pointer;
    position: relative;
    /*padding: 15px;*/
    border: 3px solid #fff;
}

.ulEditAddress {
    padding-top: 15px;
    padding-bottom: 15px;
}

.divPreSelectedAddressCont li {
    list-style-type: none;
}

.divNewAddressAddLink {
    cursor: pointer;
}

.spnEditAddressIcon {
    right: 5px;
    bottom: 5px;
    position: absolute;
    font-size: 18px;
    color: #AAADAF !important;
}

.locationTileInfo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.h2StoreAddressHeading {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.04273px;
    text-transform: uppercase;
    color: #142337;
}

.spanShopAddressSubText {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1.45983px;
    color: #142337;
}


.imgPerfectFitBannerWidth {
    width: 100%;
}

.divFitCheckoutBannerBackground {
    background: #FAFAFA;
}

.h1CheckoutFitBannerHeading {
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 20px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #142337;
}

.h2CheckoutFitBannerSubHeading {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #142337;
    margin-top: 20px;
}

.divFitCheckoutBannerBackground p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    letter-spacing: 0.08em;
    color: #142337;
}

.ulLinoStyle {
    list-style: none;
    padding-left: 25px;
}

.divBottomMarginEcomSelectPicker {
    margin-bottom: 5px;
}

.divFormBackgroundRemove {
    background: transparent;
    border: none !important;
}

.h2CheckoutAddressHeading {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.09em;
    color: #142337;
    font-family: Basic Commercial LT Bold !important;
}

.spanVatText {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 32px;
    text-align: right;
    letter-spacing: 1.59751px;
    color: #142337;
    text-transform: initial;
}

.h1YourStoreHeading {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.09em;
    color: #142337;
}

.divBillingAddressCheckbox {
    cursor: pointer;
}

.divDiliverToHomeAddress, .divDiliverToStoreAddress {
    max-width: 201px;
    width: 100%;
    max-height: 152px;
    height: 100%;
}

.divExistingAddressSelector {
    display: flex;
}

.divAddressPadingEcom {
    max-width: 300px;
    width: 100%;
}

.h2HappenNext {
  margin-top: 50px;
  margin-bottom: 20px;
  font-family: 'BasicCommercialLTPro';
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #142537;
  text-transform: none;
}

.spanOrderDetails {
    margin-bottom: 30px;
    display: block;
}

.spanPaymentText {
    margin-top: 30px;
    display: block;
}

.spanCustomerDetails {
    font-size: 12px;
    font-weight: 500 !important;
    padding-left: 5px;
    letter-spacing: 1px;
    font-family: 'BasicCommercialLTPro', "Arial";
}

.divOrderDetailsContactCardPopOver .popover.fade {
    padding: 10px;
}

.fitSelectBtn {
    font-size: 12px;
}
/*#region  Ecom B2C Adyen Payment css start*/
.adyen-checkout__payment-method:first-child, .adyen-checkout__payment-method:last-child {
    border-radius: 0px;
    -ms-border-radius: 0px;
    background: #F1F0F0;
    border: 1px solid #F1F0F0;
}

.adyen-checkout__payment-method--selected {
    border-radius: 0px !important;
    background: #F1F0F0 !important;
    border: 1px solid #F1F0F0 !important;
}

    .adyen-checkout__payment-method--selected + .adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child, .adyen-checkout__payment-method--next-selected, .adyen-checkout__payment-method:last-child {
        border-radius: 0px;
        -ms-border-radius: 0px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

.adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover, .adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button--active:hover, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus {
    border: 1px solid #142337 !important;
    box-shadow: 0 0 0 2px #99c2ff00 !important;
}

/*.adyen-checkout__payment-method__radio--selected {
    background-color: #142337 !important;
}*/

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: #142337 !important;
}

.adyen-checkout__input--valid {
    border-bottom-color: #142337 !important;
    border: 1px solid #142337 !important;
}

.adyen-checkout__input {
    border-radius: 2px !important;
    -ms-border-radius: 2px !important;
}

.adyen-checkout__button {
    border-radius: 2px !important;
    -ms-border-radius: 2px !important;
}

.spanDesktopFilter:hover {
    cursor: pointer;
}

.spanDesktopFilterClose:hover {
    cursor: pointer;
}

/*#endregion Ecom B2C Adyen Payment end*/

.weddingEventStoreLocator {
    padding: 12px 35px;
    display: inline-block;
    /*border: 1px solid #142337;*/
    letter-spacing: 0.18em;
    font-size: 11px;
    margin-right: 11px;
}
/*#endregion Ecom css End*/

/*#region Shop Chain Merge Customer css End*/
.divVerifyCustomerEmail {
    padding: 0px 20px 10px 20px;
}

.divCustomerPopupDescription {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.08em;
    color: #142337;
}

.divCustomerMergePopUpText {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.08em;
    color: #142337;
}

.divMergePopUpHeading {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.09em;
    color: #000000;
    text-align: left;
    margin-top: 20px;
}

.divMergePopUpDesc {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.08em;
    color: #142337;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 40px;
}

.divMergeCustomerParent .ui-dialog-titlebar {
    display: none !important;
}

.divMergeCustomerParent .ui-dialog-buttonset {
    text-align: left;
}

.divMergeCustomerParent .systemBtnOne.dialogBtn {
    margin-right: 25px;
}

.divTextAlignCenter {
    text-align: center !important;
}

.divMergeCustomerParent .ui-dialog {
    border-radius: 0;
    border: none;
    padding: 15px;
}
/*#endregion Shop Chain Merge Customer css End*/


.divTopBarPositionOnScroll {
    top: 69px;
}

.divTopBarPositionDefault {
    top: 78px;
}

.divTopBarPositionTop {
    top: 0px;
}

.divCloseTopAlignment.closebtn {
    position: absolute;
    right: 35px;
    top: 0;
    height: 35px;
    width: 22px;
}

.divResetPasswordText {
    font-size: 16px;
    margin-bottom: 12px;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button {
    border-radius: 30px;
    -ms-border-radius: 30px;
}

.prePaymentPopupPosition .ui-dialog-buttonpane .ui-dialog-buttonset button {
    font-size: 11px;
    padding: 10px 25px;
}
.tokenExpiredbackbtn {
    text-decoration: none !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 24px !important;
    color: #142337 !important;
    border-radius: 50px !important;
    background: #ffffff !important;
    text-transform: none !important;
    letter-spacing: 0.24px !important;
    font-family: "Basic Commercial LT Bold", Arial !important;
}

.fa {
    color: #B1B1B1;
}

input, textarea {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.divHomePage #divShowroomMenuContainer {
    background: transparent !important;
}

.divHomePage .appointmentSection {
    color: #fff;
}

.divHomePage .currencyNameNew {
    color: #fff;
}

.divButtonTypeLabel {
    font-size: 15px;
    font-weight: 600;
}

.jsDataRowOrderOverview td {
    cursor: pointer;
}



.divCheckoutContainer, .divCustomerContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.divCheckoutColumn {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    width: 350px;
}

.divLeftCheckoutColumn {
    min-width: 56%;
    margin-right: 4%;
}

.divRightCheckoutColumn  {
    min-width: 40%;
}
  
.divPaymentCheckoutCont {
    width: 80%;
    margin: 10px auto;
}

#confirmationDetails {
    font-size: 14px;
    font-size: 14px;
    letter-spacing: 1.5px;
    margin: 20px 20px 50px 20px;
}

.paymentStatusIcon {
    color: green !important;
    font-size: 20px;
}

.paymentFailedIcon {
    color: red !important;
    font-size: 20px;
}

.paymentStatusIconSpn{
    vertical-align : top;
}

#prePaymentPopup, .paymentTitle {
    font-size: 15px;
}

.paymentItemAlignment {
    padding-left:25px;
}


.margin25 {
    margin-left:25px;
}

.visibilityHidden{
    visibility: hidden;
}

.addToBagNotitifcationTopBarToShowHide {
    background: #F1F0F0;
    position: relative;
    width: 100%;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

.addToBagNotitifcationTopBarToShowHideMob {
    background: #FFFFFF;
    width: 100%;
    padding: 15px 0px 15px 0px;
    text-align: center;
    position: absolute;
    top: 0;
}
.divNotificationText {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.productPageBtn:focus > .noFocus {
    color: #142337;
}

.productPageBtn:hover > .noFocus {
    color: #ffffff;
}
.productAddBtn:hover > .addToBagIcon {
    color: #142337;
}
.paddingTop10px{
    padding-top:10px;
}

.marginRight25 {
    margin-right: 25px;
}

.marginRight32 {
    margin-right: 32px;
}

.marginRight24 {
    margin-right: 24px !important;
}
.termsAndCondtions {
    font-size: 11px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.08em;
}

.genderDrpDwn button{
    outline:none !important;
}

/*#endregion Footer css End*/

/*#region new Newsletter popup*/
.newsLetterPopupHeading {
    text-align: left;
}

.newsLetterPopupTitles   {
    text-align: left;
}

.termsAndCondtionsText  {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}

.termsAndConditionLink {
    border-bottom: 1px solid black;
}

.genderDiv button {
    padding: 10px;
}

.sbsBtnALignment:hover .bi-arrow-right {
    color: #142337;
}

/*#endregion new Newsletter popup*/
/*#region CSS for same as before popup*/
.viewdesignOptions {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.09em;
    text-align: left;
    width: 98%;
    padding:15px;
}
/*#endregion region CSS for same as before popup*/

/*#region fit box*/

.pMeasureContTitle {
  font-family: 'BasicCommercialLTPro', "Arial";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}

.divBookAFittingBtn {
    margin-top: 20px;
}

/*#endregion fit box*/
/*#region reset password*/
.divResetPasswordCheck {
    display: flex;
    text-align: justify;
}

.labelResetTermsText {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding-left:15px;
}

.labelResetPasswordText {
    letter-spacing: normal !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}
.b2CloginButton .ionIconAmBlue {
    opacity: 1;
    font-size: 14px;
}

.b2CloginButton:hover .ionIconAmBlue {
    color: #ffffff;
}
.pCancelAppointmentBody {
    font-weight: 300;
}
/*#endregion reset password*/

/*#region leagal pages css start */
.h1TermsAndConditionHeading {    
    text-transform: uppercase;
    color: #142337;
}

.h3TermsAndConditionSubHeading {   
    color: #000000;
    text-transform: capitalize;
}

.pTermsAndConditionPara {    
    color: #142337;
    display: flex;
    text-align: justify;
}

.divLeagalPagerightCont {
    width: 90%;
    border-top: 2px solid #142537;
}

    .divLeagalPagerightCont li{
        padding:10px 0px 10px 0px;
    }


    .divLeagalPagerightCont li.active{
        font-weight:700;
    }
  .divLeagalPagerightCont a {
    font-family: "BasicCommercialLTPro", Arial !important;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
  .divLeagalPagerightCont li.active a {
    font-family: "BasicCommercialLTPro", Arial !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 20px;
  }
  .divLeagalPagesLeftCont {
    max-width: 750px;
    width: 100%;
  }
.divLeagalPagesCookiesTableCont, .divLeagalPagesCookiesTableCont th {
    background: #F5F5F5 !important;
}
    .divLeagalPagesCookiesTableCont th, .divLeagalPagesCookiesTableCont td{
        border:0;
    }

    .divLeagalPagesCookiesTableCont .divLeagalPagesCookiesSubTable {
        border-collapse: separate;
        border-spacing: 0 10px;  
    }

    .divLeagalPagesCookiesTableCont .divLeagalPagesCookiesSubTable tr:not(:first-child){
        background: #FFFFFF;
        box-shadow: 1px 1px 2px rgba(45, 45, 45, 0.1);
        border-radius: 2px;
    }

.tableBelgiumSericePage{
    width:50%;
}
/*#endregion leagal pages css end*/

.uploadButtonStyle {
    height: 1%;
    width: 1%;
}

.spanBarcodeGiftCardScanner {
    position: absolute;
    right: 30px;
    top: 50px;
}

.divSendRequestDiv {
    width: 100%;
    background: #F8F8F8;
    padding: 28px 30px 32px;
    max-width:970px;
}

.divAccountPermissions {
    width: 80%;
    background: #F5F5F5;
    padding: 30px;
}
.b2cImageLogo{
    min-height : 100vh;
}
.spanTotalRefusedAmount {
    position: absolute;
    right: 30px;
    top: 50px;
}


.RefusedByCustomerOrderStatusSuccessView {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 10002;
    -webkit-overflow-scrolling: touch;
}
.refusuedOrderList {
    list-style: inside !important;
}

.productPartchkbox {
    color: #C4CED4;
}
/*
.refusedModelCloseIcon .ui-dialog-titlebar-close {
    top: -10px !important;
    right: -20px !important;
}*/

/*Member overoview css starts*/

.memberOverviewFilterbox input, .memberOverviewFilterbox select {
    width: 105px !important;
    height: 30px;
    padding-left:10px !important;
}

.memberOverviewFilterbox i{
    position: absolute;
}

.memberOverviewFilterbox i{
    top:8px;
    left: 22px;
}
.memberOverviewFilterbox i.bi-chevron-down{
    top:8px;
    left:80px;
}
    .memberOverviewFilterbox i.bi-calendar3 {
        top: 8px;
        left: 80px;
    }
.memberOverviewFilterbox i.iconTo{
    top:20px;
}

.ImageLogoMembersOverview img {
    width: 18px !important;
    height: 21.35px !important;
}

.memberOverviewFilterbox .bs-actionsbox, .memberOverviewFilterbox span.bs-caret {
    display: none;
}
.memberOverviewFilterbox  i.position-absolute {
    z-index: 99;
    top: 7px !important;
    left: 120px !important;
}

#membersOverviewTable {
    width: 100% !important;
    margin-bottom: 0px !important;
    min-height: 200px;
}
    #membersOverviewTable_wrapper{
        padding:0px;
    }

    #membersOverviewTable th:nth-child(2), #membersOverviewTable th:nth-child(3) {
        padding-left: 10px !important;
    }

#membersOverviewTable th:nth-child(1) {
    padding-left: 20px !important;
}

#membersOverviewTable th span.textLight12{
    font-weight: 700;
}

#membersOverviewTable th {
    padding-left: 40px !important;
}

#membersOverviewTable td:nth-child(1){
    padding-left: 20px !important;
}

#membersOverviewTable td:nth-child(2), #membersOverviewTable td:nth-child(3) {
    padding-left: 10px !important;
}

#membersOverviewTable td {
    padding-left: 40px !important;
}
/*Member overoview css ends*/


.controlLabelHeaderBoldLowarCase {
    padding-top: 8px;
    margin-bottom: 7px;
    font-weight: bold;
}

#divOutstandingAmountText .redErrorMsg {
    color: #D37467 !important;
    max-width: 640px;
}

#qr-reader-results {
    display: flex;
    flex-direction: column-reverse;
}

#qr-reader-results .fabricStatusStockSubTitle{
    width: 42%!important; 
}
.addToBagNotifyCloseCont.rmDraftNotify {
    right: 0px;
}
.productAddForCheckoutBtn:hover > .addToBagIcon {
    color: #142337;
}



/*#region Customer Overview CSS START*/

.margin50{
    margin-left:50px;
    margin-right:50px;
}
.divCustomerOverviewCont {
    /*  max-width: 2020px;
    margin: auto;*/
    background: #F5F5F5;
}

.divCustomerSideBar {
    border-radius: 10px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: #FFF;
    top: 100px;
    margin-top: 30px;
}

.divCustomerMAinContent{
    margin:30px 0px;
}

/*#endregion Customer Overview CSS End*/







/* Custom sidebar styles */
.sidebar {
    /*position: fixed;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: #343a40;
    color: #fff;
    padding-top: 4.5rem;*/ /* Height of navbar */
    overflow-y: auto;
    width: 100%;
    transition: width 0.5s ease;
    border-radius: 10px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: #FFF;
    top: 100px;
    margin-top: 30px;
    position: sticky;
}

    .sidebar.collapsed {
        width: 60px;
    }
        .sidebar.collapsed .btnSideBarToggle {
            left: 45px;
            right: unset;
        }

        .sidebar-header {
            padding: 20px;
            text-align: center;
            /*background-color: #343a40;*/
        }

    .sidebar-header h4 {
        margin-bottom: 0;
        /*color: #ffffff;*/
        display: block;
    }

.sidebar-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .sidebar-menu li {
        position: relative;
    }

        .sidebar-menu li a {
            display: flex;
            align-items: center;
            padding: 10px 20px;
            /*color: #ffffff;*/
            text-decoration: none;
        }

            /*.sidebar-menu li a:hover {
                background-color: #454d55;
            }*/

            .sidebar-menu li a i {
                margin-right: 10px;
            }

.submenu {
    display: none;
    list-style-type: none;
    padding: 0;
}

    .submenu li a {
        display: block;
        padding: 8px 40px;
        /*color: #ffffff;*/
        text-decoration: none;
    }

/*        .submenu li a:hover {
            background-color: #454d55;
        }*/
/*.toggle-btn {
    position: absolute;
    right: -25px;
    top: 10px;
    background-color: #343a40;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 7px;
    border-radius: 0 5px 5px 0;
    transition: background-color 0.3s ease;
}

    .toggle-btn:hover {
        background-color: #454d55;
    }*/
.divCustomerSidebar .active a {
    border-radius: 100px;
    background:  rgba(196, 206, 212, 0.50);
}

    /*.active .submenu {
        display: block;
    }*/

/* Custom top navbar styles */
.top-navbar {
    z-index: 200; /* Ensure top navbar is above sidebar */
}

.custOverviewLeftPanel{
    width:100%;
}


.btnSideBarToggle {
    border-radius: 50px;
    border: 1px solid rgba(196, 206, 212, 0.50) !important;
    background: #FFF;
    position: absolute;
    right: -15px;
    top: 60%;
}
    .btnSideBarToggle i {
        display: block;
        font-size: 12px;
        padding: 4px 0px;
        text-align: center;
    }
.divCustomerSidebar {
    padding: 30px 15px 15px 15px;
}


.aCUstomerSidebarDropdown:not(.collapsed) .bi-chevron-down::before {
    content: "\F286";
}


#divMainCont:has(.divLeagalPagesParenCont) {
    background-color: #FFF;
}