:root {
    --akeans-primary: #33a7fd;
    --akeans-secondary: #002d73;
}
*:focus-visible {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}
.akeans-user-wrapper .field,
.contact form .field {
    margin-bottom: 1.5rem;
}

.akeans-pd-wrapper select,
.selectEye {
    padding: 0 10px;
    height: 40px;
    box-shadow: 0 0 10px #e5e5e5;
}

.filepond--root[data-style-panel-layout~="compact"] {
    background-color: #fff;cursor: pointer;
}

.akeans-upload-wrapper [data-filepond-item-state="processing-complete"] .filepond--item-panel {
    background-color: #006533;
    display: block !important;
}

.akeans-upload-wrapper [data-filepond-item-state="busy processing"] .filepond--item-panel,
.akeans-upload-wrapper [data-filepond-item-state="idle"] .filepond--item-panel,
.akeans-upload-wrapper [data-filepond-item-state="processing"] .filepond--item-panel {
    background-color: #555;
    display: block !important;
}

.akeans-upload-wrapper [data-filepond-item-state*="error"] .filepond--item-panel,
.akeans-upload-wrapper [data-filepond-item-state*="invalid"] .filepond--item-panel {
    background-color: red !important;
    display: block !important;
}

.akeans-upload-wrapper ul.filepond--list .filepond--item[data-drag-state] {
    margin: 0.25rem;
}

.akeans-upload-wrapper .filepond--root .filepond--list-scroller {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    height: auto !important;
    overflow: visible !important;
}

.akeans-upload-wrapper .filepond--root[data-style-panel-layout~="compact"] .filepond--list,
.akeans-upload-wrapper .filepond--root[data-style-panel-layout~="integrated"] .filepond--list {
    left: 15px;
    right: 15px;
}
.akeans-upload-wrapper .form-check { align-items: start; }

.product-details li.product-details__item span a {
    position: relative;
    font-size: 0;
}

.product-details li.product-details__item span a:after {
    position: absolute;
    content: "🔗";
    font-size: 12px;
    right: -15px;
}

.akeans-upload-wrapper .filepond--panel.filepond--panel-root {
    background-color: #f9f9f9 !important;
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
    overflow: hidden;
}

.contact form .field {
    width: 100% !important;
    display: block;
}

.filepond--file-wrapper .filepond--file {
    font-size: 16px;
}

.customer .filepond--drop-label.filepond--drop-label label {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

td.cart-item__details .product-option dd a {
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: var(--akeans-primary);
}

td.cart-item__details .product-option dd a:hover {
    color: var(--akeans-secondary);
}

td.cart-item__details .product-option dd a:after {
    position: absolute;
    content: "Link";
    font-size: 12px;
    right: 0;
    display: none;
}

.customer .filepond--file button {
    border-radius: 50%;
    min-width: 1.625em !important;
    min-height: 1.625em !important;
    box-shadow: none;
}

.customer .filepond--file button:hover {
    box-shadow: 0 0 0 0.125em hsl(0deg 0% 100% / 90%);
}

.filepond--root {
    font-family: inherit;
    font-size: inherit;
}

.filepond--drop-label {
    color: inherit;
    font-size: inherit;
}

.akeans-group-field-wrapper,
.akeans-upload-wrapper,
ul.form-stepper .form-stepper-circle {
    position: relative;
}

.akeans-group-field-wrapper h4,
.prescription-options-span {
    margin-bottom: 10px;
}

.filepond--counter,
.filepond--warning {
    position: absolute;
    background: #f7bdbd;
    color: #000;
    border-radius: 999em;
    font-size: 0.875em;
    margin-top: 1em;
    display: inline-block;
    padding: 0.25em 1em;
    white-space: nowrap;
}

.filepond--warning {
    bottom: 80%;
    left: 50%;
    opacity: 0;
    transform: translateY(1em) translateX(-50%);
    transition: opacity 0.15s ease-out, transform 0.5s ease-out;
}

.filepond--counter {
    bottom: -30px;
    right: 0;
    z-index: 9;
}

.filepond--warning[data-state="visible"] {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
}

.akeans-user-wrapper .field.fld-checkbox::after,
.akeans-user-wrapper .field.fld-checkbox::before {
    content: none;
    border: none;
}

.akeans-user-wrapper {
        margin: 30px 0;
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 0 15px 7px;
    background-color: #f9f9f9;
}
span.upml {
    padding: 10px 0;
    display: block;
}

.akeans-upload-wrapper .form-check input[type="checkbox"] {
    top: 5px;
    position: relative;
}

label[for="akeans_upload_prescription_upload_manual"] {
    margin: 30px 0 15px;
    display: block;
}

table.line-item-property__field tbody {
    gap: 15px;
}

table.line-item-property__field tr>td+td {
    padding-left: 0 !important;
}

table.line-item-property__field {
    border: 1px solid #ddd;
    padding: 0 15px 7px;
    background-color: #f9f9f9;
}

.akeans-pd-wrapper,
.form-check.mt-3 {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}

.button.prescription-option-next-button-copy:hover,
.form-stepper-horizontal li.form-stepper-completed:after,
.submit-btn:hover {
    background-color: var(--akeans-primary);
}

.akeans-pd-wrapper {
    padding: 20px;
}

table.line-item-property__field tr>td:first-child {
    font-weight: 400 !important;
    text-align: center;
}

.font-normal,
table.line-item-property__field th {
    font-weight: 400;
}

.filepond--root .filepond--drop-label,
.filepond--root[data-style-panel-layout~="compact"] {
    min-height: 4.75em;
}

.filepond--root .filepond--drop-label::before {
    content: "";
    margin: 10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.881 111.586" enable-background="new 0 0 122.881 111.586" xml:space="preserve"><g><path d="M84.13,62.236c1.232,1.227,1.238,3.219,0.013,4.453c-1.227,1.232-3.22,1.238-4.453,0.012L54.307,41.512 c-0.033-0.033-0.065-0.066-0.097-0.101l-0.002,0.002c-3.878-4.225-8.131-5.309-11.436-4.404c-1.193,0.327-2.266,0.913-3.145,1.697 c-0.86,0.768-1.539,1.741-1.966,2.862c-1.111,2.917-0.436,6.87,3.212,10.972l46.178,46.178c0.063,0.063,0.122,0.127,0.178,0.193 c6.047,6.191,13.243,7.463,19.001,5.541c2.216-0.738,4.221-1.945,5.862-3.518c1.632-1.564,2.904-3.486,3.668-5.664 c2.023-5.781,0.498-13.502-7.238-21.533l-0.003-0.002c-7.092-7.115-13.764-14.41-20.356-21.619 c-13.042-14.26-25.766-28.172-41.806-40.517C40.206,6.868,32.528,5.47,25.519,6.728c-3.063,0.549-5.991,1.604-8.599,3.106 c-2.564,1.477-4.822,3.394-6.593,5.694C7.099,19.723,5.51,25.251,6.68,31.773c1.963,10.945,8.163,17.134,15.633,24.592 c0.764,0.762,1.541,1.537,2.323,2.328l23.785,24.014l8.046,8.123c1.226,1.234,1.22,3.227-0.013,4.453 c-1.232,1.227-3.226,1.221-4.452-0.012l-8.045-8.125L20.171,63.133c-0.778-0.787-1.545-1.551-2.298-2.303 C9.638,52.608,2.803,45.785,0.489,32.883c-1.515-8.442,0.594-15.667,4.855-21.203c2.272-2.953,5.163-5.409,8.443-7.298 c3.237-1.864,6.853-3.17,10.622-3.846c8.646-1.551,18.146,0.195,25.796,6.082c16.42,12.637,29.347,26.771,42.596,41.256 c6.46,7.064,12.999,14.213,20.188,21.426c0.024,0.023,0.049,0.047,0.072,0.072c9.653,10.02,11.387,20.137,8.645,27.969 c-1.103,3.148-2.923,5.904-5.247,8.133c-2.314,2.217-5.129,3.914-8.229,4.949c-7.865,2.625-17.557,1.029-25.504-7.111 c-0.047-0.041-0.093-0.084-0.138-0.129L36.398,56.994l0.003-0.002c-0.039-0.039-0.077-0.08-0.114-0.121 c-5.556-6.161-6.417-12.568-4.521-17.547c0.783-2.055,2.05-3.859,3.668-5.304c1.6-1.428,3.539-2.489,5.686-3.078 c5.375-1.473,12.026,0.003,17.716,6.194L84.13,62.236L84.13,62.236z"/></g></svg>');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

#multi-step-form-container {
    margin-top: 5rem;
}

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

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.pl-0 {
    padding-left: 0;
}

.submit-btn {
    border: 1px solid var(--akeans-secondary);
    background-color: var(--akeans-secondary);
    font-weight: 600;
}

.submit-btn:hover {
    border: 1px solid var(--akeans-primary);
}

#userPrescriptionSetupForm input[type="radio"],
.d-none,
.form-stepper .label,
.submit-btn:hover::after,
ul.form-stepper .form-stepper-circle span {
    display: none;
}

.form-stepper-horizontal,
.form-stepper-horizontal li {
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
}

.mt-3 {
    margin-top: 2rem;
}

.form-step {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 3rem;
}

ul.form-stepper {
    counter-reset: section;
    margin-bottom: 3rem;
}

.form-stepper-horizontal {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.form-stepper>li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}

.form-stepper-horizontal>li:not(:last-of-type) {
    margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 0 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: calc(100% / 6);
    justify-content: center;
}

.form-stepper-horizontal li:after {
    position: absolute;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    content: "";
    top: 12px;
    width: 100%;
    background-color: #d9d8e1;
}

.form-stepper-horizontal li:last-child:after {
    width: 50%;
    left: 0;
}

.form-stepper-horizontal li:first-child:after {
    width: 50%;
    right: 0;
}

.form-stepper-horizontal li:last-child {
    flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
}

.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: var(--akeans-secondary) !important;
    color: #fff;
}

.form-stepper .form-stepper-active .label {
    color: var(--akeans-secondary) !important;
}

.form-stepper .form-stepper-active .form-stepper-circle:hover,
.form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: var(--akeans-primary) !important;
    color: #fff !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #d9d8e1;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: var(--akeans-primary) !important;
    color: #fff;
}

.form-stepper .form-stepper-completed .label {
    color: var(--akeans-primary) !important;
}

.form-stepper .form-stepper-active span.text-muted,
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}

.form-stepper a {
    cursor: default;
    z-index: 1;
}

.prescription_type_common .form-check {
    display: flex;
    align-items: center;
}

#userPrescriptionSetupForm .filepond--drop-label label>span {
    width: fit-content;
    height: auto;
    margin-left: 5px;
    margin-right: 0;
}

.akeans-pd-wrapper .akeans-group-field-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.akeans-pd-wrapper select {
    width: 100%;
    border-radius: 5px !important;
    border: none;
}

#userPrescriptionSetupForm .radio-container,
.akeans-pd-wrapper .form-check:not(:last-child) select {
    margin-bottom: 15px;
}

.akeans-pd-wrapper .akeans-group-field-wrapper .dual_pd_table,
.akeans-pd-wrapper .akeans-group-field-wrapper>h4 {
    margin: 0 0 10px;
    width: 100%;
}

.akeans-pd-wrapper .akeans-group-field-wrapper .single_pd_table {
    width: 100%;
    vertical-align: middle;
    border-spacing: 0;
}

.akeans-pd-wrapper .akeans-group-field-wrapper .form-check {
    width: 100%;
    align-items: center;
    padding: 0;
}

.akeans-pd-wrapper .add_prisma_table_horizental_vertical,
.review-prescription-option * {
    width: 100%;
}

.button.btn-navigate-form-step {
    background-color: var(--akeans-primary);
    font-weight: 600;
}

.button.btn-navigate-form-step:hover {
    background-color: var(--akeans-secondary);
}

.button.prescription-option-next-button-copy {
    background-color: var(--akeans-secondary);
    font-weight: 600;
}

.button.btn-navigate-form-step::after,
.button.btn-navigate-form-step::before,
.button.btn-navigate-form-step:hover::after,
.button.btn-navigate-form-step:hover::before,
.button.prescription-option-next-button-copy:hover::after {
    box-shadow: none;
}

#userPrescriptionSetupForm label {
    display: flex;
    cursor: pointer;
    /* padding: 5px 0; */
    margin: 0;
    border: 1px solid transparent;
    transition: border-color 0.3s ease-in-out;
}

#userPrescriptionSetupForm label[for="akeans_upload_prescription_upload_manual"] {
    color: rgb(var(--color-foreground));
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-size: calc(var(--font-heading-scale) * 1.5rem);
}

#userPrescriptionSetupForm img {
    width: 115px;
    height: auto;
    margin-right: 10px;
}

#userPrescriptionSetupForm input[type="radio"]:checked+label {
    border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

#userPrescriptionSetupForm span {
    vertical-align: middle;
    align-items: center;
}

#userPrescriptionSetupForm span.lens_option_name {
    vertical-align: middle;
    margin: 15px 0;
    display: block;
    line-height: normal;
}

#userPrescriptionSetupForm p {
    font-size: 14px;
    font-weight: 400;
}

.lens_option_common .your_lens_type_selected>span,
.lens_type_common label .your_lens_type_selected>span,
.your_prescription_selected>span {
    font-weight: 600;
}

.lens_option_common label p,
.lens_type_common label p,
.your_prescription_selected>p {
    margin: 0;
    line-height: 24px;
}

#userPrescriptionSetupForm label>span {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#userPrescriptionSetupForm label>.enter_manually_image {
    background-image: url("enter-manully.png");
}

#userPrescriptionSetupForm label>.upload_file_image {
    background-image: url("upload-file.png");
    background-size: 30px;
}

#userPrescriptionSetupForm label>.email_later_image {
    background-image: url("email_later.png");
}

#userPrescriptionSetupForm h2.font-normal {
    text-align: center;
    font-weight: 700;
    margin-top: 0;
}

.review-lens-type,
.review-lens-type-option,
.review-prescription-method,
.review-vision-option {
    border: 1px solid #ddd;
    padding: 0 10px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-lens-type-option>*,
.review-lens-type>*,
.review-prescription-method>*,
.review-vision-option>* {
    display: flex;
    flex: 1 1 50%;
}

.review-lens-type-option-val,
.review-lens-type-val,
.review-prescription-method-val,
.review-vision-option-val {
    font-size: 14px;
    border-left: 1px solid #ddd;
    padding: 10px;
    font-weight: 400;
    flex: 0 0 50%;
}

.review-prescription-option {
    font-weight: 600;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#review-prescription-option-val-left,
#review-prescription-option-val-right {
    width: 50%;
    text-align: left;
    padding: 0 10px;
}

#review-prescription-option-val-right {
    border: 1px solid #ddd;
}

#review-prescription-option-val-left {
    border: 1px solid #ddd;
    border-right: 0;
    width: 50%;
}

#review-prescription-option-val-pd {
    margin-top: 10px;
    border: 1px solid #ddd;
    display: flex;
    text-align: left;
    align-items: center;
}

#review-prescription-option-val-pd>div {
    padding: 0 10px;
}

#review-prescription-option-val-pd>div+div {
    border-left: 1px solid #ddd;
}

#review-prescription-option-val {
    text-align: left;
    padding: 0 10px;
}

#step-6 .review-prescription-option table {
    width: 100%;
    margin: 10px auto;
    box-shadow: 0 0 0 0.1rem #ddd;
}

.review-prescription-option table td,
.review-prescription-option table th {
    padding: 1em;
    border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

#review-prescription-option-val-prisma {
    padding-top: 10px;
}

.image-link {
    position: relative;
    text-decoration: none;
}

.image-link .tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    z-index: 1000;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-link:hover .tooltip {
    display: block;
}

.image-link .tooltip img {
    width: 100%;
    height: auto;
}

#link-container ul {
    list-style-type: none;
    padding-left: 0;
}

.error-message {
    color: red;
    line-height: normal;
}

.shopify-app-block>div>label {
    font-weight: 700;
}

table.line-item-property__field {
    width: 100%;
    border-spacing: 0px 10px;
    margin-bottom: 15px;
}

.selectEye {
    padding: 0 10px;
    width: 100%;
    border-radius: 5px !important;
    border: none;
}

.selectEye:hover {
    background-color: #d0d0d7;
}

.selectEye:disabled:hover {
    background-color: #fcfcfc;
}

#ak-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}

#ak-dialog-form {
    z-index: 1000 !important;
    background: white;
    padding: 20px;
    border-radius: 8px;
}

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

    .product--large:not(.product--no-media) .product__info-wrapper,
    .product--large:not(.product--no-media) .product__media-wrapper {
        max-width: 50%;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }

    table.line-item-property__field tbody {
        display: flex;
        flex-direction: row;
        gap: 5px;
    }

    table.line-item-property__field tr {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 5px;
        flex-grow: 1;
    }

    table.line-item-property__field th {
        text-align: left;
        min-height: 50px;
    }

    table.line-item-property__field tr>td {
        min-height: 50px;
    }
}

.akeans-user-wrapper .field__input {
border: 1px solid #ddd;
}

.akeans-user-wrapper .field[class="field"] {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.akeans-user-wrapper .field:before,
.akeans-user-wrapper .field:after {
    opacity: 0;
}

.akeans-user-wrapper [type="checkbox"] {
    margin-right: 5px;
}

table.line-item-property__field tr>td+td span.od-label-mobile {
    display: none;
}

.lens-types-notes,
.prescriptions-types-notes {
    margin-top: 15px;
}

/* Popup */

.lens-ultimate-design .akeans-upload-wrapper .form-check { align-items: flex-start; }

#lens-selection-form {
    font-family: var(--font-body-family) !important;
    color: rgba(var(--color-foreground), 0.9) !important;
}

.ui-widget.ui-widget-content {
    width: 500px !important;
    max-width: 90% !important;
}

.ak-dialog-form-logo {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
}

.ak-dialog-form-logo img {
    max-width: 110px;
    height: auto;
}

#ak-dialog-form {
    border: 1px solid #ddd;
    margin: 15px;
}

button#continue-button {
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 3px;
}

#lens-selection-form label {
    padding-left: 25px;
    position: relative;
}

#lens-selection-form label strong {
    display: block;
}

#lens-selection-form {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

#lens-selection-form label input {
    position: absolute;
    left: 0;
    top: 3px;
}

#warning-message {
    color: red;
    display: none;
    margin-top: 10px;
    line-height: normal;
}

/* new */
.lens-button-wrapper {
    font-size: 14px;
    color: #222;
    background-color: rgba(27, 27, 40, 0.02);
    text-align: center;
    padding: 10px;
    margin-top: 20px;
}

.lens-button-wrapper .notifications {
    font-family: minerva-modern, sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    font-size: 20px;
    padding: 0;
    margin: 5px 0 10px 0;
}

#btnOption {
    color: #222;
    top: 185px;
    right: 15px;
    position: fixed;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    z-index: 999;
}

.shopify-section-header-sticky+main #btnOption {
    top: 135px;
}

.shopify-section-header-hidden+main #btnOption {
    top: 15px;
}

#btnOption .sections-edit {
    font-size: 12px;
}

#btnOption .vision-btn-edit {
    color: #557b92;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
    border: none;
}

.selections-content.selections-content-ak {
    padding-bottom: 12px;
    padding-top: 27px;
    font-size: 12px;
}

.selection-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    border: 0;
    background: none;
}

.selection-button-wrapper {
    padding: 6px 10px;
    border-radius: 8px;
    margin-bottom: 0px;
    box-shadow: 0px 0px 2.94545px rgba(40, 41, 61, 0.04),
        0px 5.89091px 11.7818px rgba(96, 97, 112, 0.16);
    width: 250px;
    transition: all 0.3s ease-in-out;
}

.selection-button-wrapper.open-box {
    width: 380px;
}

.selection-btn .btn-name {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.section-close {
    display: none;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.selections-content {
    display: none;
}

.vision-btn-edit {
    color: #557b92;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
}

/* new */

.custom-ak-select2-positive-dropdown .select2-results__options {
    text-align: center;
}

.select2-container--open .custom-ak-select2-positive-dropdown .select2-results__options {
    padding-top: 0;
    font-size: 12px;
}

.select2-container--open .custom-ak-select2-dropdown .select2-results__options {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group[aria-label="Neutral"] {
    order: 0;
    width: 100%;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group[aria-label="Minus"],
.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group[aria-label="Plus"] {
    width: 50%;
    border-top: 1px solid #ddd;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group[aria-label="Minus"] {
    border-right: 1px solid #ddd;
    order: 1;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group[aria-label="Plus"] {
    order: 2;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group>.select2-results__group {
    display: none;
}
.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group {
    font-size: 12px;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group .select2-results__option {
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
    text-align: center;
}

.custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group .select2-results__option>span {
    text-align: center;
}

.custom-ak-select2-dropdown .select2-results .dropdown-controls {
    padding: 0px;
}

.custom-ak-select2-dropdown .select2-results .dropdown-controls button {
    background: #002d73;
    border-radius: 2px;
    width: 49%;
}

.form-check {
    display: flex;
    border: 0;
    background: none !important;
    padding: 0;
    margin-top: 0;
}

/*lens-default-design - Start*/
.lens-default-design #userPrescriptionSetupForm .radio-container label:hover, 
.lens-default-design #userPrescriptionSetupForm .lens_options label:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
    outline: 2px solid #326fa8;
}

.lens-default-design #userPrescriptionSetupForm .radio-container label,     
.lens-default-design #userPrescriptionSetupForm .lens_options label {
    align-items: center;
    padding: 0;
    border: 1px solid #ddd;
    transition: border-color 0.3s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    align-items: center;
}
.lens-default-design #userPrescriptionSetupForm .radio-container label, 
.lens-default-design #userPrescriptionSetupForm .lens_option_check + label {
    position: relative;
    padding: 15px;
}

.upload-prescription-review #review-prescription-option-val-right {
    width: 100%;
    border: none;
    padding: 0;
}

.upload-prescription-review #review-prescription-option-val-right table {
    border-collapse: collapse;
    box-shadow: none;
    border: 0.1rem solid rgba(var(--color-foreground), 0.2);
    border-width: 0 0 1px 1px;
}

.upload-prescription-review  div:empty {
    display: none !important;
}

.upload-prescription-review #review-prescription-option-val-right table tr > * {
    flex: 1 1 auto;
    border-width: 1px 1px 0 0;
}

.upload-prescription-review #review-prescription-option-val-right table tr {
    display: flex;
}

.upload-prescription-review #review-prescription-option-val-right input { border: none;text-align: center; background: none;}


/*lens-container-collapsed - Start*/
.lens-container-collapsed div#progressbar { display: flex; }
.lens-container-collapsed ul.form-stepper { margin-bottom: 0rem; width: 100%; margin-top: 14px; gap: 0px;}
.lens-container-collapsed ul.form-stepper-horizontal li { flex: 1 1 auto; }
.lens-container-collapsed ul.form-stepper li a .form-stepper-circle { width: 1px; height: 1px;}

.lens-container-collapsed .button.prescription-option-next-button-copy:hover,
.lens-container-collapsed .form-stepper-horizontal li.form-stepper-completed::after,
.lens-container-collapsed .submit-btn:hover {
    background-color: #002d73;
}

.lens-container-collapsed .form-stepper-horizontal li:first-child::after {    width: 100%;}
.lens-container-collapsed .form-stepper-horizontal li:last-child::after {    width: 100%;}
.lens-container-collapsed .form-stepper-horizontal li::after {    height: 3px;}
.lens-container-collapsed #userPrescriptionSetupForm .line-item-property__field .select2-container {    width: 100% !important;    text-align: center;}
.lens-container-collapsed .prescription_type_common .form-check {    display: flex;    border: 0;    background: none !important;    padding: 0;    margin-top: 0;    align-items: flex-start;}

.lens-container-collapsed .prescription_type_common table.line-item-property__field {
    border-collapse: collapse;
    color: #000;
}

.lens-container-collapsed .prescription_type_common table.line-item-property__field tbody {
    display: table;
    width: 100%;
}

.lens-container-collapsed .prescription_type_common table.line-item-property__field th {
    text-align: center;
    min-height: 50px;
    background-color: #f9f9f9;
    border: 1px solid #b0b0b0;
    width: 25%;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}

.lens-container-collapsed .prescription_type_common table.line-item-property__field tr {
    display: table-row;
    background-color: #f9f9f9;
}

.lens-container-collapsed .prescription_type_common table.line-item-property__field tr>td {
    border: 1px solid #b0b0b0;
}

.lens-container-collapsed .prescription_type_common table.line-item-property__field tr>td:first-child {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}

.lens-container-collapsed .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px;
    width: 15px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.862 11.8043L7.99998 4.94264L1.13798 11.8043L0.195312 10.8616L7.99998 3.05664L15.8046 10.8616L14.862 11.8043Z" fill="black"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}

.lens-container-collapsed .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {
    transform: rotate(0deg);
}

.lens-container-collapsed .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/* .custom-ak-select2-dropdown .select2-results__options li.select2-results__option--group > .select2-results__options--nested > li:first-child { display: none;} */

.lens-container-collapsed .select2-container--default .select2-selection--single {
    background-color: inherit;
    border: 0;
    border-radius: 0;
}

.lens-container-collapsed .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #767676;
    line-height: 32px;
    padding-left: 5px;
    padding-right: 15px;
}

.lens-container-collapsed .akeans-pd-wrapper {
    padding: 0;
    border: 0;
    background: none;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper>.form-check {
    width: 40%;
    border: 1px solid #b0b0b0;
    border-right: 0;
    background-color: #f9f9f9 !important;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper .single_pd_table,
.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper .dual_pd_table {
    width: 60%;
    border: 1px solid #b0b0b0;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 0;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper .dual_pd_table tr {
    background-color: #f9f9f9;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper .dual_pd_table tr th,
.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper .dual_pd_table tr td {
    border: 1px solid #b0b0b0;
    font-weight: 400;
    color: #000;
    width: 50%;
}

.lens-container-collapsed #userPrescriptionSetupForm .line-item-property__field .select2-container.select2-container--disabled {
    opacity: 0.3;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .form-check .select2-container--default .select2-selection--single {
    background-color: #f9f9f9;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.lens-container-collapsed .akeans-pd-wrapper.akeans-pd-sdpd .akeans-group-field-wrapper span.select2-container--default {
    width: 100% !important;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical {
    box-shadow: none;
    border-collapse: collapse;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody {
    display: flex;
    flex-direction: row;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody th {
    border: 1px solid #b0b0b0;
    background-color: #f9f9f9;
    font-size: 14px;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0px;
    flex-grow: 1;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr td {
    border: 1px solid #b0b0b0;
    text-align: center;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr td,
.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr th {
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr td:first-child {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    background-color: #f9f9f9;
}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical span.select2-container--default {
    width: 100% !important;
}

.lens-container-collapsed .akeans-upload-wrapper .akeans-group-field-wrapper h4>span {
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.lens-container-collapsed .akeans-upload-wrapper .filepond--root .filepond--panel.filepond--panel-root {
    border-radius: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.lens-container-collapsed .akeans-upload-wrapper .filepond--root .filepond--drop-label {
    height: 48px !important;
    background-color: #f9f9f9;
    border-radius: 25px;
    border: 1px solid #ddd;
}

.lens-container-collapsed .akeans-upload-wrapper .filepond--root .filepond--drop-label::before {
    display: none;
}

.lens-container-collapsed .akeans-upload-wrapper .filepond--root .filepond--drop-label,
.lens-container-collapsed .akeans-upload-wrapper .filepond--root[data-style-panel-layout~="compact"] {
    min-height: 2.75em;
}

.lens-container-collapsed .akeans-upload-wrapper .filepond--root .filepond--drop-label .filepond--label-action {
    text-transform: uppercase;
    text-decoration: none;
}

.lens-container-collapsed #multi-step-form-container {
    margin-top: 1rem;
}

.lens-container-collapsed #multi-step-form-container .form-step {
    border: 0;
    border-radius: 0px;
    padding: 0rem;
}

.lens-container-collapsed #userPrescriptionSetupForm h2.font-normal {
    text-align: left;
}

.lens-container-collapsed #userPrescriptionSetupForm .radio-container label,
.lens-container-collapsed #userPrescriptionSetupForm .lens_options label {
    align-items: center;
    padding: 0;
    border: 1px solid #ddd;
    transition: border-color 0.3s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    align-items: center;
}

.lens-container-collapsed #userPrescriptionSetupForm .radio-container label:hover,
.lens-container-collapsed #userPrescriptionSetupForm .lens_options label:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
    outline: 2px solid #326fa8;
}

.lens-container-collapsed #userPrescriptionSetupForm input[type="radio"]:checked+label {
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
    outline: 2px solid #326fa8;
}

.lens-container-collapsed #userPrescriptionSetupForm span.lens_option_name {
    margin: 0 0 3px;
    display: initial;
}

.lens-container-collapsed #userPrescriptionSetupForm .lens_options span,
.lens-container-collapsed #userPrescriptionSetupForm .radio-container span {
    vertical-align: top;
    align-items: center;
    line-height: normal;
}

.lens-container-collapsed .review-frame-section,
.lens-container-collapsed .review-lenses-section {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.lens-container-collapsed .review-frame-section .frame-label {
    line-height: 15px;
}

.lens-container-collapsed .review-frame-section .frame-name-wrapper .frame-name {
    font-size: 14px;
}

.lens-container-collapsed .btn-prescription-values {
    appearance: none;
    border: 0;
    background: none;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

.lens-container-collapsed .btn-prescription-values .tw-rotate-180 {
    cursor: pointer;
    margin-left: 10px;
}

.lens-container-collapsed .btn-click-info .lens-value-info {
    display: flex;
    gap: 0 5px;
}

.lens-container-collapsed .btn-click-info .lens-value-info p {
    margin-bottom: 0;
}

.lens-container-collapsed .btn-click-info .lens-value-info .info-left {
    width: 150px;
}

.lens-container-collapsed .btn-click-info .lens-value-info .info-right {
    color: #000;
}

.lens-container-collapsed .btn-click-info .lens-value-info .info-right>span {
    border-left: 0;
    padding: 0;
}

.lens-container-collapsed .prescription-values-table .review-prescription-option {
    font-weight: 400;
    border: 0;
    background-color: transparent;
    text-align: center;
    margin-bottom: 20px;
    padding: 0;
    display: block;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-pd {
    margin-top: 20px;
    border: 1px solid #b0b0b0;
    display: flex;
    text-align: center;
    align-items: center;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-pd table tr>td,
.lens-container-collapsed .review-table-ak #review-prescription-option-val-pd table tr>th {
    padding: 5.2px 0;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-right {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 15px;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-right table td,
.lens-container-collapsed .review-table-ak #review-prescription-option-val-right table th {
    padding: 5.2px 0;
}

.lens-container-collapsed #review-prescription-option-val-prisma table {
    box-shadow: none;
}

.lens-container-collapsed #review-prescription-option-val-prisma tbody {
    display: flex;
    flex-direction: row;
}

.lens-container-collapsed #review-prescription-option-val-prisma tbody tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0px;
    flex-grow: 1;
}

.lens-container-collapsed #review-prescription-option-val-prisma tbody tr td,
.lens-container-collapsed #review-prescription-option-val-prisma tbody tr th {
    padding: 5.2px 0;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-prisma table tr td:first-child {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

.lens-container-collapsed .review-table-ak #review-prescription-option-val-prisma {
    margin-top: 20px;
}

.lens-container-collapsed .review-body-ak {
    overflow: auto;
    max-height: 100vh;
}

.lens-container-collapsed .review-step-ak {
    position: relative;
    bottom: 0;
    z-index: 9;
    background-color: #fff;
    --tw-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lens-container-collapsed .total-price-section {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.lens-container-collapsed #review-total-price {
    width: 100%;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 25px;
}

.lens-container-collapsed .total-price-short {
    font-size: 14px;
}

.lens-container-collapsed input[type="checkbox"] {
    min-width: 16px;
    min-height: 16px;
    top: 2px;
    position: relative;
}

.lens-container-collapsed .form-stepper-horizontal li.form-stepper-active::after {
    background-color: #002d73;
}
.lens-container-collapsed .form-stepper-horizontal li.form-stepper-active::before {
    content: '';
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: #002d73;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.lens-container-collapsed .next-button-ak {
    display: flex;
    justify-content: space-between;
}

.lens-container-collapsed #step-4 .your_lens_type_selected {
    padding: 20px;
}

.lens-container-collapsed #step-4 .your_lens_type_selected ul {
    padding: 0 0 0 0px;
}

.lens-container-collapsed #step-4 .your_lens_type_selected ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    line-height: 1.3em;
}

.lens-container-collapsed #step-4 .your_lens_type_selected ul li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    background-color: #557b92;
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M7.33 9.06 5.47 7.2l-.94.94 2.8 2.8 4.47-4.47-.94-.94-3.53 3.53Z"/%3E%3Cpath d="M8 0a8 8 0 0 0 0 16A8 8 0 0 0 8 0Zm0 14.67a6.67 6.67 0 1 1 .02-13.35A6.67 6.67 0 0 1 8 14.67Z"/%3E%3C/svg%3E');
    mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M7.33 9.06 5.47 7.2l-.94.94 2.8 2.8 4.47-4.47-.94-.94-3.53 3.53Z"/%3E%3Cpath d="M8 0a8 8 0 0 0 0 16A8 8 0 0 0 8 0Zm0 14.67a6.67 6.67 0 1 1 .02-13.35A6.67 6.67 0 0 1 8 14.67Z"/%3E%3C/svg%3E');
    mask-size: contain;
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M7.33 9.06 5.47 7.2l-.94.94 2.8 2.8 4.47-4.47-.94-.94-3.53 3.53Z"/%3E%3Cpath d="M8 0a8 8 0 0 0 0 16A8 8 0 0 0 8 0Zm0 14.67a6.67 6.67 0 1 1 .02-13.35A6.67 6.67 0 0 1 8 14.67Z"/%3E%3C/svg%3E');
    -webkit-mask-size: contain;
    margin-right: 5px;
    mask-repeat: no-repeat;
    top: 1px;
    left: 0;
    position: absolute;
}

.lens-container-collapsed #userPrescriptionSetupForm .prescription_type_common.prescription_type_reading.rule_key_rule_3 span.select2-container {
    min-width: 130px;
    border: 1px solid #b0b0b0;
}

.lens-container-collapsed #userPrescriptionSetupForm #step-2 .radio-container label {
    min-height: 84px;
    padding: 15px;
    font-weight: 700;
    line-height: 22px;
}

.lens-container-collapsed #userPrescriptionSetupForm #step-2 .radio-container span {
    vertical-align: baseline;
    align-items: center;
    line-height: normal;
}

.lens-container-collapsed #userPrescriptionSetupForm #step-2 p {
    margin-bottom: 0;
    margin-top: 5px;
}

/*lens-container-collapsed - End*/


/* dropdown */
.select2-results__options {
    position: relative;
    padding-top: 32px;
    /* space for buttons */
}

.dropdown-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between;
    padding: 4px 8px;
    z-index: 1;
    border-bottom: 1px solid #ddd;
}

.dropdown-controls button {
    background: #007bff;
    color: white;
    border: none;
    font-size: 16px;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 4px;
}

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

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

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

#add-to-cart-button-custom-select-lens-ak {
	border-radius: 30px;
    font-size: 1.9rem;
}
 
#add-to-cart-button-custom-select-lens-ak::before {
	border-radius: 30px;
}
 
#add-to-cart-button-custom-select-lens-ak::after {
	border-radius: 30px;
}

form[name="frmplans"] ul.list-group.list-group-flush {
    border-width: 0 0 var(--bs-list-group-border-width);
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/*Upload Prescription Style*/
.akeans-upload-wrapper div#rx-table-container {
    border: 1px solid #ddd;
    padding: 15px 15px 7px;
    background-color: #f9f9f9;
    margin-bottom: 30px;
}

.akeans-upload-wrapper div#rx-table-container #rx-table tbody td input {
    height: 40px;
    box-shadow: 0 0 10px #e5e5e5;
    border: none;
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
}

.akeans-upload-wrapper div#rx-table-container #rx-table tr {
    display: flex;
    gap: 10px;
}

.akeans-upload-wrapper div#rx-table-container #rx-table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.akeans-upload-wrapper div#rx-table-container #rx-table td, 
.akeans-upload-wrapper div#rx-table-container #rx-table th {
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    justify-content: center;
}

.akeans-upload-wrapper div#rx-table-container #rx-table th:first-child {width: -20px;}

.spinner:empty {
    display: block;
}

/*AK Style*/
/* popup */
.popup {  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.4);  display: none;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}
.popup .popup__content { width: 100% !important; max-width: 100vw !important;  padding: 0 !important;  background: #fff;  color: #000;  position: absolute !important;  top: 0;  right: 0;  bottom: 0px;  transform: none;  box-sizing: border-box;  border-radius: 0 !important;  margin: 0 !important;     overflow-x: hidden;overflow-y: scroll;}
.popup .popup__content .close { position: fixed !important; right: 20px !important; top: 10px !important;    width: 40px !important;    height: 40px;    display: block;    z-index: 11;    align-items: center;    background-color: #fff;    text-align: center;}
.popup .popup__content .close span:nth-child(1) {  transform: rotate(45deg); font-size: 30px !important;    line-height: 30px;}
.popup .popup__content .close span:nth-child(2) {  transform: rotate(135deg);}
.popup .popup__content .dropdown-controls button {  margin: 0;}
.popup .popup__content .selection-step-container {  height: calc(100vh - 320px);}
.popup .popup__content .lens-container-collapsed .btn-click-info .lens-value-info .info-left { font-weight: bold; }
/* .popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm { padding: 30px 0;} */
/* .popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm img { width: 120px;  margin: 10px 30px 10px 10px;} */
/* .popup .popup__content .lens_type.lens_type_common,
.popup .popup__content .lens_coatings { border-radius: 8px; border: 1px solid #ddd;    margin-bottom: 15px; transition: .3s all linear;} */
/* .popup .popup__content .lens_type.lens_type_common:hover,
.popup .popup__content .lens_coatings:hover { border: 1px solid rgba(0, 0, 0, 0);  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);    outline: 2px solid #326fa8;} */
/* .popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm label>.enter_manually_image, 
.popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm label>.upload_file_image, 
.popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm label>.email_later_image { display: block; } */
.popup .popup__content .lens-container-collapsed .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 25px; }
.popup .popup__content .lens-container-collapsed .btn-prescription-values { cursor: pointer; }
.popup .popup__content .lens-container-collapsed .btn-prescription-values .tw-rotate-180 svg {   cursor: pointer;  transform: rotate(180deg);    border: 1px solid;    width: 30px;    height: 30px;    padding: 6px;    border-radius: 30px;}
.popup .popup__content .popup-lens-content { display: grid; height: 100%;}
.popup .popup__content .add-lens-container {display: grid;  grid-template-columns: 1fr 1fr; background-color: rgb(241 241 241);}
.popup .popup__content .popup__image { display: flex; align-items: center;  justify-content: center; position: sticky; top: 0; height: 100vh;  align-self: flex-start; }
.popup .popup__content #btnOption { top: 30px; right: 30px; position: absolute; }

.popup .popup__content button.vision-btn-tpbk.btn-navigate-form-step { font-size: 0; background: no-repeat; border: none; cursor: pointer;}
.popup .popup__content button.vision-btn-tpbk.btn-navigate-form-step:after { content: ''; width: 15px; height: 15px; display: block; border: 2px solid currentColor; border-width: 0px 0px 1px 1px;    transform: rotate(45deg);}
.popup .popup__content div#progressbar { display: flex; position: sticky; top: 0; background: #fff; z-index: 1}
/* .popup .popup__content .lens-container-collapsed ul.form-stepper {  margin-bottom: 0rem; width: 100%;} */
/* .popup .popup__content .lens-container-collapsed .form-stepper-horizontal li {    width: calc(100% / 7); } */
.popup .popup__content .lens-container-collapsed #multi-step-form-container { margin-top: 0; padding: 0 30px 0; background-color: #fff; position: relative;display: flex;flex-direction: column;}
.popup .popup__content .selection-button-wrapper.open-box:before { content: ''; position: absolute; left: auto; right: -30px; top: -30px; bottom: 0; background-color: rgb(0 0 0 / 25%); width: 50vw; height: 100vh; z-index: -1;}
.popup .popup__content .selection-button-wrapper { background-color: #fff; }
.popup .popup__content div#pbarfooter {       position: sticky;    bottom: 0;    left: 30px;    right: 30px;    background-color: #fff;    padding: 20px;    border-top: 1px solid #ddd;    z-index: 1;   margin-top: auto;}
.popup .popup__content .total-price-section-fbar { display: flex; justify-content: flex-end; gap: 15px;}
/* .popup .popup__content .lens-container-collapsed .prescription_type_common table.line-item-property__field th, 
.popup .popup__content .lens-container-collapsed .prescription_type_common table.line-item-property__field td { width: auto;} */
/* .popup .popup__content .your_prescription_selected { display: flex;    flex-direction: column;    gap: 0px;} */
.popup .popup__content .select2-container .select2-selection--single { height: auto; }
.popup .popup__content .button.prescription-option-next-button-copy {float: right;}
/* .popup .popup__content .your_lens_coating_selected { display: flex; flex-direction: column; justify-content: center;} */
/* .popup .popup__content .your_lens_type_selected { display: flex; flex-direction: column; justify-content: center; } */

/* .popup .popup__content #userPrescriptionSetupForm label,
.popup .popup__content .lens-container-collapsed #userPrescriptionSetupForm input[type="radio"]:checked+label { position: relative; border-radius: 8px; overflow: hidden; }

.popup .popup__content #userPrescriptionSetupForm .lens_coating_name { font-size: 20px; font-weight: bold;}
.popup .popup__content #userPrescriptionSetupForm .lens_coating_name p{ font-size: 16px; font-weight: normal; padding: 0; margin: 0;}

.popup .popup__content #userPrescriptionSetupForm .your_lens_type_selected .lens_type_price,
.popup .popup__content .your_lens_type_selected .lens_option_name .lens_options_price,
.popup .popup__content .your_lens_coating_selected .lens_coating_name .lens_coatinng_price{ position: absolute; right: 0; top: 0; bottom: 0; background-color: var(--akeans-secondary); color: #fff; display: flex; padding: 15px 30px;} */

/* .popup .popup__content .selections-content-ak .selection-content-wrapper { display: grid; grid-template-columns: 1fr 1fr;    border: 1px solid #ddd;    padding: 10px;    border-top: 0;}
.popup .popup__content .selections-content.selections-content-ak { padding-top: 0px; margin-top: 15px;    border-top: 1px solid #ddd;} */

.confirm-popup .confirm-buttons button {   cursor: pointer;  border: none;  background-color: var(--akeans-secondary);  font-weight: 600;  border-radius: 5px;  padding: 10px 30px;  color: #fff;  transition: .3s all linear;}
.confirm-popup .confirm-buttons button:hover { background-color: var(--akeans-primary);  }

.confirm-popup .confirm-title { font-size: 20px;    font-weight: bold;}
.confirm-popup .confirm-title p { font-size: 16px; font-weight: normal; padding: 0; margin: 0;}

.lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr td, .lens-container-collapsed .akeans-pd-wrapper .add_prisma_table_horizental_vertical tbody tr th { padding: 0 !important;}


/*Normal View*/
.btn-prescription-values .tw-rotate-180 svg { cursor: pointer;   transform: rotate(180deg);    border: 1px solid;    width: 30px;    height: 30px;    padding: 6px;    border-radius: 30px;}
button.vision-btn-tpbk.btn-navigate-form-step { font-size: 0; background: no-repeat; border: none; cursor: pointer;}
button.vision-btn-tpbk.btn-navigate-form-step:after { content: ''; width: 15px; height: 15px; display: block; border: 2px solid currentColor; border-width: 0px 0px 1px 1px;    transform: rotate(45deg);}
.lens-container-collapsed #userPrescriptionSetupForm { padding: 30px 0;}
.lens-container-collapsed #userPrescriptionSetupForm img { width: 120px;  margin: 10px 30px 10px 10px;}
.lens-container-collapsed .prescription_type_common table.line-item-property__field th, 
.lens-container-collapsed .prescription_type_common table.line-item-property__field td { width: auto;}
.lens_type.lens_type_common,
.lens_coatings { border-radius: 8px; border: 1px solid #ddd;    margin-bottom: 15px; transition: .3s all linear;}
#userPrescriptionSetupForm label,
.lens-container-collapsed #userPrescriptionSetupForm input[type="radio"]:checked+label { position: relative; border-radius: 8px; overflow: hidden; }

.lens_type.lens_type_common:hover,
.lens_coatings:hover { border: 1px solid rgba(0, 0, 0, 0);  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);    outline: 2px solid #326fa8;}
.your_lens_coating_selected { display: flex; flex-direction: column; justify-content: center;}
.your_lens_type_selected { display: flex; flex-direction: column; justify-content: center; }

.your_prescription_selected { display: flex; flex-direction: column; gap: 0px;}

#userPrescriptionSetupForm .lens_coating_name { font-weight: bold;}
#userPrescriptionSetupForm .lens_coating_name p{ font-size: 16px; font-weight: normal; padding: 0; margin: 0;}

/* #userPrescriptionSetupForm .your_lens_type_selected .lens_type_price,
.your_lens_type_selected .lens_option_name .lens_options_price,
.your_lens_coating_selected .lens_coating_name .lens_coatinng_price{ position: absolute; right: 0; top: 0; bottom: 0; background-color: var(--akeans-secondary); color: #fff; display: flex; padding: 15px 15px;    min-width: 100px;    justify-content: center;} */

.selections-content-ak .selection-content-wrapper { display: grid; grid-template-columns: 1fr 1fr;    border: 1px solid #ddd;    padding: 10px;    border-top: 0;}
.selections-content.selections-content-ak { padding-top: 0px; margin-top: 15px;    border-top: 1px solid #ddd;}

.confirm-chk-upload .form-check {    align-items: flex-start;}
.confirm-chk-upload .form-check input {    top: 5px;}

/* Loader */
.block-loader-ak {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 0.7s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


 /*Responsive*/
@media only screen and (min-width: 990px) {
    .page-width .product--large:not(.product--no-media) .product__media-wrapper {
        max-width: 50%;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }

    .page-width .product--large:not(.product--no-media) .product__info-wrapper {
        padding: 0 0 0 4rem;
        max-width: 50%;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .popup .popup__content .popup__image { display: none;}
    .popup .popup__content .add-lens-container { grid-template-columns: 1fr; }

    .lens-container-collapsed #userPrescriptionSetupForm img { margin: 10px;}
    .lens-container-collapsed #step-4 .your_lens_type_selected { padding: 0;}

    #userPrescriptionSetupForm .your_lens_type_selected .lens_type_price,
    .your_lens_type_selected .lens_option_name .lens_options_price,
    .your_lens_coating_selected .lens_coating_name .lens_coatinng_price{ position: relative; right: 0; top: 0; bottom: 0; background-color: transparent; color:#000; display: block; padding:0; min-width:auto;}

}
@media screen and (max-width: 991px) {
    table.line-item-property__field th { display: none; }
    table.line-item-property__field tr>td+td span.od-label-mobile { display: inline-block; width: 20%; }
    table.line-item-property__field tbody td { display: block; margin: 10px 0; }
    table.line-item-property__field {
    border:none;
    background-color: transparent;
}
    table.line-item-property__field tr>td { display: flex; align-items: center; justify-content: center; }
}