/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*popup css*/
.page-template-cg-add-prescription-public-display-php .header-builder{position: fixed;width: 100%;left: 0;top: 0;z-index: 99;background: #fff;}
.page-template-cg-add-prescription-public-display-php #header.sticky-header .header-main.sticky{position: relative;}
.page-template-cg-add-prescription-public-display-php .page-wrapper.sticky-scroll-up #header.scroll-down .header-main.sticky, .page-template-cg-add-prescription-public-display-php .page-wrapper.sticky-scroll-up #header.sticky-header.scroll-down .main-menu-wrap{    visibility: visible;
    opacity: 1;transform: none;}


.h-full{height: 100%;}
#lensesPrescription .modal-dialog-scrollable{        margin: 0px 0 0;  max-width: 100%;    max-height: calc(100% - 0px);height: calc(100% - 0px);}
.tocart-form { padding-top: 133px; display: flex; flex-wrap: wrap; justify-content: center; } 
.tocart-form .tocart-form-left {width: 40%;    box-shadow: 13px 0px 6px -5px #100f0f1f;  } 
 .tocart-form .tocart-form-left  .tocart-form-img{background: #fff; border: none;  padding-top: 140px; padding: 25px 27px;position: sticky; top: 140px;  }
.tocart-form .tocart-form-right { width: 60%;padding-left:40px; }
.prx-back-detail { display: block; font-size: 14px; font-weight: normal; text-align: center; padding: 20px 0px; border-bottom: none; }
.tocart-form .tocart-form-left h1 { font-size: 24px; font-weight: 700;line-height: 30px; }
.tocart-form .separately-price { margin: 12px 0px; line-height: 28px; font-size: 16px; font-weight: 300; letter-spacing: 0.3pt; }
.tocart-form p.frame, .tocart-form p.lens { margin: 0 auto; line-height: 23px; }

.tocart-form .separately-price .price { color: #000; font-weight: 500 !important;padding-left:15px;font-size: 16px !important; }
.prx-back-detail a{color: #d39d4e;}
.title_top h3 { font-size: 25px; text-transform: uppercase; visibility: visible; color: #000; text-align: center; margin-top: 20px;}

#lensesPrescription .btn-close { background: #dd1111; color: #fff; width: auto; height: auto; font-size: 14px; padding: 8px 28px; border-radius: 4px; opacity: 1; }

.moneyback-cart { clear: both; display: flex; justify-content: flex-end; width: 100%; font-size: 14px; color: #6db525; font-weight: 500; letter-spacing: 0; line-height: 20px; font-family: 'Poppins', sans-serif; position: relative; margin-top: 20px; } 
.moneyback-cart ul { list-style: none; padding: 0;margin-top: 20px; } 
.moneyback-cart ul li { position: relative; vertical-align: top; width: 100%; font-size: 14px; letter-spacing: normal; word-spacing: normal; padding-left: 20px; text-align: left; } 
.moneyback-cart ul li:after { content: ""; display: block; width: 7px; height: 13px; border: solid #6db525; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; left: 0; top: 1px; } 
.moneyback-cart ul li.red-li { color: #ff0000; font-weight: 600; } 



.step_box>ul{display: flex ; text-align: center; list-style: none; margin-top: 10px; margin-bottom: 30px;padding: 0;}
.step_box>ul li{flex: 1; display: flex ; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0px;}
.step_box>ul li .icon{height: 22px; padding-left: 22px;background: url(../img/rx-title-status-n.png) 0 0 no-repeat #fcfcfc; display: inline-block; width: 22px; margin-bottom: 6px;}
.step_box>ul li .step-name{color: #000;font-size: 14px;}
.step_box>ul li:after { background: #f2f2f2; height: 2px; content: ""; width: 40%; position: absolute; right: 0px; top: 10px; }
.step_box>ul li:before { background: #f2f2f2; height: 2px; content: "" !important; width: 40%; position: absolute; left: 0px; top: 10px; }
.step_box>ul li:first-child:before,
.step_box>ul li:last-child:after {display: none;}
 .step_box>ul li.active .icon{ background-position: -150px 0; }
 .wizard_panel_content_box_hodler{display: grid ; grid-template-columns: 1fr; grid-gap: 0; position: relative;cursor: pointer;}

.contentBbox_main_product { background: #fff; padding: 0;  position: relative; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;  }
 
.contentBbox_main_product .desc { position: absolute;right: 20px;top: 10px;}
.contentBbox_main_product .option-name { font-size: 19px; font-weight: 600; line-height: 1.4;color: #000;letter-spacing: .3pt;}
.contentBbox_main_product_row{display: flex; flex-wrap: wrap;position: relative;
    padding: 25px 10px 25px;    border-top: 1px solid #000;align-items: flex-start;}

.contentBbox_main_product .info-ico {right: 15px; top: 7px; position: absolute; z-index: 9; opacity: 1;  background: url(https://www.cheapglasses123.com/static/frontend/Glasses/people/en_US/Webindiainc_Prx/images/info-ico.png) no-repeat center center; width: 24px; height: 24px; background-size: 24px auto;display: block; }
.option-description { display: flex ; flex-wrap: wrap; align-items: center; padding: 0 10px;width: 70%;}
.step_box .option-description img { max-width: 170px; }
.option-description .option-img{width: 81px;}
.option-description .option-content.option-dec { padding-left: 20px;width: calc(100% - 81px);}
.contentBbox_main_product_row .option-price{width: 30%;text-align: right;    margin: 20px 0;
    padding: 5px 3px;}
.contentBbox_main_product  .option-intro{width: 100%; color: #000; font-size: 15px; font-weight: 300; letter-spacing: .3pt;   margin: 0;}

.option-price span.base_currency_price{    font-weight: normal; color: #000;}
 
.step-1, .step-2, .step-3, .step-4, .step-5 {display: none;  }
.step-1.active,.step-2.active,.step-3.active,.step-4.active, .step-5.active {  display: block; }
.footer-btn{padding: 20px 0 10px}
.footer-btn #prev{height: 2.6rem; padding: 0 3em; margin-bottom: 5px; overflow: hidden; text-transform: uppercase; font-size: 1em; letter-spacing: -0.015em; font-weight: 700; line-height: 2.6rem; border: none; background: #222529; color: #fff; border-radius: 3px;}

.contentBbox_main_product span.color-red { color: #0d5a74; font-size: 14px; }
.contentBbox_main_product input.file_upload { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; }

.addrx_container{padding: 0;}
.prescription_block{  padding-bottom: 25px;}

.addrx_container_flex{display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 10px;} 
.addrx_container_flex label { padding-bottom: 30px; margin: 0px; font-size: 13px; font-weight: 400;color:#000; }
.addrx_container_flex label:first-child{border-right: 1px solid #ddd;text-align: center;}
.addrx_container_flex:first-child label{padding-top: 30px;}
.addrx_container_flex:first-child label:first-child{padding-bottom: 0px;}

.addrx_container_flex.addrx_container_flex_last{display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 10px;}

.stepForm{display: none;}

.addrx_container_flex label select{width: 100%;  background : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    background-color  : #fff; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-bottom: 1px solid #ddd; padding: 10px; font-size: 15px !important; font-size: 12px !important; height: 40px; box-shadow: none;}
.button__holder{text-align: center;}
.button__holder #confirm_prescription{height: 2.6rem; padding: 0 3em; margin-bottom: 5px; overflow: hidden; text-transform: uppercase; font-size: 1em; letter-spacing: -0.015em; font-weight: 700; line-height: 2.6rem; border: none; background: #222529; color: #fff; border-radius: 3px;}

.rx-name-title.input__checkbox input[type="checkbox"]{-webkit-appearance: none; appearance: none; width: 20px; height: 20px; flex: 0 0 20px; border: 1px solid #ddd; border-radius: 2px; margin: 0; margin-right: 10px;vertical-align: middle;}

.rx-name-title.input__checkbox input[type="checkbox"]:checked{background: url(../img/checkmark.png) no-repeat; background-size: 10px; background-position: center;}

.contentBbox_main_product .desc label{margin: 0;position: relative;}
.contentBbox_main_product>input[type="checkbox"]{opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;margin-right:0;cursor: pointer;}
.contentBbox_main_product>input[type="checkbox"]:checked + .contentBbox_main_product_row{ background-color: #efce9b;}
.contentBbox_main_product:hover .contentBbox_main_product_row{background: rgb(250,240,224,.6);} 
.selected{background: #e86215;}
.tint-color-mirrored-lens {
    position: relative;
    padding: 0px 15px 25px;
    border-top: 1px solid #dddddd;
    z-index: 99;
}

.tint-color-mirrored-lens .input-wrap {
    padding: 30px 0px 10px;
    color: #000;
}
 

.tint-color-mirrored-lens .form-input-wrap {
    display: flex;
    align-items: center;margin: 0 0 5px;
    gap:20px;
}

.tint-color-mirrored-lens .form-input-wrap strong{
        vertical-align: middle;color: #000;
    text-transform: uppercase;}

.option-select-content2 label{display: inline-block; margin-bottom: 0px; margin-right: 10px;}
.option-select-content2 label span.tint-color { font-size: 0; width: 26px; height: 26px; display: inline-block; border-radius: 100%; padding: 0px; position: relative; cursor: pointer; border: 1px solid #ddd; }
.option-select-content2 input[type=checkbox] {opacity: 0;}
.tint-color-mirrored-lens .tint-confirm-btn {height: 2.6rem; padding: 0 3em; margin-top: 15px; overflow: hidden; text-transform: uppercase; font-size: 1em; letter-spacing: -0.015em; font-weight: 700; line-height: 2.6rem; border: none; background: #222529; color: #fff; border-radius: 3px;}

.option-select-content1{display: inline-block; margin-bottom: 0px;}
.option-select-content1 .tint-strength{text-align: left; display: inline-block; position: relative; margin-right: 10px; font-weight: 500; color: #000; font-size: 14px; text-transform: capitalize;}

.option-select-content1 .tint-strength input[type=checkbox]{height: 20px; width: 20px; margin: 4px 8px 0 0; border: none; appearance: none;-webkit-appearance: none;-moz-appearance: none;vertical-align: text-bottom;}
.option-select-content1 .tint-strength input[type=checkbox]::before { position: relative; top: 2px; display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 50%; margin-right: 3px; border: 1px solid #848484; opacity: 1; }
.option-select-content1 input[type=checkbox]:checked::before { border: 5px solid #4b89f5; }
 .option-select-content2 label input[type=checkbox] { opacity: 1; border: 1px solid transparent; height: 25px; width: 30px; position: absolute; top: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none border-radius: 90px; left: 0; display: block;border-radius: 30px; }
 .option-select-content2 label input[type=checkbox]:checked{border: 1px solid #000;}


.cart_end_point .separately-price { font-size: 16px; font-weight: 700; }
.cart_end_point .separately-price p.frame { display: block ; color: #000; justify-content: space-between;    margin-bottom: .5rem; }
.cart_end_point strong.price.price-symbol { float: right; padding-left: 15px;     font-size: 16px;}
.prx-show-selected ul{list-style: none;padding: 0}
.prx-show-selected ul li{font-size: 16px; font-weight: 400; font-style: normal;color: #000;}
 
.cart_end_point .final-price{font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid;} 
.cart_end_point strong#total_prescription_price{float: right;    padding-left: 13px;}
#submit_btn{font-size: 16px; float: right; border-radius: 6px; margin-top: 20px; padding: 0; text-decoration: none; color: #fff; width: 180px; height: 46px; font-weight: 600;background: #dc0000;border-color: #e31515;}
#submit_btn:hover{background: #e31515;border-color: #e31515;}

.option-upload{text-align: center;    width: 100%;    position: relative;
    z-index: 3;}
.prescription-image-preview { position: relative; display: inline-block; }
.prescription-image-preview #remove_image { position: absolute; right: 0px; width: 20px; height: 20px; line-height: 20px; color: #fff; background: #000;border-radius: 3px;}
.confirm_image { background: #000; border-radius: 6px; color: #fff; font-size: 14px; text-transform: capitalize; font-weight: 600; padding: 7px 30px; display: inline-block; position: relative; z-index: 1; cursor: pointer; }
.cart_end_point { margin: 20px auto 10px; display: table; width: 100%;  }

.addprx_price { padding: 15px 0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;  color: #000;    margin: 0 30px 20px;}
div#add_prism_other{display: none;padding-bottom: 0;}
.btn-show-more-rx { text-align: center; padding: 15px 0; border-bottom: 1px solid #d3d3d3;  color: #000;    margin: 0 30px 20px;cursor: pointer;
}
.addprice-sec{display: none;}
.btn-show-more-rx .btn-show .fa{ display: inline-block; margin-left: 8px;  font-size: 16px;}

.cart-table th.product-price, .cart-table td.product-price { display: none;}

 button.show-prescription-wrap { background: transparent; color: #222529; border: none; padding: 0; text-align: left; font-size: 14px; transition: .05s ease; display: flex; width: 100%; } h5.show-frame-data { margin: 0 0 4px; } 
 button.show-prescription-wrap span.fa.fa-angle-down { margin-left: 5px; font-weight: 600; font-size: 18px; margin-right: 5px; } 
 .shop_table.cart-table th.product-quantity { width: 20%; } 
 button.show-prescription-wrap:hover, button.show-prescription-wrap:focus,  .show-prescription-wrap.btn-primary:not(:disabled):not(.disabled):active { background: transparent; color: #000;text-decoration: underline; box-shadow: none;outline: none;} 
button.show-prescription-wrap span.lensprice { margin-left: 15px; margin-right: 0; display: block; font-weight: 600; }
body .shop_table.cart-table th.product-name{    width: 55%;}
body .shop_table.cart-table th.product-quantity {  width: 20%;}

body .shop_table.cart-table .quantity .qty, body .shop_table.cart-table .quantity .minus, body .shop_table.cart-table .quantity .plus{height: 2.5rem;} 
table.enter_online_data{margin-bottom: 20px;}
.shop_table.cart-table h5.show-frame-data { max-width: 280px; display: flex ; justify-content: space-between; }
.enter_online_data tr th{font-weight: 600; color: #000; border: 1px solid #000; padding: 5px 10px; font-size: 12px;}
.enter_online_data tr td{border: 1px solid #000 !important; padding: 5px 10px; color: #000; font-size: 12px;}
.shop_table .enter_online_data tr th:first-child ,  .shop_table .enter_online_data tfoot  tr th:first-child{ border: 1px solid #000;}
.modal-header .modal-title { font-size: 18px; }
.prescription-detail-wrapper h3 { font-size: 14px; }

.prescription-detail-wrapper ul{padding: 0; list-style: none;margin: 0;;}
.prescription-detail-wrapper ul li{display: flex;justify-content: space-between;align-items: center;font-size: 13px; color: #000; font-weight: 600;margin: 0 0 10px;;}
.prescription-detail-wrapper ul li span{font-size: 13px;    color: #000;}
.prescription-detail-wrapper ul li.total{border-top: 1px solid #ddd;padding-top: 10px;;}
.prescription-detail-wrapper ul li.total strong{font-size: 20px;}
.prescription-detail-wrapper ul li.total span{font-size: 20px;}
.checkout-order-review .shop_table .enter_online_data tr{display: table-row;}

.tocart-form p.frame.price_border { border-top: 1px solid #ddd; padding-top: 5px; margin-top: 7px; } 

@media(max-width:767px){
    .tocart-form{ flex-direction: column-reverse;height: auto; padding: 10px;}
    .tocart-form .tocart-form-left{width: 100%;}
    .tocart-form .tocart-form-right{width: 100%;padding: 0;margin-bottom: 15px;}
    .step_box>ul li .step-name{font-size: 12px;}
    .tocart-form .tocart-form-left{box-shadow: none; }
    .tocart-form .tocart-form-left .tocart-form-img{ padding: 0;}
    .option-description .option-content { margin-top: 15px; }
    .option-description{width: 100%;}
    .contentBbox_main_product_row .option-price{width: 100%;text-align: center;margin: 0px 0;} 
    .option-description .option-img{margin: auto;}
    .option-description .option-content.option-dec{text-align: center;width: 100%;padding-left: 0;}
     .contentBbox_main_product_row span.woocommerce-Price-amount.amount{        font-size: 18px;}
     .contentBbox_main_product .desc{right: 10px;top: 0px;}
}