:root {
  --palmeseGray: #f4f4f4;
  --colorGray: #d9d9d9;
}

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

tr.center{
    border: 1px solid var(--palmeseGray);

}

thead .center th{
    background-color: var(--palmeseGray);
    color: black;
    text-align: center;
}

.center td{
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}

.center th, .center td{
   text-align: center;
   vertical-align: middle;
}

 .orderListTable tbody > tr.center:nth-child(2n){
    background-color: white;
}
.trTableSoldTo {
    background: #d9d9d9;
}

.trTableDoor {
    background: var(--palmeseGray);
}

thead .center.white th{
    background-color: white;
    text-color: black;
}

.tdChildTitle{
    font-size: 0.8em;
    text-align: right;
}

.trTableTitle{
    white-space: nowrap;
}

.trFontTable{
    font-size: 0.9em;
    font-weight: 300;
    white-space: nowrap;
}

.tdCodeBold{
    font-weight: bold;
}

.buttonModifyUser{
    color: #000000;
    background-color: #ffffff;
    cursor: pointer;
}

.fontClickDetailsPdp{
    text-transform: uppercase;
    font-size: 0.9em;
}
.colorTextGray{
    color: var(--colorGray);
}

.colorTextGray.active{
    border-bottom: 2px solid rgb(0 0 0);
    color: #000000;
}

.marginRightMenu{
    margin-left: 8%;
    font-size: 11px;
}

.account-section-left-title-myArea {
    border-bottom: 1px solid rgb(0 0 0);
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 0.3em;
    padding-left: 0;
}

.borderTableRow{
    border: 1px solid #cccccc;
}

.btnQuantityQuickCartLeft{
    width:25px;
    height:25px;
    padding: 0;
    border: 1px solid #cccccc;
    font-size: 10px;
    background-color: #ffffff;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.btnQuantityQuickCartRight{
    width:25px;
    height:25px;
    padding: 0;
    border: 1px solid #cccccc;
    font-size: 10px;
    background-color: #ffffff;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.inputQuantityCart{
    width:40px;
    height:23px;
    text-align: center;
}

.btnQuantityQuickCartLeft[disabled]{
    background-color: #cccccc;
}

.btnQuantityQuickCartRight[disabled]{
    background-color: #cccccc;
}

.btn-cart-add{
    height: 2em;
    width: 6em;
    color: #ffffff;
    background-color: #000000;
}

.modal .infoBoxQuickCart.content-note {
    width: 60%;
    height: 55%;
}

.titleInfoBoxQuickCart{
    text-align: center;
    font-size: 1.5em;
}

.no-margin-right{
    margin-right: 0px;
}

.yCmsComponent.tagSection-component{
    display:flex;
}

.vertical-text{
    text-orientation: mixed;
}

.tag-header{
    background-color: var(--colorGray);
    width: 4em;
}


.label-container{
      position: absolute;
      margin-top: 20em;
      background-color: white;
      z-index: 10;
      padding: 0px;
      border: 1px solid var(--colorGray);
      display: flex;
      align-items: center;
      width: 15em;
      right: 0px;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;

}

.label-container div{
    height: 9em;
    text-align: center;
    padding: 2rem;
}

.label-content{
    font-weight: 200;
}


.label-container.close-label {
  right:-11em;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.deleteAllCartButton{
    text-align: right;
    font-size: 0.9em;
    margin-top: 2em;
    padding-bottom: 5px;
}

.imgTableQuickCart{
    height: 3em;
    width: 5em;
}

.buttonQuickCartTemplate{
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
    cursor: pointer;
}

.categoryOrderForm{
    width: 9em;
    border: 2px solid #cccccc;
    display: inline-block;
    margin-bottom: 0.3em;
    padding: 0.3em;
    height: 3.5em;
    border-radius: 6px;
}

.categoryNotOrderForm{
    filter: contrast(0.8);
    opacity: 1;
    background-color: #ffffff;
    width: 9em;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 0.3em;
    padding: 0.3em;
    height: 3.5em;
    border-radius: 6px;
}

input[type=checkbox]:checked + label .categoryOrderForm{
    width: 9em;
    border: 3px solid #000000;
    display: inline-block;
    margin-bottom: 0.3em;
    padding: 0.3em;
    height: 3.5em;
    border-radius: 6px;
}

.checkboxSelectAll{
    width: 2.3em;
    margin-top: 0.7em;
    height: 1.1em;
}

.no-margin-bottom{
    margin-bottom: 0;
}

.btn.btn-download{
    width: 11em;
    height: 2.6em;
    background-color: #000000;
    color: #ffffff;
}

.tooltip-imShip .tooltiptext-imShip.tooltipImShipQuickCart{
    margin-left: 6em;
    margin-bottom: -4em
}

.btn-download[disabled]{
    background-color: #cccccc;
    border-color: #cccccc;
}

.no-button{
    padding: 0;
    border: none;
    background: none;
}

input.inputQuantityCart::-webkit-outer-spin-button,
input.inputQuantityCart::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.inputQuantityCart[type=number] {
  -moz-appearance: textfield;
}


.js-qty-selector-input.js-update-entry-quantity-input {
     border: 1px solid #8f8f9d;
     box-shadow: 1px solid #8f8f9d;
 }

.btn.btn-upload{
    width: 9.5em;
    height: 2.2em;
    background-color: #000000;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttonQuickCartTemplate[disabled]{
    background-color: #cccccc;
    border-color: #cccccc;
    pointer-events: none;
}

.btn.btn-continue-distributors{
    width: 15em;
    height: 2.2em;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
}

.btn.btn-checkout-distributors{
    width: 100%;
    height: 2.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-responsive .js-add-to-cart, .js-reorder-add-cart {
    position: relative;
    padding: 8px 16px;
    border: none;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}


.table-responsive .js-add-to-cart .button__text {
  transition: all 0.2s;
  color: #ffffff;
}

.table-responsive .js-add-to-cart.button--loading .button__text, .account-section-content .button--loading div, .spinner span	 {
  visibility: hidden;
  opacity: 0;
}

.table-responsive .js-add-to-cart.button--loading::after{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
  border-top-color: white;
}
.account-section-content .button--loading::after{
content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
  border-top-color: black;
}

.spinner::after{
content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
  border-top-color: black;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.titleOrderExcel{
    cursor: pointer;
    white-space: nowrap;
}

.showOrderFormTemplate{
    margin-top: 1.5%;
}

.modal .popupCartTemplate.content-note {
    width: 35%;
    height: 33%;
}

@media (max-width: 991.98px){
    .modal .popupCartTemplate.content-note {
        width: 55%;
        height: 35%;
    }
}

.btn-background-white{
    background-color: #ffffff;
    border: 3px solid #000000;
}

.textPopupUploadCart{
    margin-bottom: 3em;
    margin-top: 1em;
}

.modal .popupErrorUpload.content-note {
    width: 50%;
    height: 45%;
}

.greenText{
    color: #008000;
}

.redText{
    color: #FF0000;
}

.grayText{
    color: var(--colorGray);
}

.continue-distributors{
    padding-top: 10px;
}


.continue-distributors .btn.btn-continue-distributors {
    width:100%;
}

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

.text-removeEntry .buttons{
    padding-top: 30px;
}
.js-update-entry-quantity-input.d-none{
    display:none;
}
.modal .popupSuccessfulUpload.content-note {
    width: 38%;
    height: 35%;
}

.rotateLabelTag{
    transform: rotate(270deg);
    white-space: nowrap;
    display: flex;
    flex-direction: row-reverse;
    font-size: 1em;
}

.tag-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.label-container{
    margin-right: -5em;
}

.labelTitleLeftMenu{
    color: #e5e5e5;
}

thead .backgroundTableGray th{
    background: #d9d9d9;
    color: black;
}

.button-orderHistory{
    background-color: #ffffff;
    color: black;
    min-height: 4em;
    display: flex;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    border-radius: 10px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border: 2px solid #d9d9d9;
}

.button-orderHistory.active{
    background-color: #d9d9d9;
}

.marginRight{
    margin-right: 1%;
}

.marginLeft{
    margin-left: 1%;
}

.popupChangePeriod{
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0.7em;
    z-index: 9999;
    position: absolute;
    margin-top: 17%
}

.table-responsive .js-add-to-cart[disabled]{
    background-color: #cccccc;
    border-color: #cccccc;
    pointer-events: none;
}

.poNumberPlaceHolder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-decoration: underline;
}
.poNumberPlaceHolder::-moz-placeholder { /* Firefox 19+ */
    text-decoration: underline;
}
.poNumberPlaceHolder:-ms-input-placeholder { /* IE 10+ */
    text-decoration: underline;
}
.poNumberPlaceHolder:-moz-placeholder { /* Firefox 18- */
    text-decoration: underline;
}

.textBoxCheckout{
    width: 70%;
    clear: unset;
}

.pageCheckoutDistributors{
    margin-left: 10%;
    margin-top: 5%;
    margin-bottom: 10%;
}

.float-right{
    float: right;
}

.displayCenter{
    display: flex;
    justify-content: center
}

.paddingCartPage{
    padding-top: 5%;
}

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

.scrollLines{
    overflow-y: scroll;
    border: 1px solid #000000;
    height: 3.4em;
    margin-left: -1em;
    padding-left: 1em
    display: flex;
    align-items: center;
    justify-content: center;
}

td.exclLine.lastChildTd{
    padding-right: 10px;
}

.page-cartPage .glyphicon{
    margin-top: -3px;
    padding-bottom: 5px;
}

.page-cartPage .glyphicon.glyphicon-chevron-up,.page-cartPage .glyphicon.glyphicon-chevron-down {
    padding-right: 10px;
}

.account-orderhistory .sort-container .sort-content .form-control{
    width: 100%;
}
#filterForm .padding-top{
    padding-top:3em;
    padding-left: 0px;
}

#filterForm label{
    padding-left: 0px;
}
#freeSearchField{
    border: 0px;
    box-shadow: none;
    height: 100%;
}

.free-search-container{
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    height: 44px;
    text-align: center;
}

#filterForm .btn-link {
    padding: 8px 10px;
}

#resultsTable  tr{
    white-space: nowrap;
}
#quickAddToCart #skuCart{
    text-align:left;
    padding-left: 5px;
}

#resultsTable .text-wrap {
    white-space: nowrap;
}

#componentBox label{
    white-space: nowrap;
}

.paddingMyAccount{
    padding-left: 130px;
}

#filterForm div, #filterForm label, .page-invoices #sortForm2 div{
    padding-bottom: 10px;
}

.free-search-container, .order-history-sort{
    white-space: nowrap;
}

#resultsTable tbody tr{
    height: 61px;
}
.tooltipMine.export-btn.btn{
    padding-top: 10px;
    font-size: 14px;
    text-transform: none;
}


.table-utils .tooltip-container, .table-utils .sort-container{
    height: 40px;
}
.modal .content-wrapper .btn-modal-close{
    width: 10em;
    height: 2em;
    border: 2px solid #000000;
    background: white;
    font-size: 16px;
    margin-top: 2em;
    color: #000000;
    padding: 0px;
}

.btnModal{
    width: 10em;
    height: 2em;
    border: 2px solid #000000;
    background: #000000;
    font-size: 16px;
    margin-top: 2em;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
}

.modal .popupLegalCreation.content-note {
    width: 35%;
    height: 30%;
}

#freeSearchField{
    margin: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-consignmentDetailsPage #freeSearchField{
     margin: 5px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     width: 100%;
 }

#importCartExcel span{
    font-size: 12px;
}

.deleteAllCartButton img{
    padding-left: 10px;
    margin-bottom: 3px;
}

.distributors-entries-table-container .table > tbody > tr > td{
    border-top: none;
}

.distributors-entries-table-container .table > thead > tr > th{
    border-bottom: none;
}

.distributors-entries-table-container tr.center{
    border: 1px solid #ccc;

}

.removeNetworkTable .table > thead > tr > th{
    border-bottom: none;
}

.alignaddressbox th{
    white-space: nowrap;
}

.maison-label{
    padding-bottom: 5px;
}

#buttonBack{
    width: 8.5em;
    height: 2.6em;
    padding: 6px 12px;
}

#skuCart{
    background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	height: 30px;
}

.button-orderHistory .align-left{
    text-align: left;
}
.redtext .black{
    color:black;
}

#filterForm .input-group-btn{
    width: 1px;
    margin-left: -5%;

}
@media (min-width: 1400px){
    #filterForm .input-group-btn{
        margin-left: 0px;
    }
}
thead th.spaceTable{
    background-color:white;
}

.borderLeftBottom{
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.padding-bottom-title{
    padding-bottom: 5%;
}

.cursorPointer{
    cursor: pointer;
}

.downloadOrderDetails{
    width: 20px;
    height: 17px;
    margin-bottom: 7px;
}

.tooltipMine .tooltiptext.marginTop{
    margin-top: 30%
}

 /*Icon progressbar*/
 #progressbar {
     margin-bottom: 30px;
     overflow: hidden;
     color: #000000;
     padding-left: 10%;
     margin-top: 30px;
 }

 #progressbar li {
     list-style-type: none;
     font-size: 13px;
     width: 25%;
     float: left;
     position: relative;
     font-weight: 400;
 }
#progressbar li.distributors {
     width: 20%;
 }
 #progressbar .step0:before {
     font-family: FontAwesome;
     content: "\2212";
     color: #000000;
 }

 #progressbar li:before {
     width: 25px;
     height: 25px;
     line-height: 25px;
     display: block;
     font-size: 20px;
     background: #ffffff;
     border: 1px solid #000000;
     border-radius: 50%;
     margin: auto;
     padding: 0px;
 }

 #progressbar li.active:after {
     height: 4px;
     background: #000000;
 }

  /*ProgressBar connectors*/
  #progressbar li:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #cccccc;
      position: absolute;
      left: -50%;
      top: 11px;
      z-index: -1;
  }

 #progressbar li:first-child:after {
    display: none;
 }

 /*Color number of the step and the connector before it*/
 #progressbar li.active:before, #progressbar li.active:after {
     background: #000000;
 }

 #progressbar li.active:before {
    content: "\2713";
    color: #ffffff;
 }

 #filterForm .btn-link.search-icon {
     padding: 5px 8px;
 }

 .search-box-container{
    border: 1px solid #000000;
    height: 34px;
 }
 .search-box-container .form-control{
    border: 0;
 }

 .btn.js-qty-selector-minus, .btn.js-qty-selector-plus{
    border-radius: 0px;
}

.title-container{
    text-align: center;
    font-size: 25px;
    padding-top: 1em;
}

.searchbox-containter-container{
    margin-left: -53px;
}

.page-consignmentDetailsPage .padding-bottom-title{
    padding-bottom: 2%;
}

.page-consignmentDetailsPage .tooltipMine{
    height: 20px;
}

.page-consignmentDetailsPage .h6.no-margin.nopadding.cursorPointer u{
    font-size: 12px;
}
.js-checkbox-orderHistory{
    white-space: nowrap;
}

#freeSearchField:focus {
    outline: none !important;
    border:none;
    box-shadow: none;
}


.free-search-container,#filterForm .search-box-container,#filterForm .inputBoxCalendar,#filterForm #datapickerTo{
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.white-background{
    background-color: white;
}

.table-responsive .exclLine  .js-add-to-cart[disabled]{
    opacity: 0.5;
    background-color: white;
}

.orderhistory-list-table td{
    min-height: 75px;
}

.form-inline .form-control.d-none{
    display: none;
}

.form-inline .form-control.nice-select{
    width: 100%;
}

.table-utils{
    margin-top: -64px;
}


#filterForm div.select-filters{
    padding-bottom: 0px;
}

.constant-margin-left{
    margin-left: -25%;
}

#filterForm .padding-top.filter-by-container{
    padding-top: 5em;
}

.background-box-transparent{
    background-color: transparent;
    box-shadow: none;
}

.button-orderHistory.colorTextGray{
    color: #e5e5e5;
}

.button-orderHistory.colorTextGray.active{
    color: #000000;
    border-bottom: 0;
}

.rotate {
  animation: rotate 1.5s infinite linear;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.iconbag-emptyCar{
  width: 10em;
  height: 12em;
}

.btn-cart{
    border: 2px solid #ccc;
    color: black;
    background-color: #f4f4f4;
    text-align: center;
    height: 7em;
    width: 14em;
}

.icon-cart{
    height: 1.5em;
    margin: 0.7em;
}

.has-error{
    border-color: red;
}

.tooltipMine.export-all-btn.btn{
     padding-top: 10px;
     font-size: 14px;
     text-transform: none;
 }

.tooltipMine > .tooltip-history {
    top: -140%;
    z-index: 10;
    left: -100%;
    width: 15em;
    padding: 0.7em;
}

.btn.export-btn{
    top: 1.4em;
}

.btn.export-all-btn{
    top: 1.4em;
}

.page-invoices #sortForm2 .nice-select.form-control{
    height: 44px;
}

.page-invoices #filterForm{
    padding-top: 5rem;
}

.page-invoices .form-control .current{
    line-height: 2.2;
}

.btn-cart-continue {
 padding-right: 5px;
 padding-left: 0px;
}

.btn-cart-checkout {
 padding-left: 5px;
 padding-right: 0px;
}

@media (max-width : 1024px){
    .paddingMyAccount {
      padding-left: 10%;
    }

    .page-invoices #filterForm {
      padding-top: 5rem;
    }

    .page-login #hide-password{
        top: -45px;
    }

    .page-login .login-section{
        left: 20%;
    }
    .popupChangePeriod.invoice{
        margin-top: 50%;
    }

    #filterForm .padding-top.filter-by-container.mobile{
        padding-top: 14.3em;
    }

    .constant-margin-left{
        margin-left: 0;
    }

    .padding-orderHistory-mobile{
        padding-top: 3.2em;
    }

    .orderDashboard-padding-mobile{
        padding: 0 0 2% 0;
    }

    .main__inner-wrapper {
      margin-left: 2em;
      margin-right: 2em;
    }

    .account-orderhistory{
        margin-top: 6em;
    }

    .label-container.close-label{
      right: -11.3em;
    }

    .label-container {
      margin-right: -2em;
    }

    .btn-cart-continue {
        padding-right: 0px;
        padding-bottom: 5px;
    }

    .btn-cart-checkout {
        padding-left: 0px;
    }
}

.modal #uploadCart .popupCartTemplate.content-note {
    width: auto;
    height: auto;
}

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

.popup-template-img{
    width: 95%;
    height: 15em;
}

hr.vertical-line {
    border-left: 1px solid black;
    height: 100%;
    position: absolute;
    left: 48.7%;
}

.center-container{
    display: flex;
    justify-content: center;
    align-items: center
}

.label-redirect{
    display: inline-block;
    text-decoration: underline;
    font-size: 14px;
    color: #002A5C;
    margin-top: 1.6em;
}

.margin-top-1{
    margin-top: 1em;
}

.free-search-container .input-group-btn:last-child > .btn{
    z-index: 1;
}

#filterForm .nice-select{
    z-index: 2;
}

.page-invoices #filterForm div.nopadding{
    padding: 0px;
}

.pointer{
    cursor:pointer;
}

.modal .infoSearchbar.content-note {
    width: 32em;
    height: 20em;
    border: 3px solid black;
}

ul.dashed {
  list-style-type: none;
}

ul.dashed > li:before {
  content: "- ";
}

#filterForm div .modal{
    padding-bottom: 0;
}

.js-update-entry-quantity-input{
    width: auto;
}

.tooltipMine.text-normal{
    white-space: normal;
}

.padding-sortBy{
    padding-left: 1.7em;
}

#fullForm{
    margin: 0;
}

.body-invoices{
    text-transform: uppercase;
    font-size: 20px;
}

.margin-title{
    margin-bottom: 1.7em;
}

.dashed.terms-condition{
    padding-left: 0;
}

.margin-top-2{
    margin-top: 2em;
}

.margin-bottom-2{
    border-bottom: 2px solid #d9d9d9;
}

.margin-bottom-details{
    border-bottom: 2px solid #000000;
}

.margin-bottom-total{
    border-bottom: 2px solid #b2b2b2;
}

tbody tr td.text-left{
    text-align: left;
}

tbody .trDetailsTopAccount td{
    background: #e7e6e6;
}

thead .trTotalTopAccount th{
    background: #7f7f7f;
    color: black;
    text-transform: none;
}

thead .backgroundTableTopAccount th{
    background: #f2f2f2;
    color: black;
    text-transform: none;
}

#resultsTable .text-normal{
    white-space: normal;
}

.topAccountTable th{
    width: 13em;
}

hr.only-visible,div.only-visible {
    font-size: 18px;
}

.only-visible-carousel{
    display: flex;
    justify-content: center;
}
.only-visible-sticky{
    top: 10em;
    position: fixed;
    z-index: 10;
    background-color: white;
    width: auto;
    padding-left:20px;
}
.multiselect{
    display: block;
    width: 10.1em;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #3c3c3c;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.open > .dropdown-menu.multiselect-container{
    padding: 0;
    min-width: 9.3em;
    background: #ffffff;
}

.multiselect-option{
    background: white;
    width: auto;
    box-shadow: 0 0 0 0;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #cccccc;
    height: 2.2em;
    padding: 0;
    min-width: 9.3em;
}

.multiselect-option.dropdown-item .form-check{
    padding:0
}

.multiselect-option.dropdown-item{
    text-align: left;
    min-width: 160px;
}

.multiselect.dropdown-toggle.custom-select{
    box-shadow: none;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#catalogResults{
  display: flex;
  flex-wrap: wrap;
}

#catalogResults > .catalog{
  float: none;
}


.filters-row{
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.filters-row .filter{
  flex: 1 1 0;
  min-width: 120px;
}
.filters-row .filter .multiselect.dropdown-toggle{
  width: 100%;
  box-sizing: border-box;
}

.image-link:focus {
    outline: none;
    box-shadow: none;
}

.img-social-media{
    width: 70%;
    aspect-ratio: 3/2;
    object-fit: contain;
    height: 25%;
}

.img-pdp-social-media{
    width: 72%;
    aspect-ratio: 3/2;
    object-fit: contain;
    height: 43%;
}

.radius-btn-content{
    border-radius: 1.5rem;
}

.margin-top-3{
    margin-top: 3em;
}

.margin-right-3{
    margin-right: 3em;
}

.content-media-name{
    font-size: 20px;
    text-align: center;
    min-height: 80px;
}

.form-check-label {
    width: 9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    vertical-align: middle;
    text-align: left;
}

}

.multiselect-dropdown-arrow {
  width: 0px;
  height: 0px;
  left: 100px;
  top: 200px;
  position: relative;
}

.multiselect-dropdown-arrow:after, .multiselect-dropdown-arrow:before {
  bottom: 0%;
  left: 0%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.multiselect-dropdown-arrow:after {
  bottom: 6px;
  left: 0px;
  border-top-color: #ffffff;
  border-width: 0.3em;
  margin-left: 0;
  left: auto;
  right: 12px;
  bottom: 35%
}

.multiselect-dropdown-arrow:before {
  border-top-color: #aaa;
  border-width: 0.6rem;
  margin-left: 0;
  left: auto;
  right: 10px;
  bottom: 17%
}

.multiselect-selected-text{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 7.8em;
}

.page-socialMediaDetails .tooltip-return .infobox-assistence{
    font-size: inherit;
    top: inherit;
}

.page-socialMediaDetails .tooltip-return {
  position: inherit;
  display: inherit;
  padding-left: 0px;
}

.page-socialMediaDetails .btn-account{
      display: inherit;
}

.tooltipMine.socialMedia{
    display: block;
}

.tooltipMine.socialMedia > .tooltiptext{
    left: -10%;
    top: -120%;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    width: 9em;
    font-weight: 200;
    font-size: 13px;
}

.only-visible.new_arrivals.new-arrivals-padding{
    padding-top: 15px;
}

.tooltipMine.socialMedia.disabled .tooltiptext{
    pointer-events: none;
    cursor: default;
}

.auto-width{
    width: auto;
}

.margin-left-15{
    margin-left: 15px;
}

.badge-adjusted-plp.musthave{
    background: inherit;
    color: inherit;
    padding-left: 0px;
    display:inline-table;
}
.badge-adjusted-plp.both{
    top: 3rem;
}
.must-have-button a{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.must-have-button{
    padding-left: 0px;
}

.badge-adjusted-plp.musthave.d-none{
    display:none;
}

.icon-container{
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.page-productDetails .error {
    border: 1px solid red;
}

.charatersCounter-noteReturn{
    float: inline-end;
}
.min-section{
    position: absolute;
    float: inline-start;
    font-weight: 100;
    text-transform: initial;
}

.js-show-return-section{
    padding-top: 20px;
    text-transform: uppercase;
}
.js-show-return-section u{
    cursor:pointer;
}

.resize-image-60{
    width: 60rem;
}
.page-productDetails .addtocart-component .qty-selector .btn, #add_to_cart_storepickup_form .qty-selector .btn{
    max-width: 24px;
    max-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-productDetails .addtocart-component .qty-selector .form-control, #add_to_cart_storepickup_form .qty-selector .form-control{
    height: 24px;
}
.page-productDetails .addtocart-component .qty-selector .input-group-btn, #add_to_cart_storepickup_form .qty-selector .input-group-btn{
    max-height: 24px;
    display: flex;
    align-content: center;
    align-items: center;
    width: 24px;
    justify-content: center;
}

.page-productDetails .add-to-cart-section .input-group[class*="col-"]{
    display: flex;
    margin-top: 10px;
    margin-right: 20px;
}
.page-ordersSent .return{
    margin-top: -12px;
    padding-right: 15px;
}

.main-support-box-container{
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.main-support-box-element{
    background-color: var(--palmeseGray);
    border-radius: 10px 10px 10px 10px;
    padding: 20px;
    min-height: 12em;
}

.main-support-box-element .tooltipMine {
    padding-bottom: 10px;
}

.col-md-12.col-lg-12.search-container{
    text-align: center;
}

.col-md-12.col-lg-12.search-container input{
    float: none;
    margin-right: 0px;
}

.col-md-12.col-lg-12.search-container .box-search{
    left: 20rem;
    z-index: 2;
    position: relative;
}

.box-element-container{
    display: flex;
    justify-content: center;
}

.padding-top-10{
    padding-top: 10px;
}
.font-weight-standard{
    font-weight: 100;
}

.division-description p,.division-description li {
    font-style: italic;
}

.header-text-title{
    padding-left: 17px;
}

.text-list-container-padding{
        margin: 20px 0 0 0;
}

.page-theliosFaqPage footer .hr-text {
    margin-top: 5em;
}

.page-productDetails .product-sku__label .tooltip-return .tooltiptext-return.tooltiptext-information {
    margin-left: -120px;
    width: 400px;
}

.page-productDetails .product-sku__label .tooltip-return .tooltiptext-return::after {
  margin-left: -80px;
}

.page-productDetails .product-sku__label .tooltip-ticket .tooltiptext-ticket {
  margin-left: -120px;
}

.page-productDetails #returnCompleteModal .text-assistence{
    text-align: center;
}

.page-catalogsPage .catalog-section-left-title.account-section-left-title{
    text-align: center;
    font-size: 25px;
    border-bottom: none;
}
.underlink{
    padding-top: 20px;
    text-transform: uppercase;
}

.page-catalogsPage .tooltipMine:hover .tooltiptext{
    width: auto;
}

.page-productDetails .tooltipMine:hover .tooltiptext{
    width: auto;
}
.font-12{
    font-size: 12px;
}

.font-11{
    font-size: 11px;
}

.page-productDetails .cart-checkout-tooltip .tooltiptext-cart {
  margin: -7.5% 15%;
}

.page-productDetails .cart-checkout-tooltip .tooltiptext-infoCheckout {
    width: 200%;
}


.dior-plp .cart-checkout-tooltip .tooltiptext-cart{
    margin: -5.5% 10%;
}


.catalog-search .cart-checkout-tooltip .tooltiptext-cart{
    margin: -2% 60%;
}



.catalog-search .cart-checkout-tooltip .tooltiptext-cart::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
    left: -4.2%;
    top: 34%;
}

.cart-checkout-tooltip.text-normal{
    display: inline-block;
    position: relative;
}

.tooltiptext-cart.tooltiptext-infoCheckout.more{
    width: max-content;
    position: absolute;
    bottom: 150%;
    left: -50%;
    transform: translateX(-50%);
    z-index: 1;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}

.tooltiptext-cart.tooltiptext-infoCheckout.more::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.font-20{
    font-size: 20px;
}

.font-14{
    font-size: 14px;
}
.page-catalogsPage .catalog-section-left-title {
    letter-spacing: normal;
}

.checkout-flow-content .checkout-flow-title-recap {
    background-color: #f2f2f2;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

.btn-block.btn--continue-shopping {
    font-size: 13px;
}

.btn-block.btn--continue-checkout {
    font-size: 13px;
}

.checkout-flow-container {
    position: relative;
    margin-bottom: 20px;
    padding-left: 6em;
}

.checkout-flow-content {
   position: relative;
   border: 1px solid #cccccc;
   text-overflow: ellipsis;
   overflow: hidden;
   margin-bottom: 20px;
}

.border-top-line {
    border-top: 1px solid #cccccc;
}

.checkout-recap-left {
    margin-left: 5em;
}

.checkout-header {
    margin: 1.5em;
}

.removeAction {
    text-align: end;
}


@media (max-width : 640px){
    .checkout-flow-container {
        padding-left: 0px;
    }

    .btn-block.btn--continue-shopping {
    margin-bottom: 5px;
    }
}

@media (max-width: 1024px) {
    .checkout-recap-left {
        margin-left: 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1270px) {
    .btn-block.btn--continue-shopping {
        font-size: 12px;
    }

    .btn-block.btn--continue-checkout {
        font-size: 12px;
    }
}

.early-access-section {
    width: 100%;
    margin-bottom: 20px;
}

.early-access-paragraph {
    text-align: center;
    padding: 20px 15px;
}

.early-access-paragraph h3 {
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 10px;
}

.early-access-paragraph p {
    font-size: 14px;
    max-width: 700px;
    margin: 0 auto;
}

.early-access-banner {
    width: 100%;
    overflow: hidden;
}

.early-access-banner__img {
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 1024px) {
    .early-access-paragraph {
        padding: 30px 40px;
    }

    .early-access-paragraph h3 {
        font-size: 24px;
    }

    .early-access-paragraph p {
        font-size: 15px;
    }
}

@media (max-width: 639px) {
    .early-access-paragraph {
        padding: 15px 10px;
    }

    .early-access-paragraph h3 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .early-access-paragraph p {
        font-size: 13px;
    }

    .early-access-banner {
        margin-left: -10px;
        margin-right: -10px;
    }
}