/* general */
.woocommerce div.product form.cart .variations {
    display: block !important;
}

.woocommerce div.product.elementor form.cart #get2020-table td {
    /* display: block !important; */
    width: 100%;
}

.step-heading {
    margin-bottom: 15px;
}

#get2020-table > tbody > tr {
    margin-bottom: 20px !important;
}


.pack-size-option, .colour-option, .purchase-option {
    cursor: pointer;
}


/* pack size */
.pack-size-option {
    width: 33.3%;
    display: inline-block;
    /* flex: 1; */
    text-align: center;
    padding: 15px;
    background: #ffffff;
    border: 2px solid #d7e5e6;
    border-radius: 4px;
}

.pack-size-option.active {
    background: #f3ffff;
    border: 2px solid #48b0cc;
}

.pack-size-option strong {
    display: block;
    margin: 10px 0px 3px;
}

.pack-size-option input {
    width: auto;
    margin: 0 auto;
    height: auto;
}

.pack-size-options {
    display: flex;
    align-items: unset;
}

/* colour */
.colour-option {
    width: 25%;
    display: inline-block;
    flex: 1;
    text-align: center;
    padding: 15px;
    background: #ffffff;
    border: 2px solid #d7e5e6;
    border-radius: 4px;
}

.colour-option.active {
    background: #f3ffff;
    border: 2px solid #48b0cc;
}

.colour-option strong {
    display: block;
    margin: 10px 0px 3px;
}

.colour-option input {
    width: auto;
    margin: 0 auto;
    height: auto;
}

.colour-options {
    display: flex;
    align-items: unset;
    flex-wrap: wrap;
}

#get2020-table .pa_purchase-options {
    background: white;
    border: 2px solid #d7e4e6;
    padding: 14px 20px;
    height: 40px !important;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0px 5px;
}

/* package */
.purchase-option {
    width: 33.33%;
    display: inline-block;
    flex: 1;
    text-align: center;
    padding: 15px;
    background: #ffffff;
    border: 2px solid #d7e5e6;
    border-radius: 4px;
}

.purchase-options {
    display: flex;
    align-items: unset;
}

.purchase-option.active {
    background: #f3ffff;
    border: 2px solid #48b0cc;
}

.purchase-option input {
    width: auto;
    margin: 0 auto;
    height: auto;
}

.purchase-option strong {
    display: block;
    margin: 10px 0px 3px;
}

.purchase-option-amount {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
}

.purchase-option-amount del {
    color: #eb2429;
    font-weight: normal;
}

#get2020-table .auto-refill-frequency-section {
    display: none;
}

#get2020-table .pa_purchase-options-utilised {
    display: none;
}

.quantity {
    display: block !important;
}

.one-time-information, .auto-refill-information {
    margin-top: 15px;
    width: 100%;
}

.auto-refill-information {
    display:none;
}

/* prescription */
.prescription-container {
    border: 2px solid #d7e4e6;
    border-radius: 4px;
    padding: 30px 25px;
}

.prescription-table {
    table-layout: fixed;
    width: 100%;
}

.prescription-table-header td {
    text-align: center;
}

.prescription-table-header input {
    width: auto;
    margin: 0 auto;
    height: auto;
}

.eye-selection {
    display: block;
    margin-top: 8px;
}

.prescription-table select {
    background: white;
    border: 2px solid #d7e4e6;
    padding: 14px 20px;
    height: 40px !important;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0px 5px;
}

.prescription-table .active-select {
    background: #f3ffff;
    border: 2px solid #48b0cc;
}

.prescription-table td {
    padding: 0px 5px !important;
}

.prescription-table-header {
    margin-bottom: 20px !important;
}

#prescription-meta {
    display: none;
}

.prescription-table-header td:not(:first-child) {
    margin-bottom: 15px;
}


/* sphere special selection */
.sphere-selection-container {
    position: absolute;
    left: 0px;
    width: 100%;
    height: auto;
    min-width: 150px;
    max-height: 450px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    background: #f3ffff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    overflow-y: scroll;
    display: none;
    z-index: 9999;
}

.sphere-selection-container > div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.sphere-inner-container {
    padding: 10px;
}

.minus-list, .plus-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: xx-large;
}

.sphere-icon {
    display: block;
    font-size: xx-large;
    font-weight: bold;
}

.sphere-description {
    font-size: x-large;
    opacity: .5;
    margin-bottom: 10px;
    display: block;
    margin-top: 2px;
}

.minus-container {
    border-right: 2px solid #cef4ff;
}

.minus-list li {
    margin-bottom: 8px;
    cursor: pointer;
    color: red;
}

.plus-list li {
    margin-bottom: 8px;
    cursor: pointer;
    color: black;
}


.mobile-guide {
    display: none;
}

/* order summary */
.order-summary {
    border: 2px solid #48b0cc;
    border-radius: 4px;
    padding: 30px 25px;
    background: #f3ffff;
}

.qty {
    display: none;
}

.single_add_to_cart_button {
    display: none !important;
}

#get2020-submit,#get2020-submit:hover,#get2020-submit:active {
    display: block !important;
    width: 100%;
    background-color: #01314a;
    color: white;
}

.red {
    color: #eb2429;
}

.order-summary-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 30px 0px;
}

.order-summary-table tr td:first-child {
    /* width: 750px !important; */
    width: 75% !important;
}


.order-summary-table tr td:last-child {
    text-align: right;
}

.order-summary-table tr {
    padding: 5px 0px;
}

.delivery-row {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px !important;
}

#auto-refill-only {
    display: none;
}


/* mobile */
@media only screen and (max-width: 400px) {
    .colour-option, .purchase-option, .pack-size-option {
        width: 100%;
        display: block;
    }

    .purchase-options, .colour-options, .pack-size-options {
        display: block;
    }

    /* .prescription-table tr {
        display: block !important;
        margin-bottom: 20px !important;
    } */
    .prescription-table tr:not(.prescription-table-header) td {
        margin-bottom: 5px;
    }

    .mobile-guide {
        display: block;
        margin: 7px 0px 7px;
        /* opacity: .5;
        font-size: smaller;
        font-style: italic; */
    }

    .woocommerce div.product.elementor form.cart #get2020-table .prescription-table td {
        display: inline-block !important;
        width: 50% !important;
        vertical-align: top;
    }

    .woocommerce div.product.elementor form.cart #get2020-table .prescription-table .prescription-line-item-label {
        display: none !important;
    }

    .sphere-inner-container {
        padding: 10px 5px;
    }
    /* .sphere-value {
        font-size: smaller;
    } */
    .sphere-selection-container {
        min-width: auto;
    }
}