@font-face {
    font-family: 'URWGaramondPro';
    src: url('../../resource/CustomFonts/URWGaramondPro-Regular.eot');
    src: url('../../resource/CustomFonts/URWGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/URWGaramondPro-Regular.woff2') format('woff2'),
    url('../../resource/CustomFonts/URWGaramondPro-Regular.woff') format('woff'),
    url('../../resource/CustomFonts/URWGaramondPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GaramondURW-DemIta';
    src: url('../../resource/CustomFonts/GaramondURW-DemIta.eot');
    src: url('../../resource/CustomFonts/GaramondURW-DemIta.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/GaramondURW-DemIta.woff2') format('woff2'),
    url('../../resource/CustomFonts/GaramondURW-DemIta.woff') format('woff'),
    url('../../resource/CustomFonts/GaramondURW-DemIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'GaramondURW-RegIta';
    src: url('../../resource/CustomFonts/GaramondURW-RegIta.eot');
    src: url('../../resource/CustomFonts/GaramondURW-RegIta.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/GaramondURW-RegIta.woff2') format('woff2'),
    url('../../resource/CustomFonts/GaramondURW-RegIta.woff') format('woff'),
    url('../../resource/CustomFonts/GaramondURW-RegIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'ProximaNovaA-Regular';
    src: url('../../resource/CustomFonts/ProximaNovaA-Regular.eot');
    src: url('../../resource/CustomFonts/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),   
    url('../../resource/CustomFonts/ProximaNovaA-Regular.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaA-Regular.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaA-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaA-Bold';
    src: url('../../resource/CustomFonts/ProximaNovaA-Bold.eot');
    src: url('../../resource/CustomFonts/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaA-Bold.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaA-Bold.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaA-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../../resource/CustomFonts/ProximaNova-Regular.eot');
    src: url('../../resource/CustomFonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNova-Regular.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNova-Regular.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNova-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaS-Bold';
    src: url('../../resource/CustomFonts/ProximaNovaS-Bold.eot');
    src: url('../../resource/CustomFonts/ProximaNovaS-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaS-Bold.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaS-Bold.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaS-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../../resource/CustomFonts/ProximaNova-Bold.eot');
    src: url('../../resource/CustomFonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNova-Bold.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNova-Bold.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNova-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GaramondURW-Reg';
    src: url('../../resource/CustomFonts/GaramondURW-Reg.eot');
    src: url('../../resource/CustomFonts/GaramondURW-Reg.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/GaramondURW-Reg.ttf') format('truetype'),
    url('../../resource/CustomFonts/GaramondURW-Reg.woff') format('woff'),
    url('../../resource/CustomFonts/GaramondURW-Reg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaS-Regular';
    src: url('../../resource/CustomFonts/ProximaNovaS-Regular.eot');
    src: url('../../resource/CustomFonts/ProximaNovaS-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaS-Regular.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaS-Regular.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaS-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-BoldIt';
    src: url('../../resource/CustomFonts/ProximaNova-BoldIt.eot');
    src: url('../../resource/CustomFonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNova-BoldIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNova-BoldIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNova-BoldIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-RegularIt';
    src: url('../../resource/CustomFonts/ProximaNova-RegularIt.eot');
    src: url('../../resource/CustomFonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNova-RegularIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNova-RegularIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNova-RegularIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaA-BoldIt';
    src: url('../../resource/CustomFonts/ProximaNovaA-BoldIt.eot');
    src: url('../../resource/CustomFonts/ProximaNovaA-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaA-BoldIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaA-BoldIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaA-BoldIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaA-RegularIt';
    src: url('../../resource/CustomFonts/ProximaNovaA-RegularIt.eot');
    src: url('../../resource/CustomFonts/ProximaNovaA-RegularIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaA-RegularIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaA-RegularIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaA-RegularIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaS-BoldIt';
    src: url('../../resource/CustomFonts/ProximaNovaS-BoldIt.eot');
    src: url('../../resource/CustomFonts/ProximaNovaS-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaS-BoldIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaS-BoldIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaS-BoldIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaS-RegularIt';
    src: url('../../resource/CustomFonts/ProximaNovaS-RegularIt.eot');
    src: url('../../resource/CustomFonts/ProximaNovaS-RegularIt.eot?#iefix') format('embedded-opentype'),
    url('../../resource/CustomFonts/ProximaNovaS-RegularIt.ttf') format('truetype'),
    url('../../resource/CustomFonts/ProximaNovaS-RegularIt.woff') format('woff'),
    url('../../resource/CustomFonts/ProximaNovaS-RegularIt.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-checkout-order .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-existing-order-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-experience-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before{
    content: "";
   	position: absolute;
    border-radius: 5px;
    -webkit-appearance: none;
   	border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    position: absolute;
    top: 21px;
    right: 0;
    
}
c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-checkout-order .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-existing-order-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-experience-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before{
    content: "";
   	right: 0;
    border:none;
    border-radius: 5px;
    -webkit-appearance: none;
    border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
   position: absolute;
    top: 26px;
   
    
}
c-rlmc-add-payment .add_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before, 
c-rlmc-payment .add_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-add-payment .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before, 
c-rlmc-payment .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-checkout-order .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before,
c-rlmc-existing-order-checkout .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected.arrow-up:before

{
    right: -12px;
}
c-rlmc-add-payment .add_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before, 
c-rlmc-payment .add_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-add-payment .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before, 
c-rlmc-payment .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-checkout-order .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before,
c-rlmc-existing-order-checkout .edit_year.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:before{
    right: -12px;
}
.date-picker .slds-input__icon{
    top: 17px;
    left: 10px;
}
.date-picker .slds-input{
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 5px;
}
c-rlmc-contact .datepicker-disabledtext .date-picker,
c-rlmc-contact .datepicker-disabledtext .date-picker:focus,
c-rlmc-contact .datepicker-disabledtext .date-picker:hover,
c-rlmc-contact .datepicker-disabledtext .date-picker:active{
 border:none;
 font-family: 'ProximaNova-Regular';
 background: transparent;
 opacity: 1;
 color:rgb(51, 51, 51);
}
.device-android .datepicker-disabledtext .date-picker .slds-input,
body.device-ios .datepicker-disabledtext .date-picker .slds-input{
    margin-left:-24px!important;
}
.device-android  .date-picker .slds-input{
    padding-left:0px!important;
}
input[type="date"]{
    -webkit-appearance: none!important;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none!important;
}

.slds-datepicker {
    left : 0px !important;
}
.date-picker .slds-form-element__label,
body  c-rlmc-phone .slds-button_icon svg, 
body  c-rlmc-phone1 .slds-button_icon svg,
.date-pickerwrapper .slds-form-element__label{
    display: none;
}
/*.date-pickerwrapper .slds-form-element__label{
    display:none;
}*/
.date-picker .slds-input:focus, .date-picker .slds-input:active{
    border: unset;
    box-shadow: none;
    outline:none;
}
.quantity-dropdown .custom-select{
    position: relative;
}
.quantity-dropdown .custom-select .select-selected{
    text-align: center;
    padding: 0 15px;
    margin-bottom: 8px;
    font-size:17px;
    height: 35px;
    line-height: 32px;
    background-position: calc(100% - 7px) 14px;
}
.quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected {
    background-position: calc(100% - 7px) 14px;
    background-size: 10px auto;
    border-color: #232323;
    border-radius: 5px;
    padding:0 20px 0 13px;
    position:relative;
    
}
 body lightning-combobox.quantity-dropdown .slds-icon-utility-down,
 body  c-rlmc-phone .slds-button_icon,
 body  c-rlmc-phone1 .slds-button_icon{
    position:relative;
}
body  c-rlmc-phone .slds-button_icon,
body  c-rlmc-phone1 .slds-button_icon {
    position: absolute;
    right: 10px;
    top: 8px;
}
body  c-rlmc-phone .slds-button_icon,
body  c-rlmc-phone .slds-button_icon:focus,
body  c-rlmc-phone .slds-button_icon:hover,
body  c-rlmc-phone .slds-button_icon:active,
body  c-rlmc-phone1 .slds-button_icon,
body  c-rlmc-phone1 .slds-button_icon:focus,
body  c-rlmc-phone1 .slds-button_icon:hover,
body  c-rlmc-phone1 .slds-button_icon:active{
  box-shadow: none;
  border:none;
}
c-rlmc-allocation .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected:after,
body lightning-combobox.quantity-dropdown  .slds-icon-utility-down:after{
    content: "";
    position: absolute;
    -webkit-appearance: none;
    border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    width: 6px;
    height: 6px;
    margin-right: 5px;
    position: absolute;
    top: 15px;
    right: 4px;
}

c-rlmc-allocation .quantity-dropdown .custom-select:not(.filter):not(.quantity) .arrow-up.select-selected:after,
body lightning-combobox.quantity-dropdown .slds-icon-utility-down:after
{
   
    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    top: 12px;
    
}
body lightning-combobox.quantity-dropdown .slds-is-open .slds-icon-utility-down:after{
    top:-10px;
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -o-transform: rotate(316deg);
}
body  c-rlmc-phone .slds-button_icon:after,
body  c-rlmc-phone1 .slds-button_icon:after{
    content: "";
    position: absolute;
    -webkit-appearance: none;
    border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    width: 10px;
    height: 10px;
    margin-right: 5px;
    position: absolute;
    top: 22px!important;
    right: 4px;
}
body  c-rlmc-phone .arrow-up .slds-button_icon:after,
body  c-rlmc-phone1 .arrow-up .slds-button_icon:after{
   
    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    top: 17px!important;
}


body lightning-combobox.quantity-dropdown .slds-icon-utility-down:after{
    top: -12px;
    right: -3px;
}
c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-checkout-order .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-existing-order-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-experience-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected{
    padding: 12px 24px 12px 0;
    height: 53px;
    margin:0;
    background:none;
    width:100px;
    border:none!important;
    position: unset;
    line-height: 2;
    
}
/*c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected{
border-radius: 5px;
padding: 15px 30px 15px 10px;
border: 1px solid #000;
background-position: calc(100% - 10px) center;
height: 64px;
background-image: none;
}*/
.quantity-dropdown .custom-select  .select-items{
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding: 0;
    background: #f5f5f5;
    font-size: 17px;
    text-align: center;
    max-height: 200px;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    width: auto;
}
c-rlmc-phone  .filter .select-items, c-rlmc-phone1  .filter .select-items{
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    background: #f5f5f5;
    margin-left: 0!important;
    max-height: 350px;
    position: absolute;
    top: -24px;
    border: none;
    overflow: hidden;
    padding:0;
}
 c-rlmc-phone  .filter .select-items .select-items-wrap,
 c-rlmc-phone1  .filter .select-items .select-items-wrap{
	height:250px;
    overflow:auto;
    
}
c-rlmc-phone  .filter .select-items .select-items-wrap > div,
c-rlmc-phone1  .filter .select-items .select-items-wrap > div{
    position: relative;
}
.quantity-dropdown .custom-select .select-selected:focus,
.quantity-dropdown .custom-select .select-selected:hover,
.quantity-dropdown .custom-select:focus,
.quantity-dropdown .custom-select:hover,
.quantity-dropdown .el-input:hover, 
.quantity-dropdown .el-input:focus,
.quantity-dropdown .el-input:active,
.quantity-dropdown .rlmc-select:hover, 
.quantity-dropdown .rlmc-select:focus,
.quantity-dropdown .rlmc-select:active,
.quantity-dropdown .el-form-item__content:hover, 
.quantity-dropdown .el-form-item__content:focus,
.quantity-dropdown .el-form-item__content:active{
    box-shadow:none;
    outline:none;
    
}
.quantity-dropdown .custom-select  .select-items div,
c-rlmc-phone .custom-select  .select-items div,
c-rlmc-phone1 .custom-select  .select-items div{
    padding: 0;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
}
c-rlmc-phone .custom-select  .select-items-wrap div,
c-rlmc-phone .custom-select  .select-items-wrap div:hover,
c-rlmc-phone1 .custom-select  .select-items-wrap div,
c-rlmc-phone1 .custom-select  .select-items-wrap div:hover{
    padding: 0  24px;
    padding: 0 24px;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
}

c-rlmc-phone .custom-select  .select-items-wrap div:hover,
c-rlmc-phone .custom-select  .select-items-wrap div:hover span,
c-rlmc-phone1 .custom-select  .select-items-wrap div:hover,
c-rlmc-phone1 .custom-select  .select-items-wrap div:hover span{
    font-family: 'ProximaNova-Bold'!important;
}

c-rlmc-phone .custom-select .search-block,
c-rlmc-phone1 .custom-select .search-block {
    border-bottom:1px solid rgba(108,018,108,0.2);
}
c-rlmc-phone .custom-select .search-block .slds-input,
c-rlmc-phone1 .custom-select .search-block .slds-input{
    background: transparent;
    border:none;
    padding-left:50px;
}
.quantity-dropdown .select-items div:hover,  .same-as-selected,
c-rlmc-phone .custom-select  .select-items-wrap div:hover,
c-rlmc-phone1 .custom-select  .select-items-wrap div:hover{
    background-color: rgba(108, 108, 108, 0.1);
    font-family: 'ProximaNova-Bold';
    color:#232323;
}
c-rlmc-phone .custom-select  .select-items-wrap img,
c-rlmc-phone1 .custom-select  .select-items-wrap img{
    width: 27px;
    height: 19px;
    margin-right: 15px;
    top: -1px;
    position: relative;
}
    
c-rlmc-phone .custom-select .country-code,
c-rlmc-phone1 .custom-select .country-code{
  position: absolute;
  right:24px;
  z-index: -1;
}
 body c-rlmc-phone .select-items div:hover,
 body c-rlmc-phone1 .select-items div:hover{
    background: transparent;
}
.quantity-dropdown ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}
.quantity-dropdown ::-webkit-scrollbar-track {
    background-color: #eee;
}
.quantity-dropdown ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgba(126,126,126,.4);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


c-rlmc-allocation .release_table .order-format:not(:first-child),
c-rlmc-allocation .release_table .order-price:not(:first-child){
    margin-top: 18px!important;
}
.quantity-dropdown .slds-combobox__form-element{
    
    border-radius: 0;
    padding: 0;
    background: transparent;
    font-size: 17px;
    height: 35px;
    line-height: 32px;
    width: 65px;
    text-align: center;
}
.quantity-dropdown .slds-combobox__form-element input{
    border: none;
    border-radius: 0;
    background: transparent;
    text-align: center;
    height:33px;
}
.quantity-dropdown .slds-combobox__form-element input, 
.quantity-dropdown .slds-combobox__form-element input:focus,
.quantity-dropdown .slds-combobox__form-element input:active{
    outline:none;
    box-shadow:none;
    border:none;
    padding:0 20px 0 13px;
    
}
.quantity-dropdown .slds-listbox {
    position: absolute;
    top: 38px;
    background: #f5f5f5;
    border-radius: 0;
    padding: 0;
    border: none;
    font-size: 17px;
    text-align: center;
    max-height: 200px;
    min-width: 65px;
    max-width: 65px;
    overflow: auto;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    background-color: #f5f5f5;
}
.quantity-dropdown .slds-listbox__option{
    height: 50px;
    line-height: 50px;
    padding:0;
    
}
.quantity-dropdown .slds-listbox__option:hover, 
.quantity-dropdown .slds-listbox__option:focus,
.quantity-dropdown .slds-listbox__option[aria-checked="true"]{
    background-color: rgba(0, 0, 0, 0.1);
}
.quantity-dropdown .slds-listbox__option-icon{
    display:none;
}
lightning-combobox.quantity-dropdown{
    width: 65px;
    display: inline-block;
    margin-bottom: 8px;
}
/*lightning-combobox.quantity-dropdown .slds-icon-utility-down{
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.31738 1.20513L7.45036 8.13837L13.5277 1.20513' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: 4px 5px;
    background-size: 10px auto;
    background-repeat: no-repeat;
    
}*/
lightning-combobox.quantity-dropdown lightning-icon svg{
    display:none;
}
/*c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected {
border: 1px solid #000;
border-radius: 4px;
background: none;
}*/
c-rlmc-payment .quantity-dropdown .custom-select .select-items,
c-rlmc-add-payment .quantity-dropdown .custom-select .select-items,
c-rlmc-checkout-order .quantity-dropdown .custom-select .select-items,
c-rlmc-existing-order-checkout .quantity-dropdown .custom-select .select-items,
c-rlmc-experience-checkout .quantity-dropdown .custom-select .select-items
{
    top: 59px;
    bottom: unset;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    background-color: #f5f5f5;
    width: 77px;
    max-height: 252px;
    left:unset;
    right:8px;
    border:none!important;
    /*top: unset;
    bottom: 72px;*/
}
c-rlmc-payment .add_year.quantity-dropdown .custom-select .select-items,
c-rlmc-add-payment .add_year.quantity-dropdown .custom-select .select-items,
c-rlmc-payment .edit_year.quantity-dropdown .custom-select .select-items,
c-rlmc-checkout-order .add_year.quantity-dropdown .custom-select .select-items,
c-rlmc-existing-order-checkout .add_year.quantity-dropdown .custom-select .select-items{
    width: 98px;
    left:18px;
}
.el-form .el-form-item__error.error, .el-form .el-form-item__teaser.error,
.el-form .el-form-item__error.error .slds-text-heading_small, 
.el-form .el-form-item__teaser.error .slds-text-heading_small,
.el-form .el-form-item__teaser.error .slds-text-heading_medium{
    color: red;
    font-family: 'ProximaNova-Regular'!important;
    font-size: 13px;
    margin-top:2px;
}
.el-form .el-form-item__teaser.error .slds-text-heading_medium{
    margin-bottom:24px;
}
.quantity-dropdown .slds-input_faux{
    background-color: unset;
    height: 35px;
    text-align: center;
    display: block;
    padding: 0 20px 0 13px;
    border: 1px solid #232323;
    /* border: unset; */
    border-radius: 5px;
    line-height:32px;
}
.release_table.desktop_table tbody td{
    padding: 13px 10px 6px;
}
.quantity-dropdown .slds-input_faux .slds-truncate{
    /* background-position: calc(100% - 7px) 14px;
    background-size: 10px auto;
    border-color: #c1cdd4;
    border-radius: 0;
    padding: 0 20px 0 13px;
    display:block;*/
}
.quantity-dropdown .slds-input_faux.slds-is-disabled{
    background-color: #ecebea;
    border-color: #c9c7c5;
}
.quantity-dropdown .custom-select.disabled .select-selected{
    background-color: #ecebea;
    cursor: not-allowed;
}

/*.quantity-dropdown [role=combobox] input[readonly][disabled]{
background-color: #ecebea;
border-color: #c9c7c5;
}*/
.quantity-dropdown .slds-combobox__input:focus, 
.quantity-dropdown .slds-combobox__input:active, 
.quantity-dropdown .slds-combobox__input.slds-has-focus{
    box-shadow: none;
    outline: none;
}
.release_table .quantity-dropdown .slds-combobox_container, 
.release_table .quantity-dropdown .slds-combobox {
    display:inline-block;
}

/**--Material datepicker css starts from here--**/
body[datepicker-display=on]{
    overflow:auto!important;
}
.dcalendarpicker .dudp__cal-container{
    width: 302px;
}
.datepicker-block .slds-input{
    position:relative;
    padding-left:30px;
}
.datepicker-block  lightning-icon{
    position: absolute!important;
    top: 12px!important;
    left: 10px;
}
.datepicker-block svg{
    width: 16px;
    height: 16px;
    fill:#666;
}
.dcalendarpicker {
    position: absolute!important;
    width: 302px;
    height: 400px;
    top:546px!important;
    z-index:99;
    /*left:27vw!important;*/
    left:calc((100% - 576px) / 2) !important;
    
}
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-next:hover, 
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev:hover {
    background-color: transparent!important;
}
.dcalendarpicker.dp__open {
    background:transparent!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar {
    padding: 8px 17px 15px!important;
    
}

.dcalendarpicker .dudp__wrapper {
    padding-top: 10px;
    min-width: 302px!important;
    left:0!important;
    transform: unset!important;
    top: 0!important;
    bottom: 0!important;
    height: 400px;
    position: absolute!important;
    
}
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month,
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover {
    line-height: 26px!important;
    min-width: 60px!important;
    text-align: center;
    font-size: 14px!important;
    border-radius: 17px!important;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding: 3px 12px;
    width: 60px;
    height: 35px;
}
.device-ios .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month,
.device-ios .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover,
.device-android .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month,
.device-android .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover {
    line-height: 35px!important;
    padding:0 12px!important;
}
body .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__weekdays span {
    color: #6c6c6c;
    font-size: 15px;
    line-height: 20px;
    font-family: 'ProximaNova-Regular'!important;
    padding-bottom: 14px;
}
.dcalendarpicker .dudp__cal-container .dudp__months-view,
.dcalendarpicker .dudp__cal-container .dudp__year-view{
    font-size: 15px;
    font-family: 'ProximaNova-Regular'!important;
    color: #232323;
}
body .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date{
    color: #232323;
    width: 35px;
    line-height: 34px;
    height: 35px;
    margin: 4px 0;
    font-size: 15px;
    font-family: 'ProximaNova-Regular'!important;
}
body.device-ios .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date,
body.device-android .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date
{
    line-height: 36px;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar-views.dp__hidden .cal-month,
.dcalendarpicker .dudp__cal-container .dudp__calendar-views.dp__hidden .cal-year{
    visibility: visible; 
    opacity: 1;
}

.dudp__wrapper .dudp__buttons .dudp__button, .dudp__wrapper .dudp__months-view .dudp__month.selected, 
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected{
    background-color: #a40c8a;
    color: #fff;
}
.dcalendarpicker .dudp__wrapper .dudp__calendar .dudp__cal-week .dudp__date.range-from:hover:before, 
.dcalendarpicker .dudp__wrapper .dudp__calendar .dudp__cal-week .dudp__date.range-to:hover:before, 
.dcalendarpicker .dudp__wrapper .dudp__calendar .dudp__cal-week .dudp__date.selected:hover:before,
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-from:before, 
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-to:before, 
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.selected:before{
    background-color: #a40c8a!important;
}

.dcalendarpicker .dudp__wrapper .dudp__cal-container .dudp__calendar .dudp__cal-month-year {
    border-bottom: 1px solid rgba(108,108,108,0.1);
    margin: 0 -17px 20px;
    padding-bottom: 6px;
}
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-next, 
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev{
    top: 5px!important;
    width: 35px !important;
    height: 35px !important;
}

.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year span {
    line-height: 28px;
    padding: 0 16px!important;
    width: 71px;
    height: 33px;
    opacity: 1;
    border-radius: 3px;
    border: solid 1px rgba(108,108,108, 0.15);
    font-family: 'ProximaNova-Bold'!important;
    font-size: 17px;
    padding: 0 10px!important;
    margin: 6px 4px;
    color: #6c6c6c;
    vertical-align: top;
}
.device-ios .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year span,
.device-android .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year span{
    line-height: 33px;
}
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-next:hover, .dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev:hover{
    background: transparent;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year  .cal-month{
    padding: 0 18px!important;
    overflow: hidden;
}
.dcalendarpicker .dudp__cal-container .dudp__years-view {
    
    top: 0px!important;
    /*width: 70px;
    left: 148px!important;*/
    border: solid 1px rgba(108,108,108, 0.15);
    font-size: 14px;
    padding: 0;
    max-height: 100%;
}

.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover, 
.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button, 
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected,
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected:hover,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected:hover {
    background-color: #a40c8a;
    color: #fff!important;
    padding: 3px 12px;
    font-size: 14px;
    border-radius: 17px;
    width: 60px;
    height: 35px;
    font-family: 'ProximaNova-Regular'!important;
    
}
.dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year,
.dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year:hover {
    display: block!important;
    padding: 3px 12px!important;
    text-align: center!important;
    font-size: 14px!important;
    cursor: pointer;
    transition: background-color .2s linear;
    width: calc(33.33% - 20px);
    top: 18px;
    border-radius: 17px;
    margin: 2px auto;
    color: #232323;
    font-family: 'ProximaNova-Regular'!important;
    width: 65px;
    height: 35px;
    line-height: 26px;
}
body.device-ios .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year,
body.device-ios .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year:hover,
body.device-android .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year,
body.device-android .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year:hover  {
    line-height: 35px!important;
    padding:0 12px!important;
}
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover{
    color: #232323!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__calendar-views.dp__hidden {
    visibility: visible!important;
    opacity: 1!important;
}

/**ui changes for datepicker**/
/*.dcalendarpicker .dudp__cal-container .dudp__calendar-views.dp__hidden,
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month-row {
    display:block!important;
    visibility: visible!important;
    opacity: 1!important;
    transform: unset!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar-views.dp__hidden,
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-next.dp__hidden, 
.dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev.dp__hidden {
    visibility: visible!important;
    opacity: 1!important
    transform: unset!important;
}
.dcalendarpicker .dudp__cal-container .dudp__years-view{
    bottom: unset!important;
    justify-content: center; 
    align-items: center; 
    transform: unset!important;
    transition: unset!important;
}
.dcalendarpicker .dudp__cal-container .dudp__months-view {
    display: block!important;
    flex-direction: unset!important;
    position: absolute;
    top: 50px!important;
    left: 0!important;
    right: 0!important;
    bottom: unset!important;
    justify-content: center; 
    align-items: center; 
    transform: unset!important;
    transition: unset!important;
    width: 70px;
    z-index: 999;
    margin-left: 70px;
    border: solid 1px rgba(108,108,108, 0.15);
    text-align: center;
    max-height: 240px;
    overflow-y: auto;
    background: #fff;
}
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month,
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover {
    flex: unset!important;
    display: block!important;
    min-width: 63px!important;
    font-size: 14px!important;
    margin-bottom: 2px;
}
.dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month-row {
    display: block!important;
    flex-direction: unset!important;
}
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected:hover {
    line-height:26px!important;
    width: 65px;
    height: 35px;
}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.current {
    color: #a40c8a!important;
}
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.current.selected{
    color: #fff!important;
}
.dcalendarpicker ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.dcalendarpicker ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgba(126,126,126,.4);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/
/**--Material datepicker css ends here--**/

/*--customform_fields form css starts from here--*/
.customform_fields h1 .top-title{
    color:#232323;
    font-size:50px;
    margin-bottom:20px;
    display:block;
}
.customform_fields .el-form-item__content{
    padding:0!important;
}
.customform_fields .payment_modal--content{
    max-width: 620px;
    margin: auto;
}
.customform_fields  .el-input__inner,
.customform_fields  .el-input__inner:focus,
.customform_fields  .el-input__inner:active,
.customform_fields .date-picker .slds-input, 
.customform_fields .date-picker .slds-input:focus,
.customform_fields .date-picker .slds-input:active,
body .customform_fields c-rlmc-phone .input-wrap,
body .customform_fields c-rlmc-phone1 .input-wrap
{
    padding: 18px 24px 12px;
    border-radius: 5px;
    border: solid 1px #232323!important;
    line-height: 55px;
    height: 55px;
    font-size: 17px;
    color: #232323;
    background:transparent;
    
}
body .customform_fields c-rlmc-phone .input-wrap,
body .customform_fields c-rlmc-phone1 .input-wrap,
body .customform_fields c-rlmc-phone .input-wrap:hover,
body .customform_fields c-rlmc-phone1 .input-wrap:hover,
body .customform_fields c-rlmc-phone .input-wrap:focus,
body .customform_fields c-rlmc-phone1 .input-wrap:focus,
body .customform_fields c-rlmc-phone .input-wrap:active,
body .customform_fields c-rlmc-phone1 .input-wrap:active{
    
    border:none!important;
    height: 53px;
    line-height: 53px;
}
body .customform_fields c-rlmc-phone .input-wrap,
body .customform_fields c-rlmc-phone1 .input-wrap{
    padding: 4px 24px;
    border:none!important;
}

body .customform_fields c-rlmc-phone .dropdown-wrap,
body .customform_fields c-rlmc-phone1 .dropdown-wrap {
    position: relative;
}
body .customform_fields c-rlmc-phone  .dropdown-wrap:after,
body .customform_fields c-rlmc-phone1  .dropdown-wrap:after  {
    content: '';
    position: absolute;
    border-right: 1px solid #232323;
    height: 21px;
    right: -18px;
    top: 19px;
}
body .customform_fields c-rlmc-phone .phone-dropdown-wrap,
body .customform_fields c-rlmc-phone1 .phone-dropdown-wrap{
    border-radius: 5px;
    border: solid 1px #232323;
}

body .customform_fields .el-input-group .phone-dropdown-wrap .el-input-group:focus{
    border:none!important;
}
body .customform_fields c-rlmc-phone input.input-wrap,
body .customform_fields c-rlmc-phone1 input.input-wrap,
body .customform_fields c-rlmc-phone input.input-wrap:focus,
body .customform_fields c-rlmc-phone1 input.input-wrap:focus,
body .customform_fields c-rlmc-phone input.input-wrap:active,
body .customform_fields c-rlmc-phone1 input.input-wrap:active{
    padding: 18px 24px 12px 36px;
}
.customform_fields  .dropdown-content-state .slds-input[c-rlmcShipping_rlmcShipping],
.customform_fields  .dropdown-content-state .slds-input[c-rlmcShipping_rlmcShipping]:focus,
.customform_fields  .dropdown-content-state .slds-input[c-rlmcShipping_rlmcShipping]:active{
   	padding: 18px 24px 12px!important;
    border-radius: 5px!important;
    background: transparent;
    border: none!important;
    height: 55px;
}
c-rlmc-checkout-order .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-existing-order-checkout .custom-select:not(.filter):not(.quantity) .select-selected,
c-rlmc-experience-checkout .custom-select:not(.filter):not(.quantity) .select-selected{
    padding: 18px 24px 12px;
    border-radius: 5px;
    border: solid 1px #232323!important;
    line-height: normal;
    height: 55px;
    font-size: 17px;
    color: #232323;
    background:transparent;
    position:relative;
}
.customform_fields .date-picker .slds-input__icon,
.customform_fields .datepicker-block .slds-input__icon {
    top: 24px!important;
    right: 20px;
    left: unset;
}
.customform_fields  .el-input-group, .customform_fields  .el-input-group:focus{
    position: relative;
    margin-bottom:34px;
    outline:none;
}
.customform_fields  .el-input-group .el-input-group,
.customform_fields  .el-input-group .el-input-group:focus{
    margin-bottom:0;
    outline:none;
}

c-rlmc-checkout-order .review_order--body *, c-rlmc-checkout-order .review_order--body,
c-rlmc-existing-order-checkout .review_order--body *, c-rlmc-existing-order-checkout .review_order--body{
   outline:none;
}
.customform_fields  .slds-form-element__label,
.customform_fields  .placeholder{
    position: absolute;
    left: 14px;
    font-size: 15px;
    letter-spacing: normal;
    color: #6c6c6c;
    top: -12px;
    padding: 0 10px;
    background: #f5f5f5; 
    z-index:1;
    font-family: 'ProximaNova-Regular';
}
/*.customform_fields  .custom-select .placeholder{
   display: inline-block;
    position: absolute;
    top: -30px;
    left: 14px;
    background: #ededed;
    z-index: 1;
    font-size: 15px;
    letter-spacing: normal;
    color: #6c6c6c;
}*/
.custom-select:not(.filter):not(.quantity) .select-selected{
    background-image:none;
}
c-rlmc-checkout-order .customform_fields .custom-select .select-selected,
c-rlmc-existing-order-checkout .customform_fields .custom-select .select-selected,
c-rlmc-experience-checkout .customform_fields .custom-select .select-selected{
    position:relative;
}
c-rlmc-checkout-order .customform_fields .custom-select .select-selected:before,
c-rlmc-existing-order-checkout .customform_fields .custom-select .select-selected:before,
c-rlmc-experience-checkout .customform_fields .custom-select .select-selected:before{
    border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    content: '';
    position: absolute;
    right: 12px;
    top: 26px;
}
c-rlmc-checkout-order .customform_fields .custom-select .arrow-up.select-selected:before,
c-rlmc-existing-order-checkout .customform_fields .custom-select .arrow-up.select-selected:before,
c-rlmc-experience-checkout .customform_fields .custom-select .arrow-up.select-selected:before{

    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    top: 20px;
   
}

c-rlmc-checkout-order .customform_fields .select-items[c-rlmcSelect_rlmcSelect],
c-rlmc-existing-order-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect],
c-rlmc-experience-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect]{
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    background-color: #ededed;
    border: none;
    top: 60px;
    font-size: 17px;
    padding:0;
    white-space: normal;
}
c-rlmc-checkout-order .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar,
c-rlmc-existing-order-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar,
c-rlmc-experience-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 5px;
}

c-rlmc-checkout-order .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar-thumb,
c-rlmc-existing-order-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar-thumb,
c-rlmc-experience-checkout .customform_fields .select-items[c-rlmcSelect_rlmcSelect]::-webkit-scrollbar-thumb{
    border-radius: 20px;
    background-color: rgba(126,126,126,.4);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
c-rlmc-checkout-order .customform_fields .select-items div,
c-rlmc-existing-order-checkout .customform_fields .select-items div,
c-rlmc-experience-checkout .customform_fields .select-items div{
    padding: 10px 24px!important;
    font-size: 17px!important;
    font-family: 'ProximaNova-Regular';
    /*height: 55px;
    line-height: 55px;*/
    text-align:left;
    border-bottom: 1px solid #cfcfcf;
    display: flex;
    justify-content: left;
    align-items: center;
    
}
c-rlmc-checkout-order .customform_fields .select_delivery_address .select-items div,
c-rlmc-existing-order-checkout .customform_fields .select_delivery_address .select-items div{
    min-height:74px;
}
.customform_fields .active.error{
    font-family: 'ProximaNova-Regular';
    font-size: 13px!important;
}
c-rlmc-checkout-order .customform_fields .select-items div:hover, 
c-rlmc-checkout-order .customform_fields .same-as-selected,
c-rlmc-existing-order-checkout  .customform_fields .select-items div:hover, 
c-rlmc-existing-order-checkout  .customform_fields .same-as-selected,
c-rlmc-experience-checkout  .customform_fields .select-items div:hover, 
c-rlmc-experience-checkout  .customform_fields .same-as-selected{
    background-color: rgba(108, 108, 108, 0.1);
}
.customform_fields input:focus, .customform_fields input:active{
    box-shadow:none;
    outline:none;
}
.customform_fields .country-dropdown {
    background:transparent;
}
.customform_fields .country-dropdown[c-rlmcSearchSelect_rlmcSearchSelect] {
    background:transparent;
}
.customform_fields .slds-combobox_container.dropdown_css .slds-input,
.customform_fields .slds-combobox_container.dropdown_css .slds-input:focus,
.customform_fields .slds-combobox_container.dropdown_css .slds-input:active{  
    height: 50px;
    background: transparent;
    border: none!important;
    color: #232323;
    padding: 0;
    padding: 18px 24px 12px!important;
    cursor:pointer;
}
.customform_fields input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:rgba(108,108,108,0.6)!important;
    opacity: 1;
    
}
.customform_fields input::-moz-placeholder { /* Firefox 19+ */
    color:rgba(108,108,108,0.6)!important;
    opacity: 1;
}
.customform_fields input:-ms-input-placeholder { /* IE 10+ */
    color:rgba(108,108,108,0.6)!important;
    opacity: 1;
}
.customform_fields input:-moz-placeholder { /* Firefox 18- */
    color:rgba(108,108,108,0.6)!important;
    opacity: 1;
}
.customform_fields .checkbox_input label:before{
    width: 19px;
    height:19px;
    margin: 1px 12px 0 0px;
    padding: 6.5px 3.8px 5.5px 4.5px;
    border-radius: 3px;
    border: solid 1px #232323;
    background-color: #f5f5f5;
}
.customform_fields .checkbox_input label{
    margin-left: 30px;
    font-size: 17px;
    color: #232323;
    font-family: 'ProximaNova-Regular';
    cursor: pointer;
}
.customform_fields .slds-dropdown[c-rlmcSearchSelect_rlmcSearchSelect],
.customform_fields .slds-dropdown[c-rlmcsearchstateselect_rlmcsearchstateselect]{
    padding: 0px 1px !important;
    border: none;
    background: transaprent;
    margin: 5px 1px 0 0;
    padding: 10px 0 0;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 22%);
    overflow-y:unset;
    max-height:unset;
}

.customform_fields .slds-listbox[c-rlmcSearchSelect_rlmcSearchSelect] li[c-rlmcSearchSelect_rlmcSearchSelect],
.customform_fields .slds-listbox[c-rlmcsearchstateselect_rlmcsearchstateselect] li[c-rlmcsearchstateselect_rlmcsearchstateselect] {
    height: 50px;
    line-height: 50px;
    padding: 0 22px!important;
    font-size: 17px!important; 
    color: #232323;
}
.customform_fields .slds-listbox[c-rlmcSearchSelect_rlmcSearchSelect] li[c-rlmcSearchSelect_rlmcSearchSelect] span,
.customform_fields .slds-listbox[c-rlmcsearchstateselect_rlmcsearchstateselect] li[c-rlmcsearchstateselect_rlmcsearchstateselect] span{
    font-size: 17px!important;
    padding:0!important;
}
.customform_fields .slds-listbox[c-rlmcSearchSelect_rlmcSearchSelect] li[c-rlmcSearchSelect_rlmcSearchSelect]:hover span,
.customform_fields .slds-listbox[c-rlmcsearchstateselect_rlmcsearchstateselect] 
li[c-rlmcsearchstateselect_rlmcsearchstateselect]:hover span{
    font-family: 'ProximaNova-Bold'!important;
}
.customform_fields .search-block{
    position:relative;
    padding-left:30px;
}
.customform_fields  .search-block{
    font-size:17px;
}
.customform_fields  .slds-icon-utility-search {
    position: absolute;
    left: 22px;
    top: 16px;
}
.customform_fields  .slds-icon-utility-search svg{
    fill:#6c6c6c;
    width:18px;
    height:18px;
}
.customform_fields .recordListBox[c-rlmcSearchSelect_rlmcSearchSelect],
.customform_fields .recordListBox[c-rlmcsearchstateselect_rlmcsearchstateselect]{
    margin-top: 0px !important;
    border-top: 1px solid rgba(108,108, 108, 0.2);
    overflow-y:auto;
    max-height:250px;
    background: #f5f5f5;
}
body c-rlmc-payment .addmodal-content.modal--content,
body c-rlmc-payment .modal--content,
body c-rlmc-shipping .modal--content,
body c-rlmc-checkout-order .modal--content,
body c-rlmc-rlmcallocation .modal--content,
body c-rlmc-existing-order-checkout .modal--content{
    padding: 70px 100px 70px;
    width: 100%;
    max-width: 100%;
}
.customform_fields .eachItem:hover[c-rlmcSearchSelect_rlmcSearchSelect],
.customform_fields .eachItem:hover[c-rlmcsearchstateselect_rlmcsearchstateselect],
.customform_fields .eachItem.selected{
    background-color: rgba(108, 108, 108, 0.1);
    font-family: 'ProximaNova-Bold';
}
.customform_fields .el-input__wrap{
    padding: 0 24px;
    border-radius: 5px;
    border: solid 1px #232323!important;
    line-height: 55px;
    font-size: 17px;
    color: #232323;
    height: 55px;
    width: 263px;
    position:relative;
}
.customform_fields .add_month, .customform_fields .edit_month{
    position:relative;
}
.customform_fields .add_month .custom-select, .customform_fields .edit_month .custom-select{
    width:60px!important;
}
/*.customform_fields .add_month:after,
.customform_fields .edit_month:after{
    border-right: 1px solid #232323;
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    height: 21px;
}*/
.customform_fields .vertical-line{
    color: #232323;
    font-size: 28px;
    position: absolute;
    top: 0px;
    left: auto;
    right: auto;
}

.customform_fields .add_month .select-selected,
.customform_fields .edit_month .select-selected{
    text-align:left;
}
.customform_fields .add_year .select-selected{
    text-align:right;
}
.customform_fields .checkbox_input label:after {
    content:'';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-bottom: 2.5px solid #a40c8a;
    border-right: 2.5px solid #a40c8a;
    content: '';
    width: 7px;
    height: 10.7px;
    left:6px;
    top:6px;
}
.customform_fields .el-form-item .checkbox_input{
    margin-top:-2px;
}
.customform_fields .btn-block{
    text-align:right;
}
.customform_fields .btn-block  .el-form-button,
.customform_fields .btn-block  .el-form-button:focus,
.customform_fields .btn-block  .el-form-button:hover,
.customform_fields .btn-block  .el-form-button:active{
    display: inline-block;
    text-decoration: none;
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    margin-left: 12px;
    font-size: 17px;
    font-family: 'ProximaNova-regular'!important;
    padding-bottom: 4px;
    margin-right: 0;
}
.customform_fields .btn-block .slds-button_brand,
.customform_fields .btn-block .slds-button_brand:focus,
.customform_fields .btn-block .slds-button_brand:hover,
.customform_fields .btn-block .slds-button_brand:active{
    background: #a40c8b;
    color: #fff;
    border: 1px solid #a40c8b;
    display: inline-block;
    text-decoration: none;
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    margin-left: 12px;
    font-size: 17px;
    font-family: 'ProximaNova-regular'!important;
    /*padding-bottom: 4px;*/
}
.customform_fields .btn-block .slds-button_outline,
.customform_fields .btn-block .slds-button_outline:hover,
.customform_fields .btn-block .slds-button_outline:focus,
.customform_fields .btn-block .slds-button_outline:active{
    background:#f5f5f5 ;
    color: #232323;
    border: 1px solid #a40c8b;    
}
.customform_fields .slds-input[c-rlmcPayment_rlmcPayment],
.customform_fields .slds-input[c-rlmcPayment_rlmcPayment]:focus,
.customform_fields .slds-input[c-rlmcPayment_rlmcPayment]:active,
.customform_fields .slds-input[c-rlmcAddPayment_rlmcAddPayment],
.customform_fields .slds-input[c-rlmcAddPayment_rlmcAddPayment]:focus,
.customform_fields .slds-input[c-rlmcAddPayment_rlmcAddPayment]:active,
.customform_fields .slds-input[c-rlmcAddShipping_rlmcAddShipping],
.customform_fields .slds-input[c-rlmcAddShipping_rlmcAddShipping]:focus,
.customform_fields .slds-input[c-rlmcAddShipping_rlmcAddShipping]:active,
.customform_fields .slds-input[c-rlmcAddShipping_rlmcAddShipping]:active,
.customform_fields .dropdown-content-state .el-input__inner,
.customform_fields .dropdown-content-state .el-input__inner:focus,
.customform_fields .dropdown-content-state .el-input__inner:active
{
    border-radius: 5px !important;
    background: transparent;
    height: 50px;
    border: none!important;
    color: #232323;
    padding: 18px 24px 12px!important;
}
.customform_fields .slds-icon-utility-down,
.customform_fields c-rlmc-search-select .arrow-up.arrow-icon,
.customform_fields c-rlmc-search-state-select .arrow-up.arrow-icon{
    border-right: 1.5px solid #232323;
    border-top: 1.5px solid #232323;
    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -o-transform: rotate(136deg);
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    z-index:1;
    top:24px;
}
.customform_fields c-rlmc-search-select .arrow-icon,
.customform_fields c-rlmc-search-state-select .arrow-icon{
    transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    top:30px;
}
.customform_fields .slds-icon-utility-down svg{
    display:none;
}
body .cRlmcSelfRegistration .el-form-item .text:focus-visible, 
body .cRlmcSelfRegistration .el-form-item .text:focus,
body .cRlmcSelfRegistration .el-form-item .text:active,
body  .cRlmcForgotPassword .el-form .el-input__inner:focus-visible, 
body  .cRlmcForgotPassword .el-form .el-input__inner:focus,
body  .cRlmcForgotPassword .el-form .el-input__inner:active,
body .cRlmcLoginForm .el-form .el-input__inner:focus, 
body .cRlmcLoginForm .el-form .el-input__inner:active, 
body .cRlmcLoginForm .el-form .el-input__inner:focus-visible,
body .cRlmcChangePassword .el-form .el-input__inner:focus, 
body .cRlmcChangePassword .el-form .el-input__inner:active, 
body .cRlmcChangePassword .el-form .el-input__inner:focus-visible,
body .phone-no:focus-visible[c-rlmcPhone_rlmcPhone], 
body .phone-no:focus[c-rlmcPhone_rlmcPhone]
{
    border: 1px solid #232323!important;
}
body c-rlmc-phone .dropdown-wrap, body c-rlmc-phone1 .dropdown-wrap{
    position: absolute;
    top: 0;
    z-index: 999;
    padding: 18px 24px 12px; 
   
}
body c-rlmc-phone.hide-drpdown  .dropdown-wrap,
body c-rlmc-phone1.hide-drpdown  .dropdown-wrap {
    z-index: 1;
}
.customform_fields .radio_button--group .radio_button--item label:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #232323;
    border-radius: 100%;
}
.customform_fields .radio_button--group .radio_button--item label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    height: 8px;
    width: 8px;
    background: #a40c8a;
}
.customform_fields textarea.rlmc-textarea[c-rlmcReferAFriend_rlmcReferAFriend],
.customform_fields textarea,
.customform_fields textarea.rlmc-textarea[c-rlmcReferAFriend_rlmcReferAFriend]:focus,
.customform_fields textarea.rlmc-textarea[c-rlmcReferAFriend_rlmcReferAFriend]:active,
.customform_fields textarea:focus, .customform_fields textarea:active{
    height:100px!important;
    line-height: normal;
    overflow-y:auto;
}
.customform_fields .radio_button--group.side_by_side .radio_button--item{
    margin-top:6px;
    margin-bottom:0;
}
.customform_fields .radio_button--subtitle{
    font-size:15px;
    color: #6c6c6c;
}
.customform_fields .radio_button--group .radio_button--item label{
    font-size: 17px;
    color:#232323;
    font-family: 'ProximaNova-Regular';
}
.customform_fields .radio_button--group.side_by_side {
    margin-bottom: 34px;
}
.customform_fields .radio_button--group .radio_button--item label {
    
    margin-left: 27px;
}
.radio_button--group[c-rlmcPayment_rlmcPayment] 
.radio_button--item[c-rlmcPayment_rlmcPayment] label[c-rlmcPayment_rlmcPayment]:after{
    width:8px;
    height:8px;
}
body .cRlmcSelfRegistration .date-picker .slds-input {
    background: transparent;
}
body .button-block[c-rlmcPayment_rlmcPayment] {
    margin-top: 40px;
    text-align: right;
}
.customform_fields .active.error[c-rlmcPayment_rlmcPayment] {
    font-size: 13px!important;
    font-family: 'ProximaNova-Regular'!important;
}
.customform_fields .datepicker-disabledtext .date-picker .slds-input, 
.customform_fields .datepicker-disabledtext .date-picker .slds-input:focus,
.customform_fields .datepicker-disabledtext .date-picker .slds-input:active
{
	border: none!important;
    padding: 0!important;
    line-height: normal;
    height: auto;
    font-family: 'ProximaNova-Regular' !important;
    cursor: default;
}
.customform_fields .datepicker-disabledtext .date-picker .slds-input__icon{
    display:none;
}

c-rlmc-payment .modal--close_icon,
c-rlmc-shipping .modal--close_icon,
c-rlmc-checkout-order .modal--close_icon,
c-rlmc-existing-order-checkout .modal--close_icon,
c-rlmc-allocation .modal--close_icon,
c-rlmc-dashboard .modal--close_icon,
c-rlmc-how-it-works .modal--close_icon
{
    top: 40px;
    right: 40px;
    left: unset;
}
body .cRlmcSelfRegistration .date-picker .slds-input:focus,
body .cRlmcSelfRegistration .date-picker .slds-input:active {
    border: solid 1px #232323!important;
}
body .cRlmcSelfRegistration .date-picker .slds-input__icon {
    top: 24px;
    left: unset;
    right: 20px;
}
/* Change the white to any color */
body input:-webkit-autofill,
body input:-webkit-autofill:hover, 
body input:-webkit-autofill:focus, 
body input:-webkit-autofill:active,
body .cRlmcThemeLayoutLogin .el-input__inner.uiInput:focus,
body .cRlmcThemeLayoutLogin .el-input__inner.uiInput:active{
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
     box-shadow: 0 0 0 30px #f5f5f5 inset !important;
     border: solid 1px #232323!important;
}
/*.customform_fields .two_by_two_text--tile .mobile-text, 
.customform_fields .filled_form--content .filled_form--subtitle,
.customform_fields .active.error, .customform_fields .el-form .el-form-item__teaser{
        font-family: 'ProximaNovaA-Regular' !important;
}*/
body.select-popup .rlmc-close-select[c-rlmcSelect_rlmcSelect]{
        position:relative!important;
}
c-rlmc-refer-a-friend .customform_fields .phone.active,
c-rlmc-refer-a-friend .customform_fields .email.active{
    padding-top:8px;
}
c-rlmc-refer-a-friend .customform_fields .el-form-item__teaser.active{
    margin-top:0;
    margin-bottom: 0;
}
c-rlmc-refer-a-friend .customform_fields .el-form-item__teaser.active.success{
    margin-bottom:24px;
}
.customform_fields .mobile-errormsg{
    display:none!important;
}
c-rlmc-contact .checkbox_input label:before{
    top:4px;
}
c-rlmc-contact .customform_fields .checkbox_input label:after{
    top:8px;
}
c-rlmc-phone.mobile, c-rlmc-phone1.mobile {
    z-index:2;
}
c-rlmc-phone.phone, c-rlmc-phone1.phone{
    z-index:1;
}
c-rlmc-phone.mobile .second-label, c-rlmc-phone1.mobile .second-label{
    display:none;
}
c-rlmc-phone.phone .first-label, c-rlmc-phone1.phone .first-label{
    display:none;
} 

c-rlmc-phone .dropdown-wrap.phone-dropdown, c-rlmc-phone .phone-input,
c-rlmc-phone1 .dropdown-wrap.phone-dropdown, c-rlmc-phone1 .phone-input{
    position: relative;
    vertical-align: top;
    /*z-index:2;*/
    /**7-13-2022**/
    z-index:1;

}

c-rlmc-phone .dropdown-wrap.phone-dropdown,
c-rlmc-phone1 .dropdown-wrap.phone-dropdown{
    width: 160px;
    padding: 0;
    margin-right:16px;
    display:inline-block;
}
c-rlmc-phone .phone-input, c-rlmc-phone1 .phone-input{
    width:calc(100% - 176px);
    display:inline-block;
    height:53px;
}
.cRlmcSelfRegistration  .phone-input .input-wrap,
.cRlmcSelfRegistration  .phone-input .input-wrap:hover,
.cRlmcSelfRegistration  .phone-input .input-wrap:focus,
.cRlmcSelfRegistration  .phone-input .input-wrap:active{
    height:53px;
    border:none!important;
    line-height:53px;
}
c-rlmc-release c-rlmc-select.quantity-dropdown{
    display:inline-block;
}
c-rlmc-contact .el-input-group.no-border{
  height:auto;
  margin-bottom:34px;
}
c-rlmc-checkout-order .customform_fields .desktop-label:after, 
c-rlmc-checkout-order .customform_fields .mobile-label:after,
c-rlmc-checkout-order .customform_fields .desktop-label:before, 
c-rlmc-checkout-order .customform_fields .mobile-label:before,
c-rlmc-existing-order-checkout .customform_fields .desktop-label:after, 
c-rlmc-existing-order-checkout .customform_fields .mobile-label:after,
c-rlmc-existing-order-checkout .customform_fields .desktop-label:before, 
c-rlmc-existing-order-checkout .customform_fields .mobile-label:before,
c-rlmc-experience-checkout .customform_fields .desktop-label:after, 
c-rlmc-experience-checkout .customform_fields .mobile-label:after,
c-rlmc-experience-checkout .customform_fields .desktop-label:before, 
c-rlmc-experience-checkout .customform_fields .mobile-label:before{
  display:none;
}
c-rlmc-checkout-order .customform_fields .placeholder,
c-rlmc-existing-order-checkout .customform_fields .placeholder,
c-rlmc-experience-checkout .customform_fields .placeholder
{
    background: transparent;
    padding: 15px 8px 0px;
    color: rgba(108,108,108,0.6);
    height: 55px;
    line-height: 46px;
}
c-rlmc-checkout-order .customform_fields .custom-select label,
c-rlmc-existing-order-checkout .customform_fields .custom-select label,
c-rlmc-experience-checkout .customform_fields .custom-select label{
    margin-left:0;
    font-size: 15px;
    letter-spacing: normal;
    color: #6c6c6c;
    top: -12px;
    padding: 0 10px;
    background: #ededed;
    z-index: 1;
    font-family: 'ProximaNova-Regular';
}
.checkout_button--mobile{
    display:none;
}
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
c-rlmc-contact .filled_form--content.filled_form--socials {
    margin-bottom: 30px;
}
body .cRlmcFooter.footer-banner{
 z-index:99;
}
body .cRlmcSelfRegistration .phone-dropdown-wrap{
    height:55px;
    
}
c-rlmc-phone.mobile .dropdown-wrap.phone-dropdown,
c-rlmc-phone1.mobile .dropdown-wrap.phone-dropdown{
    z-index:4;
    cursor:pointer;
    height:53px;
}

c-rlmc-phone.phone .dropdown-wrap.phone-dropdown,
c-rlmc-phone1.phone .dropdown-wrap.phone-dropdown{
    z-index:2;
    cursor:pointer;
    height:55px;
    
}
body .help-text, body .help-text.el-form-item__teaser{	
    font-family: 'ProximaNova-Regular';	
    font-size: 15px;	
    line-height: 1.33;	
    color: #232323!important;	
    margin-top:6px!important;	
}
body .modal .payment_modal--header.typo_header-variant_2{
    font-size:50px;
}
body c-rlmc-allocation .quantity-dropdown .select-items div:hover,
body c-rlmc-allocation .quantity-dropdown .select-items div,
body c-rlmc-allocation .quantity-dropdown .select-items div:focus,
body c-rlmc-allocation .quantity-dropdown .select-items div:active{
    font-family: 'ProximaNova-Regular';
}
.intro-offering-content.modal--content[c-rlmcAllocation_rlmcAllocation] h2.Calistoga-AVA-100[c-rlmcAllocation_rlmcAllocation],
.artProduct-content.modal--content[c-rlmcAllocation_rlmcAllocation] h2.Calistoga-AVA-100[c-rlmcAllocation_rlmcAllocation]{
    margin-bottom:46px;
}
.intro-offering-content .cellar_modal--image img[c-rlmcAllocation_rlmcAllocation],
.artProduct-content .cellar_modal--image img[c-rlmcAllocation_rlmcAllocation]{
    transform:unset;
  }
.intro-offering-content.modal--content[c-rlmcAllocation_rlmcAllocation]  .cellar_modal--list li,
.artProduct-content.modal--content[c-rlmcAllocation_rlmcAllocation]  .cellar_modal--list li{
    margin-bottom:24px;
}
/*body .cRlmcSelfRegistration .date-picker .slds-input__icon{
    display:none;
}
body .cRlmcSelfRegistration .date-picker .calendar-icon{
	position: absolute;
    right: 18px;
    top: 20px;
    width: 14px;
}*/
/*--customform_fields form ends here--*/
/**air datepicker css**/
body .air-datepicker-global-container{
  z-index:9999!important;
}
.air-datepicker svg{
    width: 32px;
    height: 32px;
    fill:unset;
}
body .air-datepicker.-inline-, body .air-datepicker{
    margin-top: 5px;
    border: none;
    border: 1px solid rgba(108,108,108,0.15);
    padding: 0;
    width: 270px;
    border-radius:0;
    position:absolute; 
}
body .air-datepicker.-inline-{
    display:none;
}
body.datepicker-open .air-datepicker.-inline-{
    display:block;
}
body .air-datepicker .air-datepicker-nav {
    border-bottom: 1px solid rgba(108, 108, 108, 0.15);
    min-height: 10px;
    padding: 14px 12px;
}
body .air-datepicker .air-datepicker-nav--action path {

    stroke: rgb(108, 108, 108);
}
body .air-datepicker .air-datepicker-nav--title, 
body .air-datepicker .air-datepicker-nav--title:hover,
body .air-datepicker .air-datepicker-nav--title:focus, 
body .air-datepicker .air-datepicker-nav--title:active{
    background: transparent;
}
body .air-datepicker .air-datepicker-nav--title  {
    border: 1px solid rgba(108,108,108,0.15);
    color: #6c6c6c;
    font-size: 17px;
    border-radius: 0;
    padding: 0px 12px 0;
    background: transparent;
    font-family: 'ProximaNova-Bold'!important;
}
body .air-datepicker .air-datepicker-nav--title  .year{
    position: relative;
    padding-left: 20px;
}
body .air-datepicker .air-datepicker-nav--title  .year:before{
    position: absolute;
    content: '';
    border-left: 1px solid rgba(108,108,108,0.15);
    border-right: 1px solid rgba(108,108,108,0.15);
    width: 8px;
    background: #fff;
    top: -3px;
    left: 0;
    height: 33px;
}
body .air-datepicker .air-datepicker-nav--title  .month{
    padding-right:12px;
}
body .air-datepicker  .air-datepicker--content {
    padding: 5px 12px;
    font-size: 15px;
    color: #232323;
    height:228px;
    font-family: 'ProximaNova-Regular'!important;
}
body .air-datepicker  .air-datepicker-body--day-name {
    color:rgba(108,108,108,0.61);
    font-size:14px;
}
.air-datepicker-body.-years-{	
	position: absolute;	
    width: calc(100% - 12px);	
    top: 0;	
    background: #fff;	
    z-index: 1;	
    overflow: auto;	
    height: 299px;	
    padding: 20px;	
}
.air-datepicker-body .air-datepicker-cell.-year-.-other-decade-{
    display:none;
}
.air-datepicker-body .air-datepicker-cell.-year-.-other-decade-.-current-{
    display:block;
}
body .air-datepicker  .air-datepicker-body--cells.-years- {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;	
    height: auto;	
    overflow:unset
    /*height: 228px;
    overflow: auto;
    width: calc(100% + 12px);*/
}
body .air-datepicker .air-datepicker-cell.-year- {
    display: block;
    padding: 5px 0;
    font-size: 15px;
    width: 70px;
    align-items: unset;
    justify-content: unset;
    margin: auto auto 4px;
}
body .air-datepicker  .air-datepicker-cell.-month-,
body .air-datepicker  .air-datepicker-cell.-month-:hover,
body .air-datepicker  .air-datepicker-cell.-month-:focus{
 height:34px;

}
body .air-datepicker .air-datepicker-cell.-day-.-current-,
body .air-datepicker .air-datepicker-cell.-day-,
body .air-datepicker .air-datepicker-cell.-day-:hover{
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin: auto;
    line-height: 32px;
}
body .air-datepicker .air-datepicker-cell.-month-,
body .air-datepicker .air-datepicker-cell.-year-{
    border-radius: 17px;
}
body .air-datepicker .air-datepicker-cell.-current-{
    color:#a40c8b;
    background:#fff;

}
body .air-datepicker .air-datepicker-cell.-current-:hover,
body .air-datepicker .air-datepicker-cell.-current-:focus{
    color:#000;
    background:#f0f0f0 ;
}
body .air-datepicker .air-datepicker-cell.-selected-,
body .air-datepicker .-selected-.air-datepicker-cell.-day-.-other-month-, 
body .air-datepicker .-selected-.air-datepicker-cell.-year-.-other-decade-{
    background:#a40c8b;
    color:#fff;
}
body.datepicker-open .date-backdrop{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    z-index: -1;
}
.customform_fields .datepicker-block .slds-input{
 padding:18px 24px 12px!important;
}
.customform_fields .datepicker-block{
    position: relative;
    /*z-index: 1;*/
    z-index: 5;
}
body .air-datepicker  .air-datepicker-body--cells.-months- {
    padding-top: 30px;
}
.artProduct-content .Realm-Context, .artProduct-content .Wine-Profile{
    display:none;
}

body.modal-open,html.modal-open, html.modal-open body{
    overflow:hidden!important;
    padding:0 16px 0 0;
   
}
c-rlmc-allocation .release_table_wrapper--inner .slds-tabs_default .slds-tabs_default__nav{
    border:none;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs{
    background: transparent;
    border: none;
    display: block;
    overflow: visible;
    
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs > slot:first-of-type{
    display: flex;
    flex-wrap: wrap;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .slds-vertical-tabs__nav{
    width: 100%;
    background: transparent;
    border: none;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .slds-vertical-tabs__nav-item{
    margin-right: 87px;
    border-right: 0;
    background: transparent;
    color: #333;
    width: calc(33.33% - 58px);
    display: inline-block;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs  .slds-vertical-tabs__content{
    background: transparent;
    padding: 10px 0;
    display:block;
    visibility:hidden;
    width:100%;
    margin-right:-100%;
    opacity: 0;
    flex:unset;
    
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs  .slds-vertical-tabs__content:not(.slds-show){
    opacity: 0;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .slds-vertical-tabs__content.slds-hide{
    
    display:block!important;
    
   
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .slds-vertical-tabs__content.slds-show{
    visibility: visible;
    opacity: 1;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .slds-vertical-tabs__nav-item:last-child{
    margin-right:0;
}

c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li{
    
    border-bottom: 2px solid rgba(108,108,108,0.3);
    
   
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active{
    border-bottom: solid 2px #a40c8b;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li a,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li a:hover,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li a:focus,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li a:active{
    color:#333;
    font-size:20px;
    font-family: 'ProximaNova-Regular'!important;
    background: transparent;
    text-decoration: none;
    padding: 8px 0;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active a,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active a:hover,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active a:focus,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active a:active{
    font-family: 'ProximaNova-Bold'!important;
    background: transparent;
    padding: 8px 0;
    text-decoration: none;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-is-active.slds-has-focus,
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs li.slds-has-focus {
    text-decoration: none!important;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-vertical-tabs .release_table{
    margin-top:24px;
}

c-rlmc-allocation .sub-totalTable td.wish{
    width: 260px!important;
}
c-rlmc-allocation .sub-totalTable td.wish .release_button--wrapper{
    justify-content: flex-end!important;
}
c-rlmc-allocation .sub-totalTable .wish .el-form-button,
c-rlmc-allocation .sub-totalTable .wish .el-form-button:hover,
c-rlmc-allocation .sub-totalTable .wish .el-form-button:focus,
c-rlmc-allocation .sub-totalTable .wish .el-form-button:active{
    margin-left:18px!important;

}
c-rlmc-allocation .release_table_wrapper--inner  .slds-tabs_default__item.slds-active:after, 
c-rlmc-allocation .release_table_wrapper--inner  .slds-tabs_default__item.slds-is-active:after, 
c-rlmc-allocation .release_table_wrapper--inner  .slds-tabs--default__item.slds-active:after, 
c-rlmc-allocation .release_table_wrapper--inner  .slds-tabs--default__item.slds-is-active:after,
c-rlmc-allocation .release_table_wrapper--inner .slds-tabs_default__item:hover:after, 
c-rlmc-allocation .release_table_wrapper--inner .slds-tabs--default__item:hover:after{
    height:0;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion .slds-accordion__summary-action{
    color: #333;
    font-size: 20px;
    font-family: 'ProximaNova-Bold'!important;
    background: transparent;
    text-decoration: none;
    padding: 8px 0;
    border-bottom: 2px solid rgba(108,108,108,0.3);
    border-radius: 0;
    position: relative;
    padding: 16px 0 12px;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion .slds-accordion__summary-action span{
    font-family: 'ProximaNova-Bold'!important;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion .slds-accordion__content{
    margin: 18px -12px;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion .slds-is-open .slds-accordion__summary-action{
    border-bottom: solid 2px #a40c8b;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion   .slds-accordion__summary-action lightning-primitive-icon{
    transform: rotate(90deg);
    text-align: -webkit-left;
    position: absolute;
    right: -5px;
    top: 16px;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion  .slds-is-open .slds-accordion__summary-action lightning-primitive-icon {
    transform: rotate(180deg);
    top: 20px;
    right: 2px;
}
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion  .slds-accordion__list-item{
    border-top:none;
}
c-rlmc-allocation .mobile-view{
    display:none;
}
c-rlmc-allocation .slds-parent-close .slds-accordion__content{
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0!important;
    
}
c-rlmc-allocation .slds-parent-close  .slds-accordion__section{
    padding-top: 0;
    padding-bottom: 0;
}
c-rlmc-allocation  lightning-accordion-section .slds-accordion__summary,	
c-rlmc-allocation  lightning-accordion-section .base_button,	
c-rlmc-allocation  lightning-accordion-section .button_reset,	
c-rlmc-allocation  lightning-accordion-section .custom-select:not(.disabled),	
c-rlmc-allocation  lightning-accordion-section .slds-combobox__input,
c-rlmc-allocation  lightning-accordion-section .slds-combobox_container,
c-rlmc-allocation  lightning-accordion-section .rlmc-close-select{	
    pointer-events: auto;	
}

.spinner-on .exixting-checkout .checkout_order--back_link,
.spinner-on .checkout-page,
.spinner-on .exixting-checkout,
.spinner-on .exixting-checkout .base_link,
.spinner-on .exixting-checkout .btn-block{
    visibility:hidden!important;
}
/*.spinner-on{
    position: relative;
    overflow: auto;
    width:100%;
    height:100%;
  
}*/
.spinner-on .site_footer{
    visibility:hidden;
}
/*.spinner-on c-rlmc-spinner {
    position:fixed;
    width:100%;
    height:100vh;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
}*/

/**----------css for SF2218-683---**/
.editAdressModal .edit-title, .editPaymentModal .edit-title{
    display:block!important;
}
.editAdressModal .add-title, .editPaymentModal .add-title{
    display:none;
}
/* Added as a part of REL-8----Sahil, Rita */
c-rlmc-allocation .slds-vertical-tabs__nav-item:focus-within,
c-rlmc-allocation .release_table_wrapper--inner .slds-accordion .slds-accordion__summary-action:focus{
    box-shadow:none;
}
@media screen and (min-width:300px) and (max-width:939px){
    c-rlmc-allocation .mobile-view{
        display:block;
    }
    c-rlmc-allocation .desktop-view{
        display:none;
    }
    
}
/**air datepicker css ends**/
@media only screen and (min-width: 300px)  and (max-width: 767px) {
    body.device-ios .datepicker-disabledtext .date-picker{
        margin-left:-8px!important;
    }
    body.comm-page-custom-contact{
        overflow-x:hidden;
    }
    c-rlmc-add-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected, 
    c-rlmc-payment .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
     c-rlmc-checkout-order .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
    c-rlmc-existing-order-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
    c-rlmc-experience-checkout .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected,
     body .customform_fields .el-input__wrap {
        width:100%;
    }
    body .customform_fields .el-input__wrap > .custom-select{
        width:50%!important;
    }
    c-rlmc-checkout-order .customform_fields .mobile-label,
    c-rlmc-existing-order-checkout .customform_fields .mobile-label,
    c-rlmc-experience-checkout .customform_fields .mobile-label,
    .checkout_button--mobile{
        display:block!important;
    }
    c-rlmc-checkout-order .customform_fields .desktop-label,
    c-rlmc-existing-order-checkout .customform_fields .desktop-label,
    c-rlmc-experience-checkout .customform_fields .desktop-label,
    .checkout_button--desktop{
        display:none;
    }
    .customform_fields .btn-block .slds-button_brand.checkout_button--desktop{
        display:none;
    }
    .customform_fields .btn-block .slds-button_brand, 
    .customform_fields .btn-block .slds-button_brand:focus,
    .customform_fields .btn-block .slds-button_brand:hover, 
    .customform_fields .btn-block .slds-button_brand:active{
        width: 100%;
        margin-left: 0;
     }
     .customform_fields .twoBtn-block .slds-button_brand, 
    .customform_fields .twoBtn-block .slds-button_brand:focus,
    .customform_fields .twoBtn-block .slds-button_brand:hover, 
    .customform_fields .twoBtn-block .slds-button_brand:active{
        width: calc(50% - 7.5px);
        margin-left: 7.5px;
        margin-right: 0;
        text-align: center;
        padding: 0 12px;
     }
     .customform_fields .twoBtn-block .slds-button_outline, 
    .customform_fields .twoBtn-block .slds-button_outline:focus,
    .customform_fields .twoBtn-block .slds-button_outline:hover, 
    .customform_fields .twoBtn-block .slds-button_outline:active{
        width: calc(50% - 7.5px);
        margin-right: 7.5px;
        margin-left: 0;
        text-align: center;
        padding: 0 12px;
     }
    c-rlmc-payment .modal--close_icon, 
    c-rlmc-shipping .modal--close_icon, 
    c-rlmc-checkout-order .modal--close_icon,
    c-rlmc-allocation .modal--close_icon,
    c-rlmc-dashboard .modal--close_icon,
    c-rlmc-how-it-works .modal--close_icon,
    c-rlmc-existing-order-checkout .modal--close_icon{
        top: 30px;
        right: 0;
        left: unset;
        z-index: 9;
    }
    body   c-rlmc-payment .addmodal-content.modal--content {
        padding: 90px 0 70px;
        width: 100%;
        max-width: 100%;
    }
    
    lightning-combobox.quantity-dropdown{
        width: 80px;
    }
    .quantity-dropdown .slds-input_faux{
        background-color: unset;
        
        
        background-size: 10px auto !important;
        height: 35px;
    }
    .date-picker .slds-form-element__label{
        display: block;
        font-size: 17px;
        margin-top: 20px;
    }
    .quantity-dropdown .custom-select:not(.filter):not(.quantity) .select-selected {
        background-size: 10px auto !important;
        height: 35px;
        line-height: 32px;
    }
    c-rlmc-checkout-order .firts-table .review_order--order_title,
    c-rlmc-existing-order-checkout .firts-table .review_order--order_title{
        width:100%;
    }
    c-rlmc-checkout-order .select_delivery_address .placeholder,
    c-rlmc-checkout-order .select_locker .placeholder,
    c-rlmc-checkout-order .select_payment  .placeholder,
    c-rlmc-existing-order-checkout .select_delivery_address .placeholder,
    c-rlmc-existing-order-checkout .select_locker .placeholder,
    c-rlmc-existing-order-checkout .select_payment  .placeholder,
    c-rlmc-experience-checkout .select_delivery_address .placeholder,
    c-rlmc-experience-checkout .select_locker .placeholder,
    c-rlmc-experience-checkout .select_payment  .placeholder{
        position: relative;
        color: transparent;
        width: 100%;
        display: block;
        height: 26px;
    }
    c-rlmc-checkout-order .select_delivery_address .placeholder:before,
    c-rlmc-checkout-order .select_locker .placeholder:before,
    c-rlmc-checkout-order .select_payment  .placeholder:before,
    c-rlmc-existing-order-checkout .select_delivery_address .placeholder:before,
    c-rlmc-existing-order-checkout .select_locker .placeholder:before,
    c-rlmc-existing-order-checkout .select_payment  .placeholder:before,
    c-rlmc-experience-checkout .select_delivery_address .placeholder:before,
    c-rlmc-experience-checkout .select_locker .placeholder:before,
    c-rlmc-experience-checkout .select_payment  .placeholder:before{
        
        position: absolute;
        color: rgba(108,108,108,0.6);
        top: -3px;
        z-index: 9;
        left: -14px;
        width: 100%;
    }
    c-rlmc-checkout-order .select_delivery_address .placeholder:before,
    c-rlmc-existing-order-checkout .select_delivery_address .placeholder:before{
        content: 'Choose Another Address';
        
    }
    c-rlmc-checkout-order .select_locker .placeholder:before,
    c-rlmc-existing-order-checkout .select_locker .placeholder:before{
        content: 'Choose Another Locker';
    }
    c-rlmc-checkout-order .select_payment  .placeholder:before,
    c-rlmc-existing-order-checkout .select_payment  .placeholder:before,
    c-rlmc-experience-checkout .select_payment  .placeholder:before{
        content: 'Choose Another Card';
    }
    c-rlmc-phone .dropdown-wrap.phone-dropdown, c-rlmc-phone1 .dropdown-wrap.phone-dropdown {
        width: 120px!important;
       
    }
    body .customform_fields c-rlmc-phone input.input-wrap, 
    body .customform_fields c-rlmc-phone1 input.input-wrap, 
    body .customform_fields c-rlmc-phone input.input-wrap:focus,
     body .customform_fields c-rlmc-phone1 input.input-wrap:focus, 
     body .customform_fields c-rlmc-phone input.input-wrap:active, 
     body .customform_fields c-rlmc-phone1 input.input-wrap:active{
        padding: 18px 0px 12px 24px;
    }
    body c-rlmc-phone .arrow-up .slds-button_icon:after, 
    body c-rlmc-phone1 .arrow-up .slds-button_icon:after {
        top: 15px!important;
        right: -10px;
    }
    
}


@media only screen and (min-width: 300px)  and (max-width: 1024px) {
    /**airdatepicker css **/
    c-rlmc-checkout-order .modal--popup_inner, c-rlmc-existing-order-checkout .modal--popup_inner,
   c-rlmc-experience-checkout  .modal--popup_inner{
        position: relative;
        top: unset;
        right: 0;
        bottom: unset;
        left: 0;
        overflow-y: unset!important;
    }
    body.modal-open,html.modal-open, html.modal-open body{
        overflow:auto!important;
        padding:0; 
    }

    c-rlmc-checkout-order .active .modal--popup, c-rlmc-checkout-order  .modal--popup,
     c-rlmc-existing-order-checkout .active .modal--popup, c-rlmc-experience-checkout  .modal--popup{
        transform: unset!important; 
          transition: transform 0.5s;
      }

    body .air-datepicker.-inline-, body .air-datepicker {
        margin-top: 0;
        padding: 0;
        max-width: 270px;
        border-radius: 0;
        position: fixed;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        height: 306px;
    }
    body.datepicker-open{
        overflow:hidden;
    }
    body.datepicker-open .date-backdrop {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background:rgba(35,35,35,0.83);
        z-index: 9;
    }
    .comm-page-custom-contact .site_header-primary{
        height:auto;
    }
    body.datepicker-open .cRlmcHeader.site_header-primary{
        height:0;
     }
     body.datepicker-open .cRlmcFooter.footer-banner,
     body.datepicker-open .cRlmcThemeLayoutPrimary .rlmc-sidebar{
        z-index:1;
     }
    /**datepicker css**/
    body .dcalendarpicker .dudp__wrapper {
        padding-top: 0;
        min-width: 280px!important;
        left: 0!important;
        transform: unset!important;
        top: 0;
        bottom: 0!important;
        height: 400px;
        position: fixed!important;
        bottom: 0!important;
        right: 0!important;
        margin: auto;
        text-align: center;
        width: 280px;
    }
    body[datepicker-display=on]{
        overflow:hidden!important;
        position: relative;
    }
    body[datepicker-display=on]:after{
        background: rgba(35,35,35,0.83);
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999;
    }
    body.select-popup c-rlmc-search-select .mobile-input input,
    body.select-popup c-rlmc-search-select .mobile-input{
        pointer-events: none!important;
    }
    body.select-popup .footer-banner{
        display:none!important;
    }
    c-rlmc-phone .filter .select-items .select-items-wrap,
    c-rlmc-phone1 .filter .select-items .select-items-wrap {
        height: 100%;
       
    }
    body.select-popup{
        overflow:hidden;
    }
    
body.select-popup .rlmc-close-select[c-rlmcSelect_rlmcSelect]{
        position:fixed!important;
}
c-rlmc-checkout-order    .customform_fields .btn-block,
c-rlmc-existing-order-checkout    .customform_fields .btn-block,
c-rlmc-shipping   .customform_fields .btn-block{
    padding-bottom: 35px;
}
body.select-popup .rlmc-close-select-backdrop, body.select-popup  c-rlmc-select .rlmc-close-select{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(35,35,35,0.83);
    z-index: 99;
}
body.select-popup  c-rlmc-select .rlmc-close-select,
body.select-popup c-rlmc-phone .rlmc-close-select-backdrop,
body.select-popup c-rlmc-phone1 .rlmc-close-select-backdrop{
    z-index:999;
}
    .date-picker .slds-input{
        height: 32px;
        font-size: 16px;
        padding: 5px 40px;
        line-height: 32px;
        
    }
    .date-picker .slds-input__icon{
        top: 3px;
        left: 0;
        z-index: 999;
        margin-top: 0;
        right: unset;
        display: block;
    }
    .date-pickerwrapper  .date-picker input::-webkit-date-and-time-value{
        /*margin-left:25px;*/
        margin-left:0px;
        display:flex;
        text-align:left;
        justify-content: flex-start;
    }
    .date-picker .slds-input{
        padding-left: 30px;     
        width: 100% !important;
        min-width:90% !important;
        max-width: 100% !important;
        display:flex;
        justify-content: flex-start;
        justify-items: flex-start;
        text-align: left;
    }
    
    .slds-datepicker {
        left : 0px !important;
    }
    .date-pickerwrapper{
        position:relative;
    }
    .date-pickerwrapper .mobile-dateicon{
        display: block !important;
        position: absolute;
        top: 18px !important;
        z-index: 9;
        left: unset;
        right: 16px;
    }

    .date-pickerwrapper.addshipping-date .mobile-dateicon{
        top:12px;
    }
   /* .date-pickerwrapper .calendar-icon{
        top: 28px;
    }*/
    .date-pickerwrapper .slds-form-element__label{
        display: block;
        font-size: 14px;
        color: #6c6c6c;
        margin-top: 0;
    }
    .date-pickerwrapper .date-picker .slds-input-has-icon_right svg{
        display:none;
    }
    .date-pickerwrapper .mobile-dateicon svg{
        width:16px;
        fill:#666;
    }
    .date-pickerwrapper input[type="date"]::-webkit-inner-spin-button,
    .date-pickerwrapper input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }
    .date-pickerwrapper input[type="date"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: rgba(108,108,108,0.6);
        opacity: 1;
    }
    .date-pickerwrapper input[type="date"]::-moz-placeholder { /* Firefox 19+ */
        color: rgba(108,108,108,0.6);
        opacity: 1;
    }
    .date-pickerwrapper input[type="date"]:-ms-input-placeholder { /* IE 10+ */
        color: rgba(108,108,108,0.6);
        opacity: 1;
    }
    .date-pickerwrapper input[type="date"]:-moz-placeholder { /* Firefox 18- */
        color: rgba(108,108,108,0.6);
        opacity: 1;
    }
    .date-pickerwrapper  {
        position: relative;
        
        width: 100% !important;
    }
    
   /* .date-pickerwrapper:after {
        content: 'Birth Date';
        position: absolute !important;
        left: 41px !important;
        top: 7px !important;
        color: #bbb !important;
        font-size: 16px !important;
    }*/
    .date-pickerwrapper.notempty-datepicker:after{
        display:none;
    }
    .date-pickerwrapper .lightning-button-icon{
        display:none;
    }
    
     body.select-popup .modal{
        overflow: hidden;
        overscroll-behavior: unset;
        
        
    }
  
    
    body.select-popup  .payment_modal--content,body.select-popup{
        position:relative;
    }
    /*body.select-popup  .payment_modal--content:before {
        content: '';
        position: fixed;
        background: rgba(0,0,0,0.8);
        z-index: 9;
        height: 100%;
        width: calc(100% + 100px);
        left: -50px;
        right: 0;
        padding: 0;
        top:0;
    }  */
    .customform_fields .slds-dropdown[c-rlmcSearchSelect_rlmcSearchSelect], 
    .customform_fields .slds-dropdown[c-rlmcsearchstateselect_rlmcsearchstateselect] {
        max-width: 356px;
        width: calc(100% - 32px);
        margin: auto;
        left: 50%!important;
        top: 10%!important;
        bottom: unset!important;
        position:fixed;
        
        
    }
    body.select-popup .active .modal--popup {
        transform: unset;
        transition: unset;
    }
    body   .modal--popup .container {
        margin: 0 auto;
        max-width: 100%;
        width: calc(100% - 30px);
        padding: 0;
    }
    body .customform_fields h1 .top-title,  body .modal .payment_modal--header.typo_header-variant_2{

    font-size: 42px;
	}
    body .payment_page[c-rlmcPayment_rlmcPayment] .base_button[c-rlmcPayment_rlmcPayment], 
    body .payment_page[c-rlmcPayment_rlmcPayment] .button-block[c-rlmcPayment_rlmcPayment] .base_link--wrap[c-rlmcPayment_rlmcPayment] {
    margin: 0;
	}
    body.select-popup .custom-select .select-items{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; 
        text-align: center;
        margin: auto;
        max-height: 60vh;
        z-index:9999;
        margin-top:auto;
        background: #fff;
    }
    body.select-popup c-rlmc-experience-checkout .custom-select .select-items{
        margin-left:15px;
        margin-right:15px;
    }
    c-rlmc-phone .custom-select .select-items div,
    c-rlmc-phone1 .custom-select .select-items div  {
    	text-align: left;
	}
    body.select-popup .cRlmcSelfRegistration .custom-select .select-items{
        left: 0;
        right: 0;
    }
    c-rlmc-search-select .mobile-input, c-rlmc-search-select .search-block,
    c-rlmc-search-state-select .mobile-input, c-rlmc-search-state-select .search-block{
        display:block!important;
    }
    .customform_fields .slds-combobox_container.dropdown_css .search-block .slds-input, 
    .customform_fields .slds-combobox_container.dropdown_css .search-block .slds-input:focus,
    .customform_fields .slds-combobox_container.dropdown_css .search-block .slds-input:active
    {
        padding: 18px 24px 18px!important;
    }
    c-rlmc-search-select .desktop-input, c-rlmc-search-state-select .desktop-input{
        display:none;
    }
    .customform_fields .recordListBox[c-rlmcSearchSelect_rlmcSearchSelect],
	.customform_fields .recordListBox[c-rlmcsearchstateselect_rlmcsearchstateselect]{
   
    	max-height:316px;
        border-radius:0  0 5px 5px;
	}
    body.select-popup c-rlmc-phone .filter .select-items,
    body.select-popup c-rlmc-phone1 .filter .select-items{
        padding:0!important;
    }
    c-rlmc-phone .dropdown-wrap.phone-dropdown, c-rlmc-phone1 .dropdown-wrap.phone-dropdown {
        width: 140px;
       
    }
    c-rlmc-phone .phone-input, c-rlmc-phone1 .phone-input {
        width: calc(100% - 156px);
       
    }
    /*body.select-popup .cRlmcSelfRegistration section.form_fields.customform_fields:after,
    body.select-popup  c-rlmc-phone .customform_fields:after,
    body.select-popup  c-rlmc-contact .customform_fields:after
    {
    content: '';
    position: fixed;
    background: rgba(35,35,35,0.83);
    z-index: 999;
    height: 100%;
    width: calc(100% + 100px);
    left: -50px;
    right: 0;
    padding: 0;
    top: 0;
	}
    body.select-popup .cRlmcSelfRegistration section.form_fields.customform_fields:after,
    body.select-popup  c-rlmc-contact  .customform_fields:after{
        z-index:1!important;
    }*/
    body.select-popup  c-rlmc-checkout-order  .customform_fields:after,
    body.select-popup  c-rlmc-existing-order-checkout  .customform_fields:after
    {
        z-index:9;
    }
    
    body.select-popup  c-rlmc-phone .filter .select-items,
    body.select-popup  c-rlmc-checkout-order  .select-items,
    body.select-popup  c-rlmc-phone1 .filter .select-items,
    body.select-popup  c-rlmc-existing-order-checkout  .select-items
    {
  	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto!important;
    z-index: 4;
    text-align: left;
    max-width: 360px;
    padding: 0 14px;
    width: 90%;
    max-height: 316px;
    z-index:999;
    }
    body.select-popup c-rlmc-release .custom-select .select-items,
    body.select-popup  c-rlmc-phone .filter .select-items,
    body.select-popup  c-rlmc-phone1 .filter .select-items{
        z-index:9999;
    }
    body c-rlmc-payment .addmodal-content.modal--content, 
    body c-rlmc-payment .modal--content, 
    body c-rlmc-shipping .modal--content,
    body c-rlmc-checkout-order .modal--content,
    body c-rlmc-existing-order-checkout .modal--content{
    padding: 70px 0 70px;
    width: 100%;
    max-width: 100%;
	}
    /*body.select-popup c-rlmc-release .release_table_wrapper:after{
    position: fixed;
    background: rgba(35,35,35,0.83);
    z-index: 999;
    height: 100%;
    width: calc(100% + 100px);
    left: -50px;
    right: 0;
    padding: 0;
    top: 0;
    content: '';
}*/
  body.select-popup c-rlmc-release .custom-select .select-items{
        z-index:9999;
        max-width:77px;
	} 
  /* body.select-popup c-rlmc-release .quantity-dropdown .slds-listbox,
   .slds-combobox.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-is-open .quantity-dropdown .slds-listbox{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
	}
    body c-rlmc-allocation .slds-combobox.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-is-open:before {
    content: '';
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    height: 100%;
    width: calc(100% + 100px);
    left: -50px;
    right: 0;
    padding: 0;
    top: 0;
    overflow:hidden;
	}*/
    .customform_fields .recordListBox[c-rlmcSearchSelect_rlmcSearchSelect], 
    .customform_fields .recordListBox[c-rlmcsearchstateselect_rlmcsearchstateselect] ,
    c-rlmc-phone .filter .select-items,
    c-rlmc-phone1 .filter .select-items{
    	background: #fff;
	}
    body .cRlmcSelfRegistration .customform_fields .radio_button--group .radio_button--item label.inner-label {

   	border-bottom: none!important;
	}
    body.select-popup c-rlmc-phone.mobile .dropdown-wrap,
    body.select-popup c-rlmc-phone1.mobile .dropdown-wrap{
        z-index:auto;
    }
    body.select-popup c-rlmc-phone.hide-drpdown .dropdown-wrap,
    body.select-popup c-rlmc-phone1.hide-drpdown .dropdown-wrap {
        z-index: auto;
    }
    body.device-ios  .date-picker .slds-input{
        padding-left:0px!important;
    }
    /* this needs to be commmented for custom release page if we want popup*/ 
    .intro-offering-content .cellar_modal--image[c-rlmcAllocation_rlmcAllocation],
    .artProduct-content .cellar_modal--image[c-rlmcAllocation_rlmcAllocation]{
        max-width: 100%;
        margin-bottom: 10px;
    }
    .intro-offering-content h1.cellar_modal--header.mobile,
    .artProduct-content h1.cellar_modal--header.mobile{
        display:none;
    }
    .intro-offering-content .modal--content[c-rlmcAllocation_rlmcAllocation] h2.Calistoga-AVA-100[c-rlmcAllocation_rlmcAllocation] ,
    .artProduct-content .modal--content[c-rlmcAllocation_rlmcAllocation] h2.Calistoga-AVA-100[c-rlmcAllocation_rlmcAllocation]{
        margin-bottom: 0;
    }
    c-rlmc-checkout-order .customform_fields .select_delivery_address .select-items[c-rlmcSelect_rlmcSelect],
    c-rlmc-existing-order-checkout .customform_fields .select_delivery_address .select-items[c-rlmcSelect_rlmcSelect],
    c-rlmc-experience-checkout .customform_fields .select_delivery_address .select-items[c-rlmcSelect_rlmcSelect]{
        max-height:375px;
    }
    body .modal .artProduct-content  .cellar_modal--image[c-rlmcAllocation_rlmcAllocation]{
        top: 0;
        max-height: 230px;
        text-align: center;
        width: auto;
    }
    body .modal .artProduct-content  .cellar_modal--image img{
        height: auto;
        transform: unset;
        width: auto;
        margin: auto;
        text-align: center;
        max-height:250px;
    }
}
@media only screen and (min-width: 768px) {
    .select_payment .custom-select, .select_delivery_address .custom-select,
    .select_pickup .custom-select, .select_locker .custom-select{
        max-width:360px!important;
    }
    body c-rlmc-payment .addmodal-content.modal--content, 
    body c-rlmc-payment .modal--content,
    body c-rlmc-shipping .modal--content,
    body c-rlmc-checkout-order .modal--content,
    body c-rlmcrlmcallocation .modal--content,
    body c-rlmc-existing-order-checkout .modal--content{
    padding: 70px 100px 70px;
  		width:100%; 
	}
    
}
@media only screen and (min-width: 1025px){
    body.datepicker-open .scrollTo-bottomDiv{
        height:250px;
    }
    c-rlmc-payment .modal .modal--popup_inner,
    c-rlmc-shipping .modal .modal--popup_inner,
    c-rlmc-checkout-order .modal .modal--popup_inner,
    c-rlmc-existing-order-checkout .modal .modal--popup_inner{
    margin: auto;
    width: 65%;
}
.review_order[c-rlmcCheckoutOrder_rlmcCheckoutOrder] .review_order--button[c-rlmcCheckoutOrder_rlmcCheckoutOrder] {
    max-width: 100%;
    width: auto;
}

   /* c-rlmc-phone.mobile,  c-rlmc-phone1.mobile{
        position:relative;
        z-index:3;
    }
    c-rlmc-phone.phone, c-rlmc-phone1.phone{
        position:relative;
        z-index:2;
    }*/
    body.select-popup .rlmc-close-select {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    body  .rlmc-close-select[c-rlmcSelect_rlmcSelect]{
        z-index:-1;
    }
    c-rlmc-allocation .desktop-view .rlmc-close-select[c-rlmcSelect_rlmcSelect]{
        z-index:1!important;
    }
    body.select-popup  .rlmc-close-select[c-rlmcSelect_rlmcSelect]{
        z-index:1!important;
        position:fixed!important;
    }
    .intro-offering-content .cellar_modal--image[c-rlmcAllocation_rlmcAllocation],
    .artProduct-content .cellar_modal--image[c-rlmcAllocation_rlmcAllocation]{
        width: 54%;
        position: absolute;
        max-width: 100%;
        left: 0;
        top: 10px;
        min-height: 330px;
        padding-right: 30px;
    }
    .intro-offering-content .cellar_modal--image img[c-rlmcAllocation_rlmcAllocation],
    .artProduct-content .cellar_modal--image img[c-rlmcAllocation_rlmcAllocation]{
      transform:unset;
    }
    .intro-offering-content .cellar_modal--description[c-rlmcAllocation_rlmcAllocation],
    .artProduct-content .cellar_modal--description[c-rlmcAllocation_rlmcAllocation]{
        position: relative;
        width: 100%;
        padding-left: 54%;
    }
    .intro-offering-content.modal--content[c-rlmcAllocation_rlmcAllocation],
    .artProduct-content.modal--content[c-rlmcAllocation_rlmcAllocation] {
        padding: 70px 50px;
      
    }
    .intro-offering-content.modal--content[c-rlmcAllocation_rlmcAllocation]  .cellar_modal--list li,
    .artProduct-content.modal--content[c-rlmcAllocation_rlmcAllocation]  .cellar_modal--list li{
     margin-bottom:24px;
    }
    
    .intro-offering-content.modal--content[c-rlmcAllocation_rlmcAllocation] h2 .text_crop,
    .artProduct-content.modal--content[c-rlmcAllocation_rlmcAllocation] h2 .text_crop{
        font-size: 17px;
        margin-top:28px;
    }
    body .modal .artProduct-content .cellar_modal--image img{
        height:320px;
        object-fit: cover;
    }
    

     
}
@media (min-width: 1720px){
.customform_fields .container {
    max-width: calc(100% - 8.8vw);
}

}
/**safari browser css **/
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        @media not all and (min-resolution:.001dpcm) { 
            @supports (-webkit-appearance:none) {
                .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year span{
                    height:33px;
                    line-height: 33px;
                }
                body .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date,
                body .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date:hover {
                    width: 35px;
                    line-height: 35px;
                }

                .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month, 
                .dcalendarpicker .dudp__cal-container .dudp__months-view .dudp__month:hover,
                .dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected,
                .dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected:hover,
                .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year,
                .dcalendarpicker .dudp__cal-container .dudp__years-view .dudp__year:hover{   
                    line-height: 30px!important;
                }
                c-rlmc-payment .form_fields .default_payment .default_payment--edit.active span{
                    top:-1px!important;
                }
            }
       }
    }
}

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

    .release_table th:last-child, .release_table td:last-child,
    .release_table th.purchase-col, .release_table td.purchase-col{
        width:140px;
    }
    .release_table th.format-col, .release_table td.format-col{
        width:110px;
    }
    .release_table th.price-col, .release_table td.price-col{
        width:110px;
    }
    /*.release_table th:last-child, .release_table td:last-child,
    .release_table th.purchase-col, .release_table td.purchase-col{
        width:140px;
    }
    .release_table th.format-col, .release_table td.format-col{
        width:110px;
    }
    .release_table th.price-col, .release_table td.price-col{
        width:82px;
    }*/
   
}
@media (min-width: 1300px){
    body .customform_fields .common_width{
        max-width:570px;
        width:100%;
    }
   
}

@media (min-width: 940px){
    .sppiner-on .left_nav{
        height:140vh!important;
    }
    .comm-page-custom-payment .site_footer .site_footer--inner {
        padding-top: 100px;
    }
    .comm-page-custom-payment .customform_fields:not(.modal--content):not(.payment_modal--content),
    c-rlmc-order-preference .customform_fields:not(.modal--content):not(.payment_modal--content){
        padding-bottom: 50vh;
        min-height:110vh;
    }
    .comm-page-custom-payment  .component.only-component {
        margin-bottom: 0;
        min-height: 110vh;
    }
    /* for 391*/ 
        body.slider-off .your-offering[c-rlmcAllocation_rlmcAllocation] .dashboard_scroll.js-scroll-block {
            margin-top: -8vh !important;
        }
        .slider-off .your-offering .scroll-overlay {
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.3701855742) 0px, rgba(0, 0, 0, 0) 100px);
            pointer-events: none;
        } 
}

@media (min-width: 1700px){
    .comm-page-custom-payment .customform_fields:not(.modal--content):not(.payment_modal--content), 
    c-rlmc-order-preference .customform_fields:not(.modal--content):not(.payment_modal--content){
        padding-bottom: 70vh;
        min-height:110vh;
    }
       
}

@media (min-width: 2500px){
    .comm-page-custom-payment .customform_fields:not(.modal--content):not(.payment_modal--content),  
    c-rlmc-order-preference .customform_fields:not(.modal--content):not(.payment_modal--content){
        padding-bottom: 80vh;
        min-height:110vh;
    }
}
@media (min-width: 2000px){
    /* for 391*/
    body.slider-off .your-offering[c-rlmcAllocation_rlmcAllocation] .dashboard_scroll.js-scroll-block {
       
        margin-top: 0vh !important;
        height:auto!important;
    }  
    .slider-off .your-offering .scroll-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3701855742) 0px, rgba(0, 0, 0, 0) 100px);
        pointer-events: none;
    }
}