/*#region Customer Overview section Left Part*/

.membershiptTitle img {
    height: 22px;
    width: 20px;
    margin-right: 10px;
}

.customerNavItems {
    vertical-align: middle;
    text-align: left;
}

.custOverviewLeftIcons {
    font-size: 16px;
    opacity: 1;
    color: #142537 !important;
    margin-right: 17px;
}

.noShadowLink a:hover {
    text-shadow: none !important;
    color: unset !important;
}

.myWardrobe {
    text-align: left;
}

.custOverviewLeft {
    margin-top: 145px;
}

#custOverviewLeftPanel li.active span {
    font-weight: 700;
    color: #142537 !important;
}
 
.styleAdvisorNewTextCont {
    display: inline-block;
    background: #EFEBE1;
    margin-left: 5px;
    border-radius: 5px;
    padding: 3px 5px;
    position: relative;
    bottom: 2.2px;
    line-height: 1.5;
}

.divStyleAdvisorDetails {
    background: #FFFFFF;
    margin-bottom: 20px;
    padding-left : 0px !important;
}



/*#endregion*/
/*#region My Account CSS START*/
.spanWadropTitles {
    line-height: 45px;
}

.btnOnFoucusColor a.active {
    color: #ffffff !important;
}

.divMyWordrobeSubCont {
    max-width: 640px;
    width: 100%;
}

.divMyDetailSubCont {
    background: #F8F8F8;
}
.divMyWalletCont {
    background: #F8F8F8;
    width : 95%;
    max-width : 970px;
}

.divMyAccountHeadingBold {
    color: #323232;
    margin-bottom: 15px;
    background-color: unset !important;
}

.divMyAccountHeadingLight, .spanCustomerAccountNewsletterText {
    color: #323232;
    margin-bottom: 15px;
    word-break: break-all;
}
.spanCustomerAccountNewsletterText {
    word-break: break-word;
}
/*.divDeleteAddressBtn {
    padding: 30px 0px 20px 0px;
}*/

.divPasswordUpdateDialog {
    max-width:400px !important;
    width:100% !important;
}

    .divPasswordUpdateDialog button.ui-dialog-titlebar-close {
        height:20px !important;
    }
.divCustomerAccountEditBtn {
    position: absolute;
    top: 0px;
    right: 0px;
}

.divCustomerAccountAddressEditBtn {
    position: absolute;
    top: 15px;
    right: 23px;
    display: flex;
}

    .divCustomerAccountEditBtn button,
    .divCustomerAccountAddressEditBtn button {
        background: #ffffff
    }

.iCustomerAccountDelete {
    padding: 6px 8px;
    border: 1px solid black;
    border-radius: 50%;
    opacity: 1;
    top: 6px;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background: #fff;
}

.spanPostelcodeNormalText{
    font-weight:normal !important;
}
.divCustomerAccountAddressEditBtn a:hover .iCustomerAccountDelete {
    color: #fff;
    background: #142537;
    border: 1px solid #142537;
}

    .divAddressCont {
        border: 1px solid rgba(196, 206, 212, 0.5);
        padding: 15px;
        position: relative;
        margin-top: 20px;
    }

    .divAddressCont:first-child {
        margin-top: 0px;
    }

    .divAddressCont:last-of-type {
        margin-bottom: 30px;
    }

.iCustomerAccountNewsletterChek {
    height: 20px;
    width: 20px;
    vertical-align: text-bottom;
}

.iCustomerAccountPlus {
    color: #ffffff !important;
}

.editCustomerBtn:hover .iCustomerAccountPlus {
    color: #142537 !important;
}

.ulOrderInformation li.active {
    /*background: #F5F5F5;
    border: 1px solid #F5F5F5;*/
    box-sizing: border-box;
    border-radius: 5px;
}
#customerOrderOverviewPagination ul, #existingSKUOrderOverviewPagination ul {
    float: right !important;
    margin-top: 12px;
}

#customerOrderGridOverviewPagination ul {
    float: right !important;
    margin-top: 12px;
}

#customerOrderGridOverviewPagination {
    padding : 30px 0px;
}

.gridListViewSwitchDiv {
    box-sizing: border-box;
    /* width: 106px; */
    cursor: pointer;
    display: flex;
     width: 73px; 
     height: 40px; 
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: var(--PD-M, 10px);
    border-radius: var(--PD-XXXL, 50px);
    border: 1px solid #C4CED4;
    background: var(--Color, #FFF);
}
#divCustomerOrderHistory .nav-tabs > li a{
    padding:12px;
    text-align:center;
}
.circleBtn {
  height: 40px;
  width: 40px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(28,37,55,0.5);
  /*margin-right: 10px;*/
}

.orderFilterIcons {
    font-size: 16px;
    opacity: 1 !important;
    color: #142537 !important;
    position: relative;
    top: 5px;
    /*right: 1px;*/
    --ionicon-stroke-width: 16px;
}

.orderFilterIconsDown {
    font-size: 16px;
    opacity: 1 !important;
    color: #142537 !important;
    position: relative;
    top: 4px;
    left: 1px;
}

.gridListDiWidth {
    /*width: 106px;
    height: 52px;*/
}

.gridListDivIcons {
   /* width: 52px;
    height: 50px;*/
}

.divLoveThisFabricCont {
    background-color: #F8F8F8;
    margin-top: 5px;
}


#div_PersonalDetailsTab .editCustomerBtn .ionIconAmBlue {
    font-size: 15px;
}
/*#endregion My Account CSS END*/

/*#endregion My Account Popup CSS END*/
#customerOrderOverviewPagination li:hover, #existingSKUOrderOverviewPagination li:hover {
    color: #142537;
}

#customerOrderOverviewPagination span, #existingSKUOrderOverviewPagination span {
    background: #F5F5F5 !important;
}

#customerOrderOverviewPagination li span, #customerOrderOverviewPagination li a, #existingSKUOrderOverviewPagination li span, #existingSKUOrderOverviewPagination li a {
    background: #F5F5F5 !important;
    color: #142537;
    border-radius: 3px;
    height: 25px;
    width: 25px
}

    #customerOrderOverviewPagination li span.current, #existingSKUOrderOverviewPagination li span.current {
        background: #142537 !important;
        color: #FFFFFF;
    }
#pageSizeDrp button{
    height:50px;
}
#pageSizeDrp .spanCreatFitFloat {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
    opacity: 1;
    font-family: BasicCommercialLTPro
}
#divOrderTypeSearch .spanCreatFitFloat, #divProductCombination .spanCreatFitFloat, #divOrderStatus .spanCreatFitFloat, #divFilterColor .spanCreatFitFloat, #divDeliveryDate .spanCreatFitFloat {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.28px;
    text-align: left;
    opacity: 1;
    font-family: BasicCommercialLTPro;
    width: 100%;
}
#tableCustomerOrderHistory .spnIcon {
    font-size: 18px;
    width: 20px;
    height: 20px;
    color: #C4CED4;
}
#tableCustomerOrderHistory .jsPopOverIcon {
    opacity: 0.5;
    color: #142537;
}
.orderOptionIcons {
    opacity: 1;
    color: #142537;

}
.orderSettingsIcon .popover.fade .arrow {
    border-left-color: unset;
    overflow: unset;
    position: unset;
    margin-left: unset;
    height: unset;
    width: unset;
    right: unset;
    margin-top: unset;
    border-right-width: unset;
    border-left-color: unset;
    border-left-color: unset;
    border-width: 0px;
}
    .orderSettingsIcon .popover.fade .arrow:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 13px 12px 0;
        border-color: #ccc transparent;
        display: block;
        width: 0;
        z-index: 0;
        transform: rotate( 88deg);
        left: -18px;
        top: 44%;
    }
    .orderSettingsIcon .popover.fade .arrow:after {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 13px 12px 0;
        border-color: #fff transparent;
        display: block;
        width: 0;
        z-index: 1;
        transform: rotate( 88deg);
        top: 44%;
        left: -17px;
    }

.designOptPopupLinkText {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}
.displayFlexMob{
    display:inline-flex;
}
.displayFlexBlock {
    display: block;
}
.marginRight17{
    margin-right:17px;
}
.width168{
    width:168px;
}
.orderedFabricImage {
    height: 260px;
    width: 210px;
}
.width150{
    max-width:150px !important;
}
.buyWithChangesBtnPadding{
    padding:12px 15px !important;
}
.myItemsTitleText{
    padding-left:15px;
}
/*.itemCatFilterB2C{
    padding:0px 15px 0px 0px;
}*/
.divOrderInfoTitle {
    text-align: left;
    font-family: "BasicCommercialLTPro", Arial;
    font-style: normal;
    font-weight: 300;
    font-size: 14px ;
    line-height: 20px;
    letter-spacing: 0.02em;
}
.divOrderTitleText{
     font-family: "BasicCommercialLTPro", Arial;
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 20px;
 letter-spacing: 0.28px;
}
.spanOrderInfoTitle {
    text-align: left;
}
.combinationName {
    font-family: Basic Commercial LT Bold;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.orderFabricDetailName {
    width:100%;
}
.orderFabricDetailName::first-letter {
        text-transform: uppercase;
    }
.fabricSwatchCenter .divColorSwatchesParent {
    justify-content:center;
}
.productStyleName {
    text-align: left;
}
.divOrderInfoUtils {
    width: unset;
}

.orderDetailPgBtns {
    width: auto !important;
}
.orderDetailsInfoCont .divOrderInfoUtils {
    width:100%;
    text-align:left;
}
.loveThisFabricDetails {
    background: #F8F8F8;
    margin-left:0;
    margin-right:12px;
    margin-top:5px;
}
#spanOrderDetailFitTitle {
    display: inline-block;
}
#spanOrderDetailTitleOne, #spanOrderDetailFitTitle {
    text-align: left;
}
.fitDetailsCustOrder {
    text-align: left;
}
.spanOrderDetailItemAmtText {
    text-align: left;

}

/*.divGridViewRightSideCont .divOrderInfoUtils {
    margin-top:0px;
}*/
.orderFabricOpt {
    font-family: BasicCommercialLTPro;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}

.searchBarWidthB2C{
    padding-right:0px;
}
.divOrderDetailImageSection {
    width: 20%;
    max-width: 220px;
    position: relative;
}
.loveThisFabricMobText {
    font-family: BasicCommercialLTPro;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}

.spanAccordianTextOrderDetails {
    text-align: left;
    display: inline-flex;
    align-items: center;
}

.divOrderInfo{
    margin-top:0px !important;
}
    .divOrderInfo button {
        width: auto !important;
    }
.myItemDetails{
    padding-left:20px !important;
}

/*#endregion My Account woardrobe CSS END*/

/*#region Customer Notes*/

.divMyCustomerNotesCont {   
    background: #F8F8F8;
    padding: 30px;
    max-width: 970px;
    width: 100%;
}

.tableNotesStatus td {
    background-color: transparent !important;
}

/*#endregion Customer Notes */

.loveThisFabricLongText {
    font-family: BasicCommercialLTPro;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.loveThisFabricShortText {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.updateOrderStatusText {
  text-align: left;
}
.statusIcon {
    /*font-size:21px;*/
    border-radius: 2px;
    opacity:1 !important;
}
.statusStr {
    font-family: BasicCommercialLTPro;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
    /*text-transform: capitalize;*/
    margin-left: 10px;
    position: relative;
    bottom: 2px;
}
.nextPage .dropdown-menu{
    margin-top:16px;
}
#divOrderStatus .bs-actionsbox, #divProductCombination .bs-actionsbox, #divOrderTypeSearch .bs-actionsbox, #divFilterColor .bs-actionsbox {
    display: none;
}

.orderedItemActionTxt {
    font-weight: 400;
    text-align: left;
}
.monogramTextItemDetails {
    font-family: BasicCommercialLTPro;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.hideDummyEleRTW{
    display:none;
}
#divOrderTypeSearch a,  #divArticleGroup a, divArticleNumber a {
    font-family: BasicCommercialLTPro;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.viewDesignDet {
    margin-top: 5px;
    margin-bottom: 5px;
}

.stylePageAdvisorDesc {
    text-align: left;
    margin: 50px 15px 30px 0px;
}
.styleAdvisorDetailTab {
    height: auto;
    background-color: #F8F8F8;
}
.styleAdvisorName {
    text-align: left;
}
.styleAdvisorTitle {
    text-align: left;
}
.advisorEmailAndPhone {
    text-align: left;
}
.hideDummyEleRTW{
    display:none;
}
#divOrderTypeSearch a, #divArticleGroup a, divArticleNumber a {
    font-family: BasicCommercialLTPro;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}

.custOrderFilterInputWidth .dropdown-backdrop {
    z-index: 0 !important;
}
.viewDesignDet {
    margin-top: 5px;
    margin-bottom: 5px;
}

.stylePageAdvisorDesc {
    font-family: BasicCommercialLTPro;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 50px 15px 30px 0px;
    color: #142537;
}
/*#region Style Adivisor Page CSS*/
.advisorEmailAndPhone {
    text-align: left;
}
.advisorDetailsTitle {
    text-align: left;
}

.divMySAPadding{
    padding:30px;
}
.styleAdvisorCont{
    width : 60%;
}
.divSAShopImg {
    width: 42%;
}
.mailAdvisorBtnAlign {
    position: absolute;
    top: 30px;
    right: 30px;
}
.makePrefferedStoreBtn button:nth-child(4) {
    display: none;
}
.makePrefferedStoreBtn button:nth-child(2) {
    /*float: right;*/
}

.makePrefferedStoreBtn{
    display: flex;
}
.divContactSABtn {
    position: absolute;
    top: 20px;
    right: 20px;
}
.divSAShopImg {
    top: 0px;
    right: 0;
}
.divOtherShopPermission {
    background: #F5F5F5;
    width:48%;
}
.divSAPermissionCont {
    width: 100%;
}
.divAddOtherShop {
    padding: 30px;
}
.ionAddSA {
    font-size: 15px;
    top: 4px;
}
.styleAdvisorDetailTab .divPreferredShopIcon {
    background: #fff;
    border-radius: 100px;
    padding: 10px 12px;
    height: 40px;
    width: 40px;
}

.styleAdvisorDetailTab .divPreferredShopIcon ion-icon {
    color: #142537;
}
.styleAdvisorDetailTab.active .preferredShopIcon {
    color: #ffffff;
}
.styleAdvisorDetailTab.active .divPreferredShopIcon {
    background: #142537;
}
.styleAdvisorDetailTab.active .preferredShopIcon ion-icon {
    color: #FFFFFF;
}
.btnBookAppointment{
    border : none !important;
}
.styleAdvisorDetailTab  .preferredShopIcon {
    opacity: 1;
    font-size: 16px;
}
    .btnAddNewStore {
        
        width: 100% !important;
        margin-top : 3%;
    }
.divPermissionCheckBox {
    opacity: 1;
    font-size: 24px;
    vertical-align: middle;
    --ionicon-stroke-width: 16px;
    display: inline-block;
    float: left;
    font-size: 16px !important;
}
.styleAdvisorShopImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height : 258px;
}
.ionIconShopDetail {   
    
}
.ionAddSA:hover {
    color: #181E28;
}
.ionIconDeleteStore {
    /*right: 7px;*/
    opacity: 1;
    font-size:16px;
}
.btnBookAppointmentWithoutSA {
    border: unset !important;
    height: 40px;
    padding: 10px 18px !important;
}
.divOnlineShop {
    background: #fff;
    border-radius: 100px;
    padding: 10px 12px;
    height: 40px;
    width: 40px;
}
.divOnlineShopDetail{
    /*padding:10px 10px 0px 0px;*/
    position: relative;
    text-align : right !important;
}
.styleAdvissorPadding {
    padding: 8px 30px 7px 25px !important;
}
.divSAShopNameTxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divShopAddress {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.styleAdvisorCont {
    padding: 30px 30px 0px 30px;
    position: relative;
}
.noStyleAdvisorText {
  font-family: 'BasicCommercialLTPro';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}
.noStyleAdvisorSubText {
    font-family: BasicCommercialLTPro;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
}
.advisorBookAppt {
    position: absolute;
    right: 25px;
    top: 35px;
}
.myStyleAdvisorBtns {
    text-decoration: none !important;
    text-transform: inherit !important;
}
.btnBookAppointment {
    position: absolute;
    top: 27px;
    right: 30px;
    background: #FFFFFF;
    height: 40px;
    padding: 10px 16px !important;
}
.spanWithoutSAShopDetails {
    font-family: "BasicCommercialLTPro", Arial;
    padding: 13px 23px;
    height: 40px;
    color: #142337 !important;
    border-color: #142537;
    border-radius: 50px !important;
    width: auto;
    text-transform: initial;
    background-color: white;
}
.spanShopDetails {
    font-family: "BasicCommercialLTPro", Arial;
    padding: 13px 23px;
    height: 40px;
    color: #142337 !important;
    border-color: #142537;
    border-radius: 50px !important;
    width: auto;
    text-transform: initial;
    background-color: white;
}
.divShopImgWithoutSA {
    max-width: 200px;
    width: 100%;
}
.divImgWithoutSA{
    top:0;
    right:0;
    position:absolute;
}
.divContWithoutSA {
    padding: 30px 10px 0px 30px;
    width: 100%;
}
.divSAMovableBlock {
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0;
    transition: background 1s, top 2s, left 2s;
    margin: 0;
}
.myStyleAdvisorBtns .btnTextPos {
  font-family: 'BasicCommercialLTPro';
  font-size: 12px;
  line-height: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: 10px;
}

.styleAdvisorNoteWidth {
    width: 100%;
}
.styleAdvisorImg {
    max-width: 120px;
}
.styleAdvisorDefaultImg {
    max-width: 120px;
}
/*#endregion Style Adivisor Page CSS*/
.divChangeEmailConfirmation {
    line-height: 55px;
}

.divChangeEmailConfirmationSubCont {
    margin-top: 40px;
    margin-bottom: 30px;

}
#divSearchCriteria .dropdown-menu.open {
    z-index: 2;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border: 0px;
    margin-top:10px !important;
}
.custItemdetailPage{
    /*height:50px;*/
    /*padding:15px 0px !important;*/
}
.custRmItemdetailPage {
    height: 50px;
    padding: 15px 20px !important;
}
.divOrderDetailParent .panel-body {
    padding: 0px 0px 0px 0 !important;
}
/* #region Retailer Personal Info page css */
.btnEditRetailerPersonalInfo {
    position: absolute;
    right: 20px;
}

.divRetailerPersonalInfoCont {
    height: auto;
    background-color: #F8F8F8;
    max-width: 991px;
}

.imgRetailorSAPersonalDetail {
    max-width: 129px;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(196, 206, 212, 0.5);
}

.divRetailorInfoBackBtn {
  font-family: 'BasicCommercialLTPro';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #142537;
}
.divRetailorInfoBackBtn ion-icon{
   opacity:1;
}

.divRetailerPersonalInfoEditMob .styleAdvisorNoteWidth {
    resize: none;
    background: #F5F5F5;
    height:154px;
    margin-bottom:30px;
}
.divRPIpopupCont .styleAdvisorNoteWidth {
    resize: none;
}

.inputDisableRPIPopup {
    box-shadow: 0px 1px 2px rgba(48, 53, 76, 0.1) !important;
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
    opacity: 0.4 !important;
    background: #FFFFFF !important;
    border-radius: 2px !important;
}

.divUploadBtnRPI {
  font-family: 'BasicCommercialLTPro';
  border: none !important;
  box-shadow: none !important;
  background: #FFFFFF;
  border: 1px solid rgba(20, 37, 55, 0.5) !important;
  box-sizing: border-box !important;
  border-radius: 50px;
  height: 40px;
  padding: 6px 20px;
  max-width: 140px;
  width: 100%;
  font-size: 12px;
  line-height: 24px;
  color: rgba(20, 37, 55, 0.5);
  margin: auto;
}
.divUploadBtnRPI {
    position: relative;
    overflow: hidden;
}
.inputImageUploadRPIPopup {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}

.divImageUploadRPIPopupCont {
    border: 1px dashed rgba(196, 206, 212, 0.5);
    padding: 15px 0px;
}
.spanUploadMessageRPIPopup {
    text-align: center;
    letter-spacing: 0.02em;
    color: rgba(20, 37, 55, 0.5) !important;
    margin-bottom: 0px;
}
.divCustomerAccountEditBtn.changeSABtn{
    top:50px;
}
.styleAdvisorTitleCont {
    max-width: 970px;
}
.styleAdvisorTitleDisp {
    display: inline;
}
.changeSABtn{
   display:inline-block;
   float:right;
}
/* #endregion Retailer Personal Info page css */
/*#region BodyMeasurement CSS*/

.fitToolIcon {
  font-size: 20px;
  color: #C4CED4 !important;
}

.fitToolName {
  text-align: left;
  padding-bottom: 10px;
}

.fitToolTextOne {
    text-align: left;
    padding-bottom: 20px;
    max-width: 530px;
    width: 100%;
}

.fitToolModalDialog {
  max-width: 680px;
  height: auto;
}

.fitToolImageCont {
  width: 100% !important;
  height: 500px;
}

.fitToolImage {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}




.spanAlterationValue {
    position: absolute;
    right: 15px;
    top: 15px;
    
}

.divMyBodyMeasurementsAlignInput {
  display: flex;
  align-items: center;
}



.divMyBodyMeasurementsPadding {
  padding-left: 0px;
}
.fitToolContent{
    max-width:620px;
    width:100% !important;
}
.notifyMarginLeft {
  margin-left: 3.8%;
}

.bodyMeasurementBarClose {
    text-align: right;
}

.creditNoteNotifyClose {
    text-align: right;
}

.fitProfileNotificationBarClose {
    text-align: right;
}

.bMNotifyTextHeading {
  font-family: 'BasicCommercialLTPro';
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}

.bMNotifyText {
  font-family: 'BasicCommercialLTPro';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-left: 28px;
  margin-top: 5px;
  width: 60%;
}

.refusedByCustomerNotifyText {
    font-family: 'BasicCommercialLTPro';
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;
    margin-top: 5px;
}
.fpNotifyText {
  font-family: 'BasicCommercialLTPro';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-left: 30px;
  margin-top: 5px;
}
.saveBodyMeasurementPopup {
  max-width: 620px;
  width: 100%;
}
.productNameCheckIcon {
    display:inline-block;
    vertical-align:text-bottom;
}

.divMyBodyMeasurementsHistoryCont {
    overflow-y:auto;
}
.divMyBodyMeasurementsHistorySubCont{
    width:1000px;
}


.iRequiredFieldsDropDown {
    opacity: 1;
    height: 21px;
    width: 21px;
    top: 5px;
    color: #C4CED4;
}

.divMyBodyMeasurementsDropCont .dropdown-menu li.selected ion-icon {
    color: #142537 !important;
}

.spanMyBodyMeasurementsCount {
    position: absolute;
    right: 30px;
    background: #142537;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    color: #fff;
    padding: 0px 6px;
    top: 15px;
}

.selectBodyMeasurementFilter .caret, .selectBodyMeasurementFitPref .caret {
    border-top: none;
    border-right: none;
    border-left: none;
    right: 28px !important;
    margin-top: -7px !important;
    font-size: 12px;
}

.inputMyBodyMeasurements {
    border-radius: 2px !important;
    margin-top: 0px !important;
    padding-right: 30px;
    padding-left: 20px;
    background: #FFFFFF;
    border: 1px solid #C4CED4;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #142537;
}



.divHistoryViewSubCont {
    width: 1000px;
}






.pHistoryText {
    vertical-align: middle;
    min-height: 20px;
}
.divBMInputParent {
    padding-right: 15px !important;
}


.aViewHistoryBtnMob {
    color: #142337;
    background-color: #ffffff;
    border: 1px solid #142537;
    -ms-border-radius: 30px;
    border-radius: 50px;
    height: 50px;
    padding: 12px 30px;
    width: auto;
    font-size: 12px;
    letter-spacing: 0px;
    font-family: "Basic Commercial LT Bold", Arial;
    text-transform: initial;
    line-height: 24px;
    cursor: pointer;
}



.divBMErrorPopup .errorTitle {
    text-align: left;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #142537;
}


.divBMErrorPopup .messagePopupDialog {
    text-align: left;
    padding-top: 0;
    padding-left: 22px;
}

.divBMErrorPopup .ui-dialog-buttonset {
    text-align:left !important;
}

.divBMErrorPopup {
    border-radius: 10px !important;
    padding: 30px;
}

.fitProfileCreationSuccess .progress {
    background-color: #f5f5f5 !important;
}
/*---------------fit preferences popup code----------------*/
.divOptionsCont .liCont {
    display: inline-block;
    min-width: 310px;
}

.divOptionWrapper {
    padding: 0 20px;
}
.divOptionsCont .divImageWrapper {
    position: relative;
    width: 260px;
    display: block;
    margin: auto;
    cursor: pointer;
    padding: 10px 0;
}
.imgFtOption {
    max-width: 260px;
    max-height: 500px;
}

.divOptionTitle {
    margin-top: 30px;
    font-size: 17px;
}

#divBMFitPreferencesImages .modal-content {
    max-width: 1000px;
    padding: 15px;
    width: 100%;
}
#divBMFitPreferencesImages .editCustomerDetailsPopUp {
    max-width: 1000px;
    width: 100%;
}



.highlightErrorMeasurementInputs, .selectBodyMeasurementFilter button.highlightErrorMeasurementInputs, .selectBodyMeasurementFitPref button.highlightErrorMeasurementInputs {
    border: 1px solid #D37467 ; /*red border*/
}


.inValidInput {
  color: #C4CED4 !important;
}

.bmErrorText {
  font-family: BasicCommercialLTPro;
  font-size: 10px;
  font-weight: 300;
  line-height: 15px;
  letter-spacing: 0.02em;
  color: #D37467;
  position: absolute;
  left: 0;
  bottom: -14px;
}



.divMyBodyMeasurementsDropCont, .divBMHistoryBtnCont {
    padding-right: 5%;
}

.selectBodyMeasurementFilter .spanCreatFitFloat, .selectBodyMeasurementFitPref .spanCreatFitFloat {
    padding-left: 8px;
    color: #142537 !important;
    width: 100%;
    text-align:left;
}

/*---------------fit preferences popup code----------------*/
/*#endregion */
.bmMessage {
    font-family: BasicCommercialLTPro;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;    
}
.selectProductForFitText {
  text-align: left;
  top:3px;
}

/*.orderDetailsInfoCont {
    background-color: #F8F8F8;
    display: grid;
    grid-template-columns: 170px auto;
    column-gap: 30px;
}*/
.selectBodyMeasurementFilter .dropdown-menu.open {
    z-index: 998;
}
.bmModalBody {
  padding: 0px !important;
}
.divProductListForFit {
    padding-bottom:30px;
}

.fitWarningIcon {
  opacity: 1 !important;
  font-size: 18px !important;
}

.failedfpNotifyHeader {
  margin-left: 8px;
}
.createFitProfileBtn{
    position:absolute;
    right:110px;
    top:0px;

}
.custFitProfileNormalTxt {
  font-family: BasicCommercialLTPro;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom:20px;
}
.divCustomerFitProfileOverview {
  margin-top: 50px;
  position: relative;
  padding-top: 0px;
  margin-bottom: 50px;
}
.fitProfileBlock {
  background-color: #ffffff;
  padding: 30px;
  border: 1px solid #F5F5F5;
}
.custFitProfileInfoBlock {
  background-color: #F5F5F5;
 
}

.pageWrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.pageWrapper .bs-actionsbox {
    display:none;
}

.optionText {
    margin-left: 0px;
    font-size: 14px;
}

.fitProfileFilter .spanCreatFitFloat ion-icon {
  display: none !important;
}

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

.fitProfileFilter{
    height:auto !important;
}

.productPartFilter{
    display:flex;
    height:auto !important;
}
.FitProfileFilterCont {
  height: auto !important;
}

/* #region Fit profile customer section css */
.divCustomerFPImageCont {
    max-width: 142px;
    width: 100%;
    border: 1px solid #F5F5F5;
    text-align: center;    
    position:relative;
    background-color:#fff;
}
.divFPProductImage {
    width: 73%;
    margin: auto;
    display: block;
}

.spanFPProductPartText {
    margin: 0;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 100%;
    padding-bottom: 5px;
}
.divCustomerFPDetailBlock {
    display: inline-flex;
}
.divFitProfileHeading{
    text-transform: lowercase;
}
.divFitProfileHeading::first-letter{
    text-transform : uppercase;
}
.divCustomerFPCont {
    background: #F5F5F5;
}
.divCustomerFPFabricImgCont{
    width:50px;
}

.divFPIconContWidth {
    max-width: 400px;
    width: 160%;
}

.divCustomerFPBottomBar{
    margin-top:30px;
}

.divFPInfoCont{
    margin-top:30px;
    margin-left:30px;
    padding-right:15px;
}

.divVerifiedBorder {
    border-left: 2px solid #4CA934;
}
.divVerifyBorder {
    border-left: 2px solid #FC881D;
}
.divNotVerifiedBorder {
    border-left: 2px solid #F02D2D;
}

.divEditFPDeactivate {
    max-width: 620px;
    width: 100%;
    top:50px;
}
.fpName {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    padding-left:15px;
}

.divCustomerFPFabricImgCont .popover {
    max-width: 376px !important;
    border: none;
    border-radius: unset;
    padding: 0;
    z-index: 9;
}

.divCustomerFPFabricImgCont .popover-content {
    padding: 0px;
    max-height: 500px !important;
}

.divFMBlockSticky {
    position: sticky;
    top: 80px;
    margin-top:70px;
}

.divFPFilterDropDown .dropdown-menu{
    z-index: 99 !important;
}


.ImgQuickViewLoader {
    width: 25px;
    height: 25px;
}
/* #endregion Fit profile customer section css */
/* #region Fit profile edit section css */
.spanFPActiveStatus {
    width: 20px;
    height: 20px;
    background-color: #00AB11;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}

.spanFPUnverifiedStatus {
    width: 20px;
    height: 20px;
    background-color: #FF7A00;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}

.spanFPNonActiveStatus {
    width: 20px;
    height: 20px;
    background-color: #F02D2D;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}
.divEditFPStatusText{
    display:inline-flex;
}
.inputEditFPWidth {
    max-width: 808px;
    width: 100%;    
}
.divEditFPPadding{
    padding:0px 0px;
}
.divEditFPTryOnBlock {
    background: #F5F5F5;
    padding: 30px 15px;    
    width: 66.66%;
}
.divEditFPTopBlock {    
    width: 66.66%;
}

.iEditFPPopupIcon {
    color: #C4CED4;
    opacity: 1;
    font-size: 16px;
}
.editFPDropdown button, .editFPDropdown {
    height: 50px !important;
}
    .editFPDropdown button {
      padding-left: 20px;
    }
.divEditFPParentCont {
    display: flex;
    align-items: center;
    color: #142537;
}
.createNewFitCategory .bootstrap-select.form-control .spanCreatFitFloat, .createNewFitCategory .bootstrap-select.form-control .bs-caret {
    color: #142537;
}
.divEditFPMesurementCont {
    min-width: unset !important;
    width: 100%;
    margin: auto;
}

.divEditFpFitToolLeftCont{
    padding-left:0px;
}
.divEditFpFitToolRightCont{
    padding-right:0px;
}

/*.divDenimEditFPCont{
    display:flex;
    flex-wrap:wrap;
}*/

.divEditFPFMContMob {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    left: 0;
}

.btnEditFmMob {
    width: 100%;
    height: 60px;
    text-align: left;
    padding-left: 15px;
    background: #F5F5F5;
    border: none;
    color: #142337;
}

.spanEditFMArrowMob {
    float: right;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600 !important;
    margin-top: 1px;
}

.divFivePoicketEditFP {
    max-width: 325px;
    width: 100%;
    display: flex;
    align-items: center;
}
/* #endregion Fit profile edit section css */
/* #region create Fit profile  css */
.createFitTitleCont {
    margin-bottom: 50px;
    margin-top: 50px;
}
.productPartDropCont .bootstrap-select, .productPartDropCont button{
    height:50px;
    margin-top:0px !important;
}
.itemDropTitle{
    padding:15px 15px 15px 0px;
}
.createNewFitTabList li a {

  padding-right: 50px;
}

.createNewFitTabList {
    border-bottom: 1px solid #dbdbdb !important;
}

 .createNewFitTabList li a.active {
            border-bottom: 2px solid #ffffff !important;
            opacity: 1;
            margin-bottom : -1px;
  }
.ulOverviewNotes {
  border-bottom: 1px solid #C4CED4;
  margin-right: 5px;
}
  .ulOverviewNotes li {
    border-right: 1px solid #C4CED4;
    border-left: 1px solid #C4CED4;
    border-top: 1px solid #C4CED4;
    margin-right: 5px;
    border-radius: 2px 2px 0px 0px;
  }
.ulOverviewNotes li.active {
  border-bottom: 1px solid #ffffff !important;
  opacity: 1;
}
.ulOverviewNotes li.active a{
    padding-bottom:12px !important;
}
.productPartIconAlign{
    vertical-align:top;
    margin-right:10px;
}
.createNewFitTabList li a{
    padding-left:20px;
    padding-right:20px;
}
.adviseTryOnCustStyle {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  padding: 0px;
  height: 50px;
  opacity: 1 !important
}
.labelCreateFitProfileSwitch, .labelCreateFitProfileSwitch .divInputColorMode {
  width: 375px !important;
}
  .labelCreateFitProfileSwitch > label.labelInerBtnSwitchMode:before {
      width:192px !important;
  }
.labelBtnColorMode > label.labelInerBtnSwitchMode {
 width: 375px;
}
.fitAdvisorSwitchCont .labelBtnColorMode input[type="checkbox"]{
    width:375px;

}
.unitLabel {
    top:15px !important;
}
.adviseTryOnFitName {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  padding: 6px 15px;
  height: 50px;
}
.fitAdvisorTxt{
    width:90%;
}
.labelBtnColorMode.labelFitUnitChange > label.labelInerBtnSwitchMode{
    width:108px !important;
}
.labelBtnColorMode.labelFitUnitChange input[type="checkbox"] {
  width: 108px !important;
}
.fitToolHeaders{
    padding:20px 20px 20px 0px;
}
.finishMs {
  background-color: #F5F5F5;
}
.fitToolsInputFields{
    width:128px;
}
.fitProfileDesc {
  border: 1px solid #f5f5f5 !important;
  background-color: #f5f5f5;

}
.advicedTryOnSizeValue{
    position:absolute;
    top:15px;
    left:20px;
}
.advicedFitProfileInputCont, .advicedFitProfileInputCon .bootstrap-select, .advicedFitProfileInputCont button, .advicedFitProfileInputCont input {
  height: 50px;
}
  .advicedFitProfileInputCont .bootstrap-select{
      margin-top:0px !important;
  }
.adviseInputTitle{

    padding:20px;
}

.spanLegend {
    padding: 5px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 0px;
    vertical-align: super;
}

.Active {
    background: #4CA934;
}

.Unverified {
    background: #FC881D;
}

.Inactive {
    background: #F02D2D;
}

.fitPSaveEditMainTitle {
  font-family: 'BasicCommercialLTPro';
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #142537;
}
.fitPSaveEditSubTitle {
    font-family: 'BasicCommercialLTPro';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #142537;
}

.fitPSaveEditOptionsTitle {
    text-align: left;
    margin-bottom: 20px;
}
.divFPConfirmBtn {
    width: 103px !important;
    height: 50px !important;
}
.divFitToolNames {
    text-align: left;
    width: 30%;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
}

.divFitToolRange {
    text-align: left;
    display: inline-block;
    width: 18%
}
.divFitToolValues{
    width:50%;
    height:50px !important;
}
.divFitToolDisabledValues, .overRideFPTextBox {
    width: 47.5%;
    margin-left: 1%;
    height: 50px;
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
    border-radius: 2px !important;
}

.divFitToolValues {
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
    border-radius: 2px !important;
}
.divConfirmEditFPData {
    max-height: 680px;
    height: 100%;
    overflow-y: auto;
    padding: 30px !important;
}
.spnFitToolDisabledNames {
    padding-left: 12px;
    vertical-align: middle;
}

.divConfirmEditFPTextCont{
    width:50%;
}
.divDONameWidth {
    width: 50%
}
.divAddDesc {
    padding-left: 30px;
}

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

.fitProfileFieldsMob {
    padding-left: 0px;
    padding-right: 0;

}
.fitfieldTitle{
 margin-top:15px;
}
.divCreatFPDropdown {
  margin-top: 0px !important;
  margin-left:15px !important;
}
.fitProfileNameDisp {
  background-color: #F5F5F5 !important;
  border: 1px solid #F5F5F5 !important;
  box-shadow: 0px 1px 2px rgba(48, 53, 76, 0.1) !important;
  opacity: 1!important
}
.leftFitToolsMob{
    padding-right:30px;
}
.advisedFitTools{
    margin-top:20px;
}
.adviseLabel {
  width: 100%;
  /*border: 1px solid #a8a9ad;*/
  padding-bottom: 5px;
  border-radius: 2px;
  color: #999;
  padding-top: 7px;
  min-height: 26px;
  text-align: center;
  height: 33px;
  background-color: #f5f5f5;
  margin-bottom: 0px;
  border: 1px solid #F5F5F5;
  box-shadow: 0px 1px 2px rgba(48, 53, 76, 0.1);
}
    .divModelCenterCustomerNote table th {
    border: none !important;
}
#divFitProfileHistoryModal .customerNoteMobPadding {
    padding: 0px;
}
.fitProfileHistoryCont td {
  padding-top: 5px;
  padding-bottom: 0px;
}
.fitProfileHistoryCont .divHistoryFT {
    padding-top: 5px;
}

.aFitProfileHistoryToolTip.popover.show {
    z-index: 99999;
}
.fitProfileScrollableSection {
    overflow-x: auto;
    white-space: nowrap;
}
.fitProfileDenimScrollableSection {
  overflow-x: auto;
  white-space: nowrap;
  
}
.fitProfileFieldsWidthAuto {
  width: auto;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.fitProfileValuesWidthAuto {
  width: auto;
  display: inline-block;
}

.fitToolValuesWidth {
  width:135px;
}
.profileCreatedDate{
    padding-top:5px;
}
.fitProfileEditorName {
    position: relative;
    margin-top: 8px;
}
.divDenimHistoryCont{
    position:relative;
    left:40px;
}
.desiredMeasurementTitle{
    padding-top:45px;
    padding-bottom:10px;
}

.fitProfileNote {
  color: #C4CED4 !important;
  font-size: 16px;
  opacity: 1;
  
}


.fitToolValuesCont{
    position:relative;
}
.linkFitProfileNote{
    position:absolute;
    right:50px;
}
.fitToolTextAlign {
  padding-top: 5px;
}
.fitPopUpHistoryCloseBtn {
 margin-top:20px;
  background-color: white;
}
.divChangeSizeModal, .divResetPopup,
.divChangeFitToolCont, .divChangeTryonSizeModal
 {
    width: 100%;
    max-width: 560px;
}

.divConfirmEditFPCont {
    width: 100%;
    max-width: 750px;
}

.divChangeSizeModal .modal-content {
    max-height: 800px;
    height: 100%;
    overflow-y: scroll;
}

.divSizeTableStickyBtn {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 15px 15px 0px 0px;

}
.fitConfirmBtn{
    margin-left:0px !important;
}

.editedFTContainer {
  padding-left: 30px;
}
.divSimilarSizeTableInnerCont {
    margin-bottom: 70px;
}
.divChangeSizeModalBody {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-bottom: 20px;
}
.divChangeSizeTitle{
    padding-top:30px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:15px;
}
.changeFitSizePopUp.modal-dialog {
  max-width: 620px;
  width:100%
}
.changeFitFieldSection{
    padding-bottom:25px;
}
.displayFitFieldsFlex {
  display: flex;
  align-items: center;
}
.fitLoadingText {
    padding: 30px 0px 30px 0px;
}
.advicedFitToolValue{
  font-family: "BasicCommercialLTPro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px !important;
  letter-spacing: 0.02em;
}
.divSimilarSizeTable {
    width: 100%;
    margin: 20px 30px;
    max-width:219px;
    margin:20px auto;
}
.divSimilarSizeTable1 {
    width: 100%;
    max-width: 490px;
    margin: 20px 0px;
}
.divSimilarSizeTableHeading {
    background-color: #142537;
    color: white;
    text-align: center;
    height: 50px;
    /* padding: 15px; */
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.divSimilarSizeTableHeading1 {
    background-color: #142537;
    color: white;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.divSizeTableBlock:nth-child(odd) {
    background-color: #F5F5F5;
}
.divSizeTableBlock {
    text-align: center;
    border-collapse: collapse;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.divSimilarSizeTable td, .divSimilarSizeTable th {
    padding: 8px;
}

    .divSimilarSizeTable tr:nth-child(odd) td{
        background: #F5F5F5 !important;
    }

    .divSimilarSizeTable th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #142537 !important;
        color: white;
        border: none;
        border-image-width: 0px;
        border-left-color: #142537;
        border-right-color: #142537;
        border-bottom-color: #142537;
        font-family: "BasicCommercialLTPro";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.02em;
    }

    .divSimilarSizeTable td {
        text-align: center;
        font-weight: 500 !important;
    }
.divSimilarSizeBody {
    padding-left:30px;
}
        /* #endregion create Fit profile  css */


.divSimilarSizeTableItem {
    margin-left: 4.166666667%
}

    .divSimilarSizeTableItem:first-child,
    .divSimilarSizeTableItem:nth-child(5n+1) {
        margin-left: 0;
    }
.productPartCount{
    position:relative;
}


.divAdviseBtnCont {
    position: sticky;
    bottom: 0;
}

.divStickyBackground {    
    background: rgba(255, 255, 255, 0.8);
}
.unitLabelInch {
  top: 15px;
  right: 15px;
}
.unitLabelFt {
  top: 15px;
  right:58%;
}
.btn-group.bootstrap-select.withBordered button {
  border: 1px solid #142537 !important;
}

.fitToolValuesCont .popover.right > .arrow {
  height: 36px !important;
  top: 51% !important;
  left: -32px !important;
}
.productPartDropCont .dropdown-menu.open {
    z-index: 9;
    margin-top : 0px;
}
#divFitProfileHistoryModal .modal-content {
  max-height: 700px;
  height: 100%;

}
#divFitProfileHistoryModal .modal-body {
    overflow: auto;
}
.fitProfileScrollableSection{
    /*width:auto;*/
    overflow-y:hidden;
}

.divFitprofileHistoryCont{
    width:1000px;
}
.fitProfileDescription {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 370px;
    width: 100%;
}
.fitOverviewLink{
    position:relative;
    bottom:100px;
}
.createFitProfileFormCont{
    padding:0px;
}
.fitToolImgLink{
    position:relative;
    top:3px;
    right:15px;
}
.advisedValueCont{
    position:relative;
}
.measurementUnit{
  position: absolute;
  right: 20%;
  top: 30%;
}
.noBodyScroll {
  height: 100% !important;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
  position: unset !important;
  overscroll-behavior: contain;
  width: 100%;
}
#divFitProfileHistoryModal .modal-body{
    padding:30px;
}
.divFitProfileHistoryRow{
    margin-bottom:80px;
}
#divFitProfileHistoryModal .modal-dialog{
    margin-top:0px !important;
}
.ContradicBtn{
    margin-top:20px;
}

.ContradicFpDialog {
    text-align:left;
}

.bootstrap-select > select.divCreatFPDropdown {
    width: 0px !important;
}

.quickViewLeftSide {
  background-color: #F5F5F5 !important;
}
.filterStyle.dropdown-toggle:after {
    position:relative;
    right:20px;
}
.FitProfileFilterCont .dropdown-menu.open {
  z-index: 99 !important;
}
.modalClientNotes {
  max-width: 970px;
}
.bodyClientNotes.modal-body {
    height: 550px;
    padding: 0px;
    padding-left: 20px;
}
#divClientOverviewPageNotes .modal-dialog {
    max-width: 970px;
}
.clientNotesCont {
    background-color: #F5F5F5;
}
.redErrorMsg {
    color: #D37467;
}

.clientEngagementBlock {
  border: 1px solid #F5F5F5;
  margin-bottom: 20px;
  padding: 20px;
  max-width: 990px;
  margin-bottom: 25px;
  box-shadow: 0px 1px 2px rgba(48, 53, 76, 0.1);
  border-radius: 2px;
}
.clientIonIcon {
  color: #142537;
  /*opacity:0.5;*/
  font-size:16px;
}
.engagementPrefSubTitle{
    width:180px;
}
.editclientRef{
    max-width:645px;
    width:100%;
}
.editclientRef .modal-body{
    padding:30px;
}
.clientPreferenceFields{
    align-items:center;
    margin-bottom:20px;
}
.clientPreferenceFieldsTop {
  align-items: flex-start;
}
  .clientPreferenceFields .bootstrap-select {
    width: 100% !important;
  }
    .clientPreferenceFields .bootstrap-select button, .clientPreferenceFields .bootstrap-select button:focus {
      border: 1px solid rgba(196, 206, 212, 0.5) !important;
    }

    .clientPreferenceFields button {
      height: 50px;
    }
.clientPreferenceFieldsHeading{
    width:142px;
}
.clientPreferenceFields input:disabled {
    background-color:#ffffff !important;
}
.prefAttachmentBox {
  border: 1px dashed rgba(196, 206, 212, 0.5);
  height: 160px;
  text-align: center;
  padding: 40px;
  margin-left: 20px;
}
.editclientRef .modal-content {
  height: 88vh;
  overflow-y: auto;
}


.clientEngagementSubBlock td, .clientEngagementSubBlock th {
  border: none;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}

  .spanCETabCounts {
    background: rgba(196, 206, 212, 0.5);
    border-radius: 100%;
    padding: 6px;
    margin-left: 10px;
  }

table.clientEngagementHistory td, table.clientEngagementHistory th {
  background-color: #F5F5F5 !important;
  border-bottom: 1px solid #C4CED4;
}
.clientEngagementTable{
    margin-bottom:0px;
}
.imgThreeDotsLoader {
  width: 100px;
  margin: auto;
}
.imgThreeDotsLoaderCont{
    background-color:#f5f5f5;
}


.clientDetailPageIcons {
  font-size:16px;
  opacity:1;
}
.calenderChecktdWidth{
    width:2%;
}
.invoicetdWidth {
  width: 10%;
}
.checkinDesctdWidth {
  width: 23%;
}
.clientTableBody tr td:first-child, .clientTableBodyHist tr td:first-child {
  padding-left:20px !important;
}
.engagementInnertd {
  padding: 0px !important;
}
.divRedeemGiftCardSec {
    margin-top: 40px;
}

.divGiftCardCont {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
}
.jsGiftCardRedeem {
    background-color: #f5f5f5;
    padding: 10px 20px;
}
.divPaymentIdDetails {
    padding: 0px;
}

.divOutstandingModal .modal-dialog {
    width: 40%;
}

.divAmountText{
    height:50px !important;
}

.jsMultiGiftCardRedeemItemTemplate {
    padding: 10px 5px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    padding: 10px 20px 10px 20px !important;
}
.divDownPayOuter {
    margin-top: 10px;
}

.giftCardRedeem {
    height: 50px !important;
    margin: 0px 5px 5px 0px !important;
}
.divAddPopupBtn{
    margin-top:35px;
}
.paymentItemRow div span.spnTotalAmount {
    border: 0px !important;
    border: 0px !important;
    padding-right: 5px;
    text-align: right !important;
}
.divRedeemTitleBgColor{
    background-color: #f5f5f5;
}
.divPriceActionOptions {
    padding: 10px 20px 10px 20px;
    display: block;
}
.divPercentagePay .bootstrap-select .dropdown-menu.open {
margin-top:15px;
}
.spanOutstandingPayment header12 {
    text-align: left;
}
.divGiftCardModal {
    float: right;
    padding: 0px;
}

#ClientUploadInputId {
    display: block;
}

.imageThumb {
    max-height: 160px;
}

.imagePreviewCE {
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 140px;
}
.btnWidthSelectCustomer {
    min-width: 98px;
    padding: 7px 20px;
    margin-right: 0px;
    float: right;
}

/*#region NewEmailTemplate CSS*/
.sendClientEmailModal{
    padding:30px;
}
.fieldTitles{
    margin-top:30px;
}
.emailTemplateImgCont {
  display: flex;
  justify-content: center;
}
.emailTemplateImg{
    width:133px;
    height:133px;
}
.emailTemplateImgTextCont {
  width: 133px;
}
.templateFooterBackground {
  background-color: #142537;
    height: 140px;
    display: flex;
    align-items: center;
}
.templateFooterIcon{
    height:60px;
    width:60px;
    opacity:1;
}
.emailTempLinks:hover, .emailTempLinks:active{
  color: white;
}
.amLogoTempalate{
    height:80px;
    width:80px;
    opacity:1;
}
.paddingleft18{
    padding-left:18px;
}
.templateBodyBorder {
  border: 1px solid #C4CED4;
}
.templateMainSection tr:last-child td{
    padding:0px;
}
.emailTemplatePadding{
    padding:0px 45px;
}
.divActivateEmailClass{
    overflow-y:hidden !important;
}
.divCETableCell{
    padding:15px 5px;
}
.clientEngagementHistory thead:first-child tr th{
    border-bottom:none !important;
}
.noClientItems{
    padding:20px;
    border:none;
}
.clientTableBody tr.historyLink:hover, .clientTableBody tr.historyLink:hover td, .clientTableBody tr.noClientItems:hover,
.clientTableBody tr.noClientItems:hover td {
  background-color: transparent !important;
}
.alignCollapseTitle{
  margin-left:34px;
}
. /*clientOverviewTbody tr:hover {
  height: 57px;
}*/

.clientTableBody .divCETableCell {
  font-family: "BasicCommercialLTPro", Arial;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  padding:0px;
}
.clientTableBody .engagementDetailWidth{
    width:18% !important;
}
.clientEngagementTable .engagementDetailDownloadIcon {
  width: 10% !important;
  padding-top:6px;
}

.engagementDetailNote{
    text-align:center;
}
.noteOverviewLinks{
    background-color:#f5f5f5;
}
.noteOverviewLinks.active {
  background-color: #ffffff;
}
.clientEngagementBlock .saveClientOvervieNotewBtn {
    display:flex;
    align-content:baseline;
}
.divCustomerTabContent .ionIconSaveBtn{
    height:16px;
}
.divCustomerTabContent .saveEditNoteBtn:hover{
    width:auto;
}
.loadMoreDetailPage{
    min-height:unset !important;
    padding:0px !important;
}
.clientEngagementHistory tfoot td {
  background-color: #ffffff !important;
  border: none !important;
}
.clientEngagementHistory tfoot tr:hover, .clientEngagementHistory tfoot tr:hover td{
  background-color: #ffffff !important;
}

.clientOverviewNotesDesktop{
    height:247px;
    max-height:500px;
}
.allclientNotesCont {
  width: 100% !important;
  max-height: 500px;
  overflow: auto !important;
  height:unset !important;
}
.allclientNotesCont {
    border-left:1px solid #f5f5f5;
}

.divNoteType {
  padding: 0px 5px !important;
}
.noteTextIcon{
    margin-right:8px !important;
}
.editPreferenceBtnCont{
    position:absolute;
    right:20px;
    top:20px;
}
.editedText {
  white-space: pre-wrap;
}
.clientDetailPageCont .spanCETabCounts {
  height: 20px !important;
  min-width: 20px !important;
  padding: 3px;
}
.invoicetdWidthDelivery{
    width:210px;
}
.productCombName{
    width:120px;
}
td.colspanPadding{
    padding:0px !important;
}
.divEmptyNotes{
    margin-left:18px !important;
}
.clientEngagementBlock  .trClientHeight{
    height:50px;
}
.deliveryDateBlockMob {
  padding: 0px 5px !important;
}
.noteOverviewLinks.active a{
    margin-bottom:0px !important;
}

.divCustomerEngagementCont{
    margin-right: 30px;
}
.trUpcomingDeleveryMob:hover{
    background-color:transparent !important;
}
.ulOverviewNotes{
    width:670px;
    margin-bottom:15px;
}
.clientEngagementBlockPref {
  border: 1px solid #F5F5F5;
}
.clientTableBody .clientHistoryBlock td:first-child {
  padding-left: 0px !important;
}
.clientTableBody .clientTableBodyHist td:first-child{
    padding-left:20px !important;
}
.pinnedNoteCont{
    max-width:100px;
}
.giftCardRightView{
    padding:20px 20px 0px 20px;
}
.divGiftCardInfoUtils{
    max-width:500px;
}
.diGiftCardName{
    padding-bottom:55px;
}
.giftCardDeliveryAddress{
   margin-top:60px;
}
.giftCardAddressTitle{
    max-width:300px;
    width:100%;
}
.divGiftCardOrderDetails{
    margin-bottom:30px;
}
.divOrderDetails {
  width: 74% !important;
}
.giftCardBlockContainer {
  width: 64%;
}
.giftCardDetailBtn{
    width:150px !important;
}
.giftCardAmt{
    margin-bottom:45px;
}
.giftCardCodeGrid{
    width:225px;
}
.giftCardNumberText {
  margin-left: 5px;
}
.pinnedNoteCont{
    max-width:100px;
}

input.inputTypeNumberBox[type=number]::-webkit-outer-spin-button,
input.inputTypeNumberBox[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.inputTypeNumberBox[type=number] {
  -moz-appearance: textfield;
}
.searchText{
    padding-left:20px !important;
}
.saveCustomization{
    padding-left:15px;
    padding-right:25px;
}

.advisedText {
    background-color:#ffffff !important;
}
.spanAccountPermissionsText {
    padding-left: 20px;
    position:relative;
    top:2px;
}
.divSAShopBlockCont{
    padding-right:50px;
}
.divSAPermissionCont{
    padding-right:50px;
}
.ionIconSADetail {
  top: 3px;
}
.ionIconSADetail {
  top: 3px;
}
.ionIconShopDetail{
    top:4px;
}
.limitedStockWishList {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 8px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #D37467;
    z-index: 1;
    padding: 1px 4px 3px 3px;
}
.limitedStockWishList ion-icon {
    color: #D37467;
    opacity: 1;
    font-size: 12px !important;
    top: 3px;
    }
/*#endregion*/

/*#region Wallet CSS*/

.divTotalCreditBlock{
    top : 30px;
    right: 30px;
}
.divAddCreditRightCont{
    margin-left : 60px;
}
#divAddCreditPaymentCont .divPaymentCheckoutCont {
    margin : 0px !important;
    padding-right : 0px;
    width : 100%;
}
#divAddCreditPaymentCont .divPaymentWholeCont {
    margin: 0px;
    padding : 0px;
}
#divAddCreditPaymentCont .pSecurePaymentTxt {
   display : none;
}
/*#divAddCreditPaymentCont .divPaymentItem:nth-child(even) {
    display: none;
}*/
#divAddCreditPaymentCont .divPaymentItem {
    padding: 20px;
    border: 1px solid rgba(196, 206, 212, 0.5);
    border-radius: 1px;
    background-color: #FFFFFF;
    margin-top: 10px;
    height:60px;
    min-height:60px;
}
.fastTractOrderPayment .divPaymentItem {
    min-height:unset !important;
    height: unset !important;
}
.fastTractOrderPayment .radioLabels{
    margin-bottom:0px !important;
}
.fastTractOrderPayment .divPaymentOuter{
    flex-wrap:nowrap;
}
#divAddCreditPaymentCont .divPaymentOptionName {
    margin-top : 0px;
}
#divAddCreditPaymentCont .divPaymentOptionCtrl{
    padding-top : 0px;
}
#divAddCreditPaymentCont .spnIconPayment {
    opacity: 0.5;
    color: #C4CED4;
}
.divLeftCheckoutColumn .divCancelBtn {
    min-width: 98px;
    width: 98px;
}
.divLeftCheckoutColumn .divContinueBtn {
    max-width: 250px;
    width: 250px;
}
.poNumberInputCont .height70 {
    height: 70px !important;
}
input#description::placeholder {
   position : absolute;
   top:15px;
}
.divAddCreditColumn{
    margin-right : 50px;
}
.spanBarcodeGiftCardScanner span{
    opacity : 0.5;
}
/*#endregion*/

.divFavoritesSliderCont{
    margin-left:-10px;
}

.productPartDropCont > .singleSelectDropdown .btn.dropdown-toggle {
    padding-right: 30px;
}
#divCustomerPaymentIcon .circleBtn{
    margin-right:10px;
}

/*.divMyDetailCont{
   margin-left : -15px;
}*/
.divRmOrderItemDetail{
    max-width : 970px;
}
.btnBuyRmOrderAgain{
    max-width : 156px;
}
.iconDownArrow{
    right : 0px;
}

.RMOrderImage img {
    max-width: 171px !important;
}

.divSSOProductDetailCont table td {
    border: none !important;
}

.divSSOProductDetailCont table tr:first-child td {
    width: 171px;
}

.divSSOProductDetailCont table tr:nth-child(2) td,
.divSSOProductDetailCont table tr:nth-child(3) td {
    padding-left: 30px;
}

.divSSODetailCont .imgDesignDetail {
    width: 28px;
    height: auto;
}
.divOrderstuctureParent{
    width: 100%;
    /*display : table !important;*/
}
.spanExtraRPrice {
    float: right;
    right: 25px;
    position: absolute;
}
/*#endregion*/

.divItemInfoImageSection .fabricSwatchOnImg {
    position: absolute;
    top: 3%;
    left: 10px;
    right: 10px;
    background: #fff;
    /*padding: 7px;*/
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
}
/*#endregion*/
/*#endregion*/


.spanBarcodeRTWScanner {
    position: absolute;
    right: 20px;
    top: 25px;
}

#inputRTWItemNumber {
    position: relative;
}

.spanBarcodeRTWScanner.active {
    background: rgba(196, 206, 212, 0.5);
    border-radius: 5px;
    color: #142537 !important;
    padding: 2px;
    padding-top: 0px;
    height: 19px;
    width: 20px;
}



.spanBarcodeOrderNumberScanner {
    position: absolute;
    right: 20px;
    top: 25px;
}

#inputOrderNumberForAlteration {
    position: relative;
}

.spanBarcodeOrderNumberScanner.active {
    background: rgba(196, 206, 212, 0.5);
    border-radius: 5px;
    color: #142537 !important;
    padding: 2px;
    padding-top: 0px;
    height: 19px;
    width: 20px;
}

.divAlterationValue{
    position: relative;
}
.divTypeOrderNumber{
    position: relative;
}


.inputTextBox.form-control:focus, .inputTextBox:not(:placeholder-shown) {
    /*border-color: rgba(196, 206, 212, 0.5);*/
}

.itemSelectDropDown .dropdown-toggle {
    border-color: rgba(196, 206, 212, 0.5) !important;
}

.remarkInputWidth{
    width: 42.5%;
}

.textareaAlterationRemarks {
    width: 100% !important;
    border-color: rgba(196, 206, 212, 0.5);
    resize: none;
}
.searchAlterationViaOrder .twitter-typeahead {
    width:100%;
}


.saveAlterationDialogMsg {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 40px;
}
/*.divImageCont {
    width: 10%;
    max-width: 60px;
    margin-bottom: 6px;
}*/
.designPriceWidth {
    margin: 8px 0px;
}
.designExtraDays, .designPriceWidth {
   /* text-align: right;*/
}
.divRMBssSurcharge{
    margin-top : -5px;
}
.spanTotalRefusedAmount span {
    opacity: 0.5;
}
.refusedByCustomerBackDrop {
    background: rgba(0, 0, 0, 0.36);
    opacity:1;
}
#customerOrderHistoryGridView{
  /*  padding-top: 10px;*/
}
.divOrderHistoryInfoItem:first-child{
    margin-top:0px;
}
.divDesignDetailFabricValue {
    /*position: absolute;
        top: 0px;
        margin-left: 12% !important;
        right: 27px;*/
    padding: 10px 0px 10px 10px;
}

.divDesignDetailFabric {
    padding: 10px 0px 10px 0px;
}
.spanExtraPrices{
    padding-left : 15px !important;
}
.divRmOrderNumber{
    margin-top : 0px;
}


.errorFieldBorderColor {
    border-color: #D37467 !important;
}

.totalAmountInputBoxColor {
    color: #D37467 !important;
}

.spanRefusedAmountColor {
    color: #142337 !important;
}
.addInputFieldColor {
    color: #404040 !important;
}
.addInputFieldBorderColor {
    border-color: #C4CED480 !important;
}

/*#endregion*/


/*#region AM MemberClub  css*/
.divAMMeberImageCont {
    width: 100%;
    max-width: 420px;
}

.divAMMeberImageTextCont {
    width: 100%;
    max-width: 550px;
    padding: 50px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
    border: 1px solid #C4CED4;
    display: table;
}

.divAMMemberTextCont {
    display: table-cell;
    vertical-align: middle;
}

.imgAmMember {
    height: 100%;
    object-fit: cover;
}

.memberAmountTable td {
    padding: 0px !important;
    padding-bottom: 10px !important;
}

.memberAmountTable tr:last-child td {
    padding-bottom: 0px !important;
}

/*#endregion for AM MemberClub css*/

.divImpossibleCombination {
    margin-top: 30px;
    flex-shrink: 0;
    border-radius: 2px;
    background: #D37467;
    padding: 10px;
    width: 100%;
}

 .divImpossibleCombination p {
        margin: 0;
 }


/*#region My Alteration  css*/
.divAlterationTicketHeader {
    padding: 50px 15px 50px 0px;
}
.alterationTableCont {
    overflow-x: auto;
    overflow-y: auto !important;
    max-height: 520px;
    height: 520px;
}

.alterationTable {
    width: 1500px;
}

.alterationTableFabricTD {
    white-space: nowrap;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divPrintTicketButton {
    width: 17.4% !important;
}

.spanPrintAlterationTicketAlign {
    float: right;
}

.alterationTableCont.customScrollNew::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
    outline: 1px solid #F5F5F5;
    border-radius: 2px;
    cursor: pointer;
}

    .alterationTableCont.customScrollNew::-webkit-scrollbar-thumb:hover {
        background-color: #142537;
    }

    /*#endregion for My Alteration css*/

    /*.divOrderstuctureParent.myItemsDetailDeliveryDiv {
        margin-bottom: 15px !important;
    }*/
/*Customer review block*/
.divAccountPermissions, .divCustomerReview, .divThanksForReview {
    width: 80%;
    background: #F5F5F5;
    padding: 30px;
}

.customerReviewComplement {
    text-align: center;
}

.customerReviewImageBox {
    width: 240px;
    height: 166px;
    margin-right: 97px;
}

.customerReviewRating {
    margin-top: 20px;
    gap: 15px;
    cursor: pointer; 
}

    .customerReviewRating .bi-star {
        font-size: 25px;
        color: #C4CED4;
        height: 25px; 
    }

    .alertReviewWritten .modal-dialog {
        max-width: 640px;
        width: 100%;
    }

.alertReviewWritten .modal-content {
    height: auto !important;
}

.customerReviewBoxShopName{
    max-width: 187px; 
    margin: 0 auto; 
}

#feedBackDone .bi-clock-history {
    font-size: 32px; 
    height: 32px; 
    display: block; 
}

#reviewAfterGC .bi-check-circle-fill {
    font-size: 32px; 
    height: 32px; 
    display: block; 
}

#feedBackDone .bi-arrow-right {
    font-size: 16px;
    top: 2.5px;
    position: relative;
    left: 10px;
}

#writtenReview .bi-x{
    font-size: 20px; 
}

#writtenReview .close {
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.divCustomerReview .customerReviewComplement {
    margin-top: 0px !important;
    margin-bottom: 10px !important; 
}
#customerOrderHistoryGridView .divItemInfoImageSection img {
    height: 100%;
    max-height : 248px;
}

#customerOrderHistoryGridView .divItemInfoImageSection{
    background-size: cover; 
    background-position: center; 
    height : 248px;
    max-height : 100%;
}


/*Customer review block*/
.alterationPopover {
    padding: 7px 14px;
}

.myItemsDetailPopoverLink:hover, .myItemsDetailPopoverLink:hover a{
    color: #ffffff !important;
}
.myOrderDetailPopOoverLink{
    position:unset !important;
    z-index: 999 !important;
}
.spanAccordianTextOrderDetails .divPopoverParent {
    z-index: 999 !important;
}

.custSectionWalletInptTitle {
    margin-bottom: 10px !important;
}
.alterationPopover .popover-body{
     padding:0px;
}

.divAlterationModal{
    max-width : 550px !important;
}

    #alterationOrdersPopUp .modal-dialog {
        max-width: 610px;
    }


#alterationListCont {
    max-height: 500px;
    overflow-y: auto;
}

.alterationUIDialog{
    width:500px !important;
}



.btn-color-mode-switch {
    display: inline-block;
    margin: 0px;
    position: relative;
}

.btn-color-mode-switch input[type="checkbox"] {
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}


.btn-color-mode-switch > label.btn-color-mode-switch-inner {
    margin: 0px;
    max-width: 240px;
    width: 240px;
    height: 30px;
    background: #F5F5F5;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    display: block;
}

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
        content: attr(data-on);
        position: absolute;
        top: 2px;
        right: 2px;
        max-width: 113px;
        width: 113px;
        height: 26px;
        border-radius: 27px;
        text-align: center;
        padding: 2px 0px;
        opacity: 0.5;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        content: attr(data-off);
        position: absolute;
        font-weight: 500;
        top: 2px;
        left: 2px;
        padding: 2px 0px;
        border-radius: 27px;
        max-width: 117px;
        width: 117px;
        height: 26px;
        text-align: center;
        color: #fff;
        background: #142537;
        transition: all 0.3s ease;
    }

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
    content: attr(data-on);
    left: 120px;
    opacity: 1;
    background: #142537;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
    content: attr(data-off);
    right:auto;
    opacity: 0.5;
    color: #142537;
}
.popover-body:has(> .ulAlterationPopover) {
    padding:0px !important;
}

.btnSelectDisabledOpacity{
    opacity: 0.2 !important;
}

.divAlterationNoOrderModal{
    max-width: 610px !important;
}
.actionBtnVisiblity {
    z-index: 1;
}
.divMyItemDetailsPopover, .divQRMyItemDetailsPopover {
    border-radius: 10px;
    background: #FFF;
    padding:20px;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    width: 240px;
    z-index:99;
}
.divOrderDetailsCommonPopover {
    border-radius: 10px;
    background: #FFF;
    padding:20px;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    width: 240px;
    left: 80px !important;
    z-index: 99 !important;
}
.divFitDetailPopover {
    border-radius: 10px;
    background: #FFF;
    padding:20px;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    z-index: 9999 !important;
}

.divActionBtn:focus {
    color: #ffffff !important;
    background-color: #142537 !important;
    border: 1px solid #142537 !important;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.divMyItemDetailsPopover.popover.show,
.divQRMyItemDetailsPopover.popover.show {
    margin-bottom: 0px !important;
}
.divMyItemDetailsPopover .popover-arrow, .divOrderDetailsCommonPopover .popover-arrow, .divFitDetailPopover .popover-arrow, .divQRMyItemDetailsPopover .popover-arrow {
    display: none;
}
.btnWidthSelectCustomer:hover i{
    color:#ffffff !important;
}

.divMyitemsFiltersCont .statusAlignment.multiSelectDropdown.bootstrap-select > .dropdown-toggle {
    border-radius: 50px;
    border: 1px solid #C4CED4;
    background: var(--AM---White, #FFF);
    padding: 8px 20px;
    height: 40px;
    box-shadow: none;
}
.divCustomerOverviewFilter .statusAlignment.multiSelectDropdown.bootstrap-select > .dropdown-toggle {
    border-radius: 50px;
    border: 1px solid #C4CED4;
    background: var(--AM---White, #FFF);
    padding: 8px 20px;
    height: 40px;
    box-shadow: none;
}
.divfabricodeTitle {
    margin-bottom: 4px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.divfabricodeTitle:last-child
{
    margin-bottom:0px

}
.inputItemSearchBox {
    border-radius: 50px;
    padding: 8px 20px 8px 35px !important;
    height: 40px;
    /*padding: 8px 12px;*/
    border-radius: var(--PD-XXXL, 50px);
    border: 1px solid #C4CED4;
    background: var(--Color, #FFF);
    box-shadow: none;
}
.customerOverviewContainer thead tr.subHeading {
    border-bottom: 1px solid var(--AM---Light-Grey, #F5F5F5);
    background: var(--AM---Light-Grey, #F5F5F5);
}
.jsDataRowOrderOverview {
    border-bottom: 1px solid var(--AM---Light-Grey, #F5F5F5);
    border-left: 1px solid var(--AM---Light-Grey, #F5F5F5);
    border-right: 1px solid var(--AM---Light-Grey, #F5F5F5);
    padding: 15px 0px;
}
.divActionBtnItemsListView {
    display: inline-block;
    margin-left:10px;
}
.divImageHoverGlobal {
    padding: 0px;
    border-radius: 2%;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
    border:0;
    z-index:5 !important;
}

    .divImageHoverGlobal .popover-body img {
        border-radius: 2%;
    }
.divImageHoverGlobal .popover-arrow {
    display: none;
}

.myItemsFilterSelectables {
    padding: 8px 20px;   
    height:30px;
}
    
.divApplyBtn.systemBtnOne40 {   
    letter-spacing: 0.28px;
}



.spnSearchBoxClear {
    cursor: pointer;
    line-height: 1.5;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.searchBoxClearTextIcon{
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #142337;
    opacity: 1;
    font-size: 20px;
}
.jsClearSearchBox{
    opacity:0;
}
.divShowDesignDetailText {
    align-items: center;
    margin-bottom: 8px;
}
/*#endregion*/
/*#region Customer Details Filter Mobile*/
.cdFiltersSlider {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100% !important;
    transition: bottom 0.5s ease;
    z-index: 2;
    height: 75vh;
    border-radius: var(--PD-M, 10px) var(--PD-M, 10px) 0px 0px;
    background: #FFF;
}
#cdMobileFilterBackDrop{
 display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 1;
}
.panelOpen + #cdMobileFilterBackDrop {
    display: block; /* Show overlay when panel is open */
}
.filterTopSection {
    padding: 20px 15px;
    border-bottom: 1px solid  rgba(196, 206, 212, 0.50);
    align-items:center;
}
.spanFilterTitle {
    display: inline-block;
    width: 95%;
}
.cdFilterContainerMob {
    padding: 20px 15px;
}
.cdMobileFilterBtn {
    border-radius: 50px;
    border: 1px solid #C4CED4;
    background: var(--AM---White, #FFF);
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
 
}
.filterBottomSection .cdMobileFilterbtn {
    width: 100%;
}
.cdMobileFilterBtn i {
    position: absolute;
    right: 20px;
    top: 10px;
}
.myItemsFilterSelectables i {
    position: absolute;
    right: 20px;
    top: 5px !important;
}
.cdMobileFilterbtn {
    min-width: 150px;
}
.filterBottomSection {
    box-shadow: 0px -2px 5px -2px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: -100%;
    padding: 20px 15px;
    width: 100%;
    gap: 15px;
    transition: bottom 0.5s ease;
    justify-content: center;
    background:#fff;
}
.divOrderTypeSearchCust {
    padding: 20px 0px;
    border-bottom: 1px solid #c4ced480;
}

.divFilterContainerForMyitems {
    overflow-y: scroll;
    height: 55vh;
    padding:0px 15px;
}
.filterListMobile {
    /*overflow-y: scroll;*/
}
#divSearchCriteria .divMyitemsFilterColor .dropdown-menu.open {
    width: 237px !important;
}
.wishListFilterSelectables .wlMyCustomizationsCount {
    border: 1px solid #C4CED4;
}
.wishListFilterSelectables.active .wlMyCustomizationsCount {
    border:unset;
}
.wlEmptyButtons{
    max-width:310px;
}
.clearWlFilterBtn::first-letter {
    text-transform: capitalize;
}
.div_FavoritesTab{
    padding-top:0px;
}
.divMyitemsFilterColor .multiSelectDropdown .dropdown-menu .dropdown-menu > li > a {
    align-items:center;
}
.multiSelectDropdown .dropdown-menu .bs-actionsbox {
    display:none;
}
.custPayDivMob{
    margin-top:20px;
    margin-bottom:30px;
}
/*#endregion*/

#wishListFilters .bootstrap-select.btn-group .dropdown-toggle .caret {
    top: 36%;
}

.filterCountWl {
    border-radius: 33.333px;
    border: 0.667px solid var(--Color-2, #142537);
    background: var(--Color-2, #142537);
    color: #ffffff;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items:center;
    gap: 5.333px;
    flex-shrink: 0;
    margin-left:10px;
}
.wishListSystemBtn{
    padding:7px 9px;
}
.divDesignOptionsHeight, .divFitProfileHeight {
    height: 520px;
    overflow-y: auto;
}

.wishListFiltersPaddingMob{
    padding:8px 20px;
}
.filterListMobile.customScroll::-webkit-scrollbar {
    width: 0px;
}
.wishListContainerMob.customScrollNew::-webkit-scrollbar {
    height: 0px;
}
.divFixedFilter::-webkit-scrollbar {
    display:none;
} 

.divWlFilterSticky {
    position: fixed;
    background-color: #ffffff;
    top: 7px;
    padding: 20px 20px 20px 0px;
    z-index: 9;
    width: 100%;
}
.divWlFilterSticky.divCustomerOverviewFilter .wishListFilters {
    margin-top:0px;
}
.divWlNoScroll{
    overflow: unset !important;
}
.grid-containerMyItemSection.divDisplayGridB2C {
    margin-bottom:20px;
}
.multiSelectDropdown.custOrderFilters {
    background : transparent;
}
.wishListContainerMob.customScrollNew::-webkit-scrollbar {
    height: 0px;
}

td.orderInfoAction {
    display: inline-block;
    margin: 0px 20px 0px 20px;
    padding-right: 0px;
    padding-left: 0px;
}
.tdOrderListThumb {
    padding: 0px 0px !important;
}
    .tdOrderListThumb a {
        cursor: pointer;
        margin: 0px 24px 0px 0px !important;
        padding-right: 10px !important;
    }


@media  (max-width: 413px) {
    #customerOrderHistoryGridView .divItemInfoImageSection, #customerOrderHistoryGridView .divItemInfoImageSection img {
        max-width: 112px !important;
        max-height: 136px !important;
        border-radius: 6.649px;
    }
}

@media screen and (min-width: 414px) and (max-width: 479px) {
    #customerOrderHistoryGridView .divItemInfoImageSection, #customerOrderHistoryGridView .divItemInfoImageSection img {
        max-width: 125px !important;
        max-height: 152px !important;
        border-radius: 6.649px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    #customerOrderHistoryGridView .divItemInfoImageSection, #customerOrderHistoryGridView .divItemInfoImageSection img {
        max-width: 147px !important;
        max-height: 178px !important;
        border-radius: 6.649px;
    }
}

.safariBrowser .wlMyCustomizationsCount {
    padding: 4.333px 7px 3.333px 7px;
}
.safariBrowser .filterCountWl {
    padding: 5.333px 6px 3.333px 7px;
}

.safariBrowser .removeWlItemIcon {
    padding: 5.333px 7px 7.333px 8px;
}

.safariBrowser .wlItemCatIcon {
    margin-top: 8px
}

.safariBrowser .wlMyCustomizationsCount {
    padding: 5.333px 6px 3.333px 7px !important;
}

.safariBrowser .removeWlItemIcon, .safariBrowser .wlinfoCircle i {
    top: 4px;
}
 .safariBrowser .wlinfoCircle i{
     padding:5.333px 6px 6.333px 7px;
 }
 .disableBodyScroll {
     overflow-y: hidden !important;
 }
.divMyitemsFiltersCont .divClearAllBtn {
    white-space: nowrap;
    align-items: center;
}

.divMyitemsFiltersCont .divApplyBtn {
    display: flex;
    align-items: center;
}

.customerOverviewSubHeading {
    position: sticky;
    top: 0;
    z-index:1;
}
.divSerchDataContainer th, .divSerchDataContainer td {
    padding-left: 0px;
}


.wishListBtnCont .itemDetailsButtonsAlign .systemBtnTwo40, .myItemsBottomSubCont .itemDetailsButtonsAlign .systemBtnTwo40 {
    border: transparent;
}

.btnItemDetails {
    /* width: 87%; */
    /* min-width: 75%; */
    flex: 0 0 calc(90% - 10px);
}
.divMyItemsActionCont {
    width :10%;
}
.myItemsBottomSubCont {
    justify-content: space-between;
    gap: 10px;
}


.divMyitemsGridContainer {
    display: flex;
    flex-wrap: wrap;
    margin-right: 30px;
}

.divMyitemGridSubCont {
    flex: 0 0 calc(33.33% - 10px);
    box-sizing: border-box;
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

    .divMyitemGridSubCont img {
        border-radius: var(--PD-S, 5px);
        width:100%;
    }

.wlFullLookTag {
    border-radius: 50px;
    border: 1px solid #C4CED4;
    background: var(--AM---White, #FFF);
    padding: 4px 8px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    align-content: center;
}

.removeWlItemCont {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 40px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: var(--AM---White, #FFF);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wlinfoCircle, .myItemsInfoCircle {
    border-radius: 40px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: #FFF;
    display: flex;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}

    .wlinfoCircle i {
        top: 3px;
    }
    .myItemsInfoCircle i {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        text-align: center;
        font-size: 16px;
    }
.myItemsStyleTitle::first-letter{
    text-transform :capitalize;
}
.divmyItemstitleCont {
    margin-bottom:20px;
}
.myItemsInfoOrderStatus {
    position: absolute;
    left: 10px;
    bottom: 10px;
    cursor: pointer;
    background: #fff;
    display: inline-flex;
    height: var(--PD-XXL, 30px);
    padding: 8px var(--PD-M, 10px);
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 1000px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: var(--AM---White, #FFF);
}


/*My item Details CSS Start*/
.divMyItemsDetailsContianer {
    border-radius: 10px;
    background-color: rgba(245, 245, 245, 1);
    /*  max-width: 969px;*/
    padding: 0 30px 15px 15px;
}

.divMyItemsDetailsImgLeftCont {
    gap: 15px;
    display: flex;
}

.divMyItemsDetailsImgcolumn {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 44%;
    margin-left: 0px;
}

.divMyItemsDetailsImgwrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 0.84;
    margin-top: 15px;
    padding: 15px 15px 80px;
}

.divMyItemsDetailsImg {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.divMyItemsDetailsOverlayIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 34.066px;
    border: 1px solid rgba(196, 206, 212, 0.5);
    background-color: #fff;
    width: 40px;
    height: 40px;
    padding: 0 9px;
    position:absolute;
}

.divFabricInfoIcon {
    aspect-ratio: 1;
    object-position: center;
    width: 100%;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.divMyItemsDetailsRightCont {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 56%;
    margin-left: 20px;
}

.divMyItemsDetailsWrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 80px 0 30px;
}

.divOrderInfoSection {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(196, 206, 212, 0.5);
   /* margin-top: 30px;*/
    padding: 15px 0;
}

.divMyItemsDetailsOrderInfo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.ulDotsActioBtn li {
    background: none repeat scroll 0 0 #142537;
    height: 4px;
    width: 4px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 0px;
    /*  margin-top: 2px;*/
    vertical-align: top;
    border-radius: 50%;
    pointer-events: none;
}

.ulDotsActioBtn li:nth-child(2) {
    margin: 2px 0px;
 }

.ulDotsActioBtn {
    transform: rotate(90deg);
    padding: 10px;
    margin: 0px;
    border: 1px solid #C4CED4;
    display: flex;
    width: 40px;
    height: 40px;
    padding: var(--PD-M, 10px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: var(--PD-M, 10px); */
    border-radius: 50%;
    background: white;
}

.actionBtnDots {
    padding: 0px
}

.actionBtnDots.active .ulDotsActioBtn li {
    background: none repeat scroll 0 0 #fff;
 }

.actionBtnDots.active .ulDotsActioBtn {
     border: 1px solid #142537;
     background: #142537;
}


.ulDotsActioBtn li {
    background: none repeat scroll 0 0 #142537;
    height: 4px;
    width: 4px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 0px;
    /*  margin-top: 2px;*/
    vertical-align: top;
    border-radius: 50%;
    pointer-events: none;
}

.ulDotsActioBtn li:nth-child(2) {
    margin: 2px 0px;
 }

.ulDotsActioBtn {
    transform: rotate(90deg);
    padding: 10px;
    margin: 0px;
    border: 1px solid #C4CED4;
    display: flex;
    width: 40px;
    height: 40px;
    padding: var(--PD-M, 10px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: var(--PD-M, 10px); */
    border-radius: 50%;
    background: white;
}

.actionBtnDots {
    padding: 0px
}

.actionBtnDots.active .ulDotsActioBtn li {
    background: none repeat scroll 0 0 #fff;
 }

.actionBtnDots.active .ulDotsActioBtn {
     border: 1px solid #142537;
     background: #142537;
}

.divMyItemsDetailsOrder {
    display: flex;
    gap: 8px;
    font-size: 14px;
    color: #142537;
    font-weight: 300;
    letter-spacing: 0.28px;
    line-height: 143%;
}
.divMyItemsDetailsOrderItemIcon {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 1333.333px;
    background: var(--AM---White, #FFF);
}
.iMyItemsDetailsOrderItemIcon {
    aspect-ratio: 1;
    object-position: center;
    width: 40px;
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size:16px;
}

.divMyItemsDetailsOrderLabel {
    margin: auto 0;
}
.divFabricTitleForRMGC.divMyItemsDetailsOrderLabel {
    margin: auto 0;
    margin-top:10px;
    margin-bottom:10px;
}


.divMyItemsDetailsOrderValue {
    border-radius: 1000px;
    background-color: #fff;
    color: #142537;
    white-space: nowrap;
    justify-content: center;
    margin: auto 0;
    padding: 8px 10px;
}
    .divMyItemsDetailsOrderValue.divFabricTitleForRMGCValue {
        border-radius: 1000px;
        background-color: #fff;
        color: #142537;
        justify-content: center;
        margin: auto 0;
        padding: 8px 10px;
        white-space:pre-wrap;
    }
.iMyRMItemsDetailsPlusIcon {
    color: #142337;
    white-space: nowrap;
    justify-content: center;
    margin: auto 0;
    padding: 8px 0px 8px 10px;
    -webkit-font-smoothing: antialiased;
}
.divActionButtonsSection {
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    width: 55%;
}
.divInvoiceBtnWidth{
    background:#fff;
}
.divBuyAgainB2CBtnNew {
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
   /* margin-left: 10px;*/
}
    .divBuyAgainB2CBtnNew:hover {
        background: #fff !important;
    }

.divDeliverryShippingAddressCont .accordion-item, .divMyitemDetailsPaymentCont .accordion-item, .divMyitemDetailsFitProfileCont .accordion-item, .divRMPriceDetailsCont .accordion-item {
    background: transparent !important;
    border: 0 !important;
}
.divDeliverryShippingAddressCont .accordion-button, .divMyitemDetailsPaymentCont .accordion-button, .divMyitemDetailsFitProfileCont .accordion-button, .divRMPriceDetailsCont .accordion-button {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
    z-index: 1;
}

/*.accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform);
}*/

    .divDeliverryShippingAddressCont .accordion-button::after,
    .divMyitemDetailsPaymentCont .accordion-button::after,
    .divMyitemDetailsFitProfileCont .accordion-button::after,
    .divRMPriceDetailsCont .accordion-button::after {
        width: 16px;
        height: 16px;
        background-size: 16px;
        /* transform: rotate(0deg);*/
    }
    .divDeliverryShippingAddressCont .accordion-button[aria-expanded="false"]::after,
    .divMyitemDetailsPaymentCont .accordion-button[aria-expanded="false"]::after,
    .divMyitemDetailsFitProfileCont .accordion-button[aria-expanded="false"]::after,
    .divRMPriceDetailsCont .accordion-button[aria-expanded="false"]::after {
        /* transform: rotate(-90deg);*/
        /*background-image: var(--bs-accordion-btn-icon);*/
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        content: "\f285";
        float: right;
        transition: all 0.5s;
        font-size: 16px;
        /* color: #fff; */
        transform: inherit;
        background-image: none;
        color: #142337;
    }

    .divMyitemDetailsPaymentCont .accordion-button[aria-expanded="true"]::after,
    .divDeliverryShippingAddressCont .accordion-button[aria-expanded="true"]::after,
    .divMyitemDetailsFitProfileCont .accordion-button[aria-expanded="true"]::after,
    .divRMPriceDetailsCont .accordion-button[aria-expanded="true"]::after {
        transform: rotate(90deg) !important;
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        content: "\f285";
        float: right;
        transition: all 0.5s;
        font-size: 16px;
        color: #142337;
        transform: inherit;
        background-image: none;
    }


    .divDeliverryShippingAddressCont .accordion-button:not(.collapsed),
    .divMyitemDetailsPaymentCont .accordion-button:not(.collapsed),
    .divMyitemDetailsFitProfileCont .accordion-button:not(.collapsed),
    .divRMPriceDetailsCont .accordion-button:not(.collapsed) {
        color: #142537;
    }
.divMyitemsPaymentForRTW, .divPaymentScreenDetails {
    justify-content: space-between;
}
.divODPaymentMethodSecondCont .spanOrderDetailItemSubText {
    text-align:right;
}
.divMyItemsDetailsPaymentValue {
    color: #142537;
    white-space: nowrap;
    justify-content: center;
    margin: auto 0;
    padding: 8px 10px;
}
.divMyItemDetailsActionPopover {
    border-radius: 10px;
    background: #FFF;
 /*   left: 100px !important;*/
    padding:20px;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    width: 240px;
}
.divBuyAgainPopoverBtn:hover {
    /*background : #fff;*/
}
.divBackButton {
    margin-top: 30px;
    margin-bottom: 20px;
}
.divImpossibleCombNotification {
    border-radius: 10px;
    border: 1px solid rgba(211, 116, 103, 1);
    background-color: #fff;
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #d37467;
    font-weight: 300;
    letter-spacing: 0.28px;
    line-height: 20px;
    padding: 15px 12px;
    margin-bottom:30px;
}

    .divImpossibleCombNotification .bsNotificationicon {
        font-size: 16px;
        margin: auto 0;
    }
.btnMyItemsEditOrder {
    /* margin-top:30px;*/
    margin-bottom: 30px;
    width: 100% !important;
}
.spnMyItemsEditOrderBtn {
    color: #fff;
    font-size: 16px;
    width: 16px;
    height: 16px;
    padding-left: 8px;
    top: 5px;
}
.divMyItemsDetailsWrapper #btnOrderPageCustomizeMob {
    max-width: 100% !important;
    width:50%;
}
.imgColorSwatchesAvailable {
    height: 20px;
    width: 25px;
    border-radius: 2px;
    aspect-ratio: 1.25;
    object-position: center;
}
.divAvailableFabricCont {
    border-radius: 50px !important;
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
    background-color: #fff;
    font-size: 14px;
    color: #142537;
    font-weight: 300;
    letter-spacing: 0.28px;
    justify-content: center;
    padding: 8px 20px;
}


.bsIconForColorSwatch {
    width: 16px;
    height: 16px;
    font-size:16px;
}

.divAvailableFabricName {
    padding-left: 10px;
    vertical-align: middle;
}

.divAvailableFabricWrapper {
    background: #fff;
    border-radius: 50px;
    /* margin-top: 30px; */
 /*   width: 25% !important;*/
}
.spnOptionFabricColor {
    float: none !important;
    /* vertical-align: top; */
    /* display: inline-block; */
    align-items: center;
    display: flex;
}
.divAvailableFabricWrapper.bootstrap-select .dropdown-menu.open {
    border-radius: 20px !important;
    border: 1px solid rgba(196, 206, 212, 0.50) !important;
    background: var(--AM---White, #FFF) !important;
    /* AM - Medium shadow */
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10) !important;
}
.optionMargin{
    margin:10px 0px;
}
.divMyItemsDetailsImgwrapper .fabricSwatchOnImg i {
/*    font-size: 16px;
    left: -1px;
    top: 4px;
    width: 16px;
    height: 16px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}
.divMyItemsDetailsImgwrapper .spanFabricIconInOrder {
    width: 30px;
    height: 30px;
    left: 3% !important;
}
.divMyItemsDetailsWrapper .divCopyItemsInOtherFabric {
    width: 50%;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(196, 206, 212, 0.5) !important;
}
.divMyItemDetailsBuyagainPopover, .divMyItemDetailsRMBuyagainPopover {
    padding:20px;
    border-radius: var(--PD-M, 10px);
    background: var(--AM---White, #FFF);
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    width: 240px;
}
.divProductCode {
    margin-bottom:5px;
}
.divProductTitle{
    margin-bottom:30px;
    display:block;
}

.divMyItemsDetailsImgwrapper .fabricSwatchOnImg {
    padding:0px;
}
.jsSearchBoxInput {
    height:40px !important;
}
.iBackmyItemDetailsIcon {
    top: 4px;
    font-size: 16px;
    height: 16px;
    width: 16px;
}
.divAvailableFabricCont .spanCreatFitFloat{
    display :flex !important;
}
.divAvailableFabricWrapper.bootstrap-select.btn-group .dropdown-menu li a {
    display: flex !important;
    padding: 10px 20px !important;
    margin:0px;
}
.divLoveFabricVisbility {
    display: flex !important;
}

.divLoveFabricVisbilityForMob {
    display: none !important;
}
.divMyitemsDetailsFlexFit .divFitToolTitle {
    margin-bottom:15px;
    margin-top:30px;
    padding:0px;

}
.divMyitemsDetailsFlexFit .divFittoolsCont {
    margin-bottom: 0px;
    margin-top: 30px;
}


/*My item Details CSS END*/
.ui-dialog .ui-dialog-titlebar {
    padding: 0px;
}

.ui-dialog .ui-dialog-title{
    padding: 0px;
}
.ui-dialog .ui-dialog-content{
    padding: 0px;
  
}
div#msgbxMessage ul{
    margin-bottom: 10px;
}
.ui-dialog .ui-dialog-buttonpane{
    margin: 0px;
    padding: 0px;
}
.popover-body {
    padding: 0px;
}
.divExpertOptionDetails {
    display: grid;
    grid-template-columns: 209px 200px auto;
    grid-gap: 20px;
}

.divDisabledColorWhite {
    background-color: #ffffff !important;
}

.divDisabledColorGray {
    background-color: #cccccc !important;
}

#tableCustomerOrderHistory tr.divDisabledColorGray td {
    background-color: #cccccc !important;
}
.divRpriceWidth {
    width:100px;
}

/*QR code */
.divQRItemDetailsheader {
    margin-top: 50px;
    margin-bottom: 30px;
}
.divQRMyItemDetailsPopover .nonOrderHistoryItem {
    display: none !important;
}
.divRMORderPriceDetailsLeftCont {
    overflow-x:auto;
}

.divRMLeftFitPart {
    display: inline-block;
    width: 100%;
    white-space: normal;
}
.divRmQuantityWidth {
    min-width:30px;
}
.divRMSurchargeWidth {
    /*min-width: 50%;*/
    min-width: fit-content;
}
.divRMORderPriceDetailsLeftCont.customScrollNew::-webkit-scrollbar-button:hover {
    background-color: #999;
}
.divRMORderPriceDetailsLeftCont.customScrollNew::-webkit-scrollbar-thumb:hover {
    background-color: #999;
    outline: 1px solid #999;
}
/*.divRMLeftSubPart {
    display: grid !important;
    grid-template-columns: auto auto auto;
}*/
.divRMORderPriceDetailsCont {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.divPPriceCont{
   /* top:-3px;*/
    position:relative;
}
.divRMLeftSubPart .divRMOrderFitWidth.jsUSorCanadaCountry, .divRMOrderFitWidth.jsUSorCanadaCountry {
    min-width: 38%;
    padding-right: 15px;
}
.divRMLeftSubPart .divRMOrderFitWidth, .divRMOrderFitWidth {
    min-width: 30%;
    padding-right: 15px;
    /*display: table-cell;*/
}
@media (max-width: 767px) {
    .divUpdateStatusBtn, .divMakePaymentBtn {
        padding: 8px 12px !important;
    }
}


.divDetailsParent {
    padding: 20px 20px;
}

.btnTrackAndTrace {
    display: flex;
    align-items: center;
}

.divTrackingDetailsOrderStructure {
    display: grid !important;
    grid-template-columns: 40px 165px auto !important;
}
.spanTrackingDetailsCont{
    right: 0px;
}


.noItemsInWardrobe {
    border-radius: 10px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: var(--AM---Light-Grey, #F5F5F5);
    padding: 30px;
}
.noItemsInWishlist {
    border-radius: 10px;
    border: 1px solid rgba(196, 206, 212, 0.50);
    background: var(--AM---Light-Grey, #F5F5F5);
    padding: 30px 30px 0 0;
    grid-template-columns: 150px auto;
    grid-gap: 30px;
    
}

    .noItemsInWishlist .divNoItemInWishlistImage {
        padding: 0px;
       
    }

    .noItemsInWishlist img {
        border-radius: 0px 5px 0px 5px !important;
    }

    .noItemsInWishlist .divNoItemsInWishlistCont {
        /*padding-left: 30px;*/
    }

.wlFullLookTagZIndex {
    z-index: 9;

}

.divAvailableFabricCont{
    height:40px;
}

.divAvailableFabricWrapper.bootstrap-select .dropdown-menu.show {
    transform: none !important;
    top: auto !important;
}

.clientTableBody td {
    border-top: none;
    padding: 12px 0px 13px 10px !important;
    vertical-align: middle !important;
}
.clientTableBody td .bsIcon {
    top: 0 !important;
}

.divGCOrderDetail {
    margin-top: 20px;
}
.divLoginToGC {
    cursor: pointer;
    font-weight: 700;
  
}

.addOtherItemTitle {
    text-align: left;
    color: rgb(20, 37, 55);
}

.articleDropDownCont {
    width: 100%;
}

.spanBarcodeRTWGCScanner {
    position: absolute;
    right: 10px;
    top: 15px;
}

.spanBarcodeGCScanner.active {
    background: rgba(196, 206, 212, 0.5);
    border-radius: 5px;
    padding: 0px 2px 2px;
    height: 19px;
    width: 20px;
    color: rgb(20, 37, 55) !important;
}

.spanBarcodeGCScanner {
    position: absolute;
    right: 10px;
    top: 45px;
}

.SpanGiftcardDeleteBtn .ionDeleteFC {
    font-size: 16px;
}

.ionDeleteFC {
    height: 16px;
    width: 26px;
}

.addWalletCreditBtnCont {
    position: absolute;
    right: 30px;
    top: 20px;
}


.divFastrackPaymentCont .divPaymentWholeCont {
    background-color: #F5F5F5 !important;
}

.divFastrackPaymentCont .divPaymentItem {
    margin-bottom:20px;
}

.divFastrackPaymentCont .divPayLinkBlock {
    grid-template-columns: auto 150px !important;
}

.divFastrackPaymentCont .divPaymentItem.active {
    border: 1px solid #142537 !important;
}


/*#region member popover old page UI*/
.divMemberOverViewPagePayPopup .divMemberPopupTittle {
    margin-bottom: 16px;
}

.divMemberOverViewPagePayPopup .divMemberPopupSubTittle {
    margin-bottom: 8px;
}

.divMemberOverViewPagePayPopup .retailLeftPayment {
    padding-left: 0px;
}
/*#endregion member popover old page UI*/