/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.wizardSection__container___2bjCw {
        margin-bottom: 40px;
        position: relative;
    }

.wizardSection__container___2bjCw.wizardSection__warning___1OdVd {
            -webkit-box-shadow: 0 0 0 2px #ff595e;
                    box-shadow: 0 0 0 2px #ff595e;
        }

.wizardSection__header___3ne-_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        background: #3fabe6;
        padding: 10px 15px 12px;
        line-height: normal;
    }

.wizardSection__header___3ne-_::before {
            counter-increment: wizardContentTitle;
            content: counter(wizardContentTitle) ".";
            margin-right: 5px;
        }

.wizardSection__header___3ne-_::before, .wizardSection__header___3ne-_ .wizardSection__primaryContent___3WMZL {
            font-size: 16px;
            color: #fff;
            font-weight: 400;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

.wizardSection__header___3ne-_ .wizardSection__additionalContent___3Vexf {
            margin: 0 0 0 auto;
        }

.wizardSection__content___2klXa {
        padding: 15px;
        background: #f1f1f1;
    }

.wizardSection__message___ZW5ug {
        position: absolute;
        left: 0;
        bottom: -25px;
        color: #ff595e;
        font-size: 14px;
        font-style: italic;
        font-family: Georgia;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.needHelp__block___19boH {
        font: italic 14px/18px Georgia;
        color: #fff;
        letter-spacing: .05em;
        text-decoration: underline;
        cursor: pointer;
    }

.needHelp__block___19boH:hover {
            text-decoration: none;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionSelect__wrapSelect___3zElv {
        position: relative;
    }

.prescriptionSelect__select___3pHpM {
        display: block;
        width: 110px;
        height: 28px;
        margin: 0 auto;
        padding-left: 10px;
        font-size: 13px;
        line-height: 13px;
        background: #fff;
    }

.prescriptionSelect__disabled___2cY5G {
        background: #f1f1f1;
    }

.prescriptionSelect__wrapError___1wUWy {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

.prescriptionSelect__arrowUp___1nvs5 {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 3px;
        height: 12px;
        margin-top: 3px;
        margin-right: 10px;
        background: #f22a42;
    }

.prescriptionSelect__arrowUp___1nvs5::before, .prescriptionSelect__arrowUp___1nvs5::after {
            content: '';
            position: absolute;
            width: 3px;
            height: 9px;
            top: -3px;
            background: #f22a42;
        }

.prescriptionSelect__arrowUp___1nvs5::before {
            right: -2px;
            -webkit-transform: rotate(-44deg);
                    transform: rotate(-44deg);
        }

.prescriptionSelect__arrowUp___1nvs5::after {
            left: -2px;
            -webkit-transform: rotate(44deg);
                    transform: rotate(44deg);
        }

.prescriptionSelect__error___3f0EN {
        display: inline-block;
        vertical-align: middle;
        font-weight: 700;
        color: #f22a42;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.eyeConfiguration__wrap___2aNe7 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.eyeConfiguration__title___YsStA {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
                flex: 0 0 140px;
    }

.eyeConfiguration__cell___Xa2Cr {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 190px;
                flex: 0 0 190px;
    }

.eyeConfiguration__text___Njjsm {
        font-size: 15px;
        line-height: 16px;
        color: #000;
        letter-spacing: .05em;
        padding: 10px 0 11px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.checkbox__checkbox___17hoL {
        border: 1px solid #8d8d8d;
        border-radius: 2px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        overflow: hidden;
        color: #3fabe6;
        padding-right: 2px;
    }

.checkbox__small___1mjAI .checkbox__checkbox___17hoL {
            width: 10px;
            height: 10px;
            margin-right: 10px;
        }

.checkbox__large___3NfIP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.checkbox__large___3NfIP .checkbox__checkbox___17hoL {
            width: 15px;
            height: 15px;
            margin-right: 13px;
        }

.checkbox__tick___3yRMv {
        opacity: 0;
        margin-left: 2px;
        margin-bottom: 1px;
    }

.checkbox__active___3nqZt .checkbox__tick___3yRMv {
            opacity: 1;
        }

.checkbox__error___1anLK {
        border-color: #d2431d;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.pdPopover__hint___2BnCm {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

.pdPopover__wrapTooltip___1P-pu {
        width: 320px;
        padding: 25px 30px;
        background: #fff;
        font-size: 13px;
        line-height: 18px;
        color: #6d6d6d;
        font-family: Georgia;
        font-style: italic;
        -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
                box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    }

.pdPopover__questionMark___1lAf1 {
        width: 18px;
        height: 18px;
    }

.pdPopover__title___2jeyR {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
                flex: 0 0 140px;
    }

.pdPopover__text___Y3xgs {
        font-size: 15px;
        line-height: 16px;
        color: #000;
        letter-spacing: .05em;
        padding: 10px 0 11px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.pdConfiguration__checkbox___2z6q_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.pdConfiguration__questionMark___yV5Mz {
        width: 18px;
        height: 18px;
    }

.pdConfiguration__wrap___22CmH {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.pdConfiguration__title___EgADu {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
                flex: 0 0 140px;
    }

.pdConfiguration__cell___13xCM {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 190px;
                flex: 0 0 190px;
    }

.pdConfiguration__text___1uNM0 {
        font-size: 15px;
        line-height: 16px;
        color: #000;
        letter-spacing: .05em;
        padding: 10px 0 11px;
    }

.pdConfiguration__error___386AM {
        position: absolute;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/ea026d6ed301865478de0d22b780d59b.gif) no-repeat 37px 1px;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        padding-left: 49px;
        text-align: center;
        color: #f22a41;
    }

.comment__commentBlock___1fDaY {
        margin: 15px 0;
    }
    .comment__comment___TJ_Fx {
        max-width: 800px;
        max-height: 150px;
    }
    .comment__additionalTitle___2AzzF {
        margin-bottom: 10px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.wizardTooltip__wrapContent___3W9AL {
        background: #fff;
        -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
                box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    }

.wizardTooltip__hint___1aarU {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

.wizardTooltip__questionMark___2BRuc {
        width: 18px;
        height: 18px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionTableTooltipContent__wrap___1W57a {
        width: 450px;
        padding: 25px 30px;
    }

.prescriptionTableTooltipContent__title___1bH0f {
        display: block;
        font-size: 14px;
        margin-bottom: 6px;
        font-weight: 700;
        text-transform: uppercase;
        color: #2d2d2d;
    }

.prescriptionTableTooltipContent__wrapSubTitle___1Z2fn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 10px 0 5px;
    }

.prescriptionTableTooltipContent__wrapSubTitle___1Z2fn::before, .prescriptionTableTooltipContent__wrapSubTitle___1Z2fn::after {
            content: '';
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            height: 1px;
            background: #23aae2;
        }

.prescriptionTableTooltipContent__subTitle____YY_j {
        font-size: 11px;
        letter-spacing: 1.54px;
        padding: 0 4px;
        text-transform: uppercase;
        color: #23aae2;
    }

.prescriptionTableTooltipContent__desc___2gbQA {
        font-size: 14px;
        line-height: 18px;
        color: #2d2d2d;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionHeader__wrapTitles___3ILZb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 140px;
    }

.prescriptionHeader__wrapTitle___2BjgG {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 190px;
                flex: 0 0 190px;
        font-size: 15px;
        line-height: 16px;
        text-align: center;
        color: #000;
        padding: 10px 0 11px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.input__container___20CnR {
        height: 100%;
        width: 100%;
    }

.input__filedContainer___3utNT {
        height: 100%;
        max-height: 48px;
        width: 100%;
        position: relative;
        border-radius: 4px;
    }

.input__field___1nvl_ {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        height: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        padding: 21px 40px 8px 15px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        outline: none;
    }

.input__field___1nvl_::-ms-clear {
            display: none;
        }

.input__field___1nvl_:focus {
            border: 1px solid #3fabe6;
        }

.input__field___1nvl_.input__dark___pgkzU {
            border: 1px solid #6b6b6b;
        }

.input__placeholder___eXRdL {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -9px;
        color: #6b6b6b;
        font-size: 15px;
        line-height: 19px;
        letter-spacing: .21px;
        pointer-events: none;
        -webkit-transition: top .2s ease, font-size .2s ease, color .2s ease;
        transition: top .2s ease, font-size .2s ease, color .2s ease;
    }

.input__filedContainer___3utNT[focus-within] .input__placeholder___eXRdL, .input__notEmpty___3laob .input__placeholder___eXRdL {
        top: 11px;
        left: 15px;
        color: #aaa;
        font-size: 11px;
        line-height: 19px;
        letter-spacing: .16px;
    }

.input__filedContainer___3utNT:focus-within .input__placeholder___eXRdL, .input__notEmpty___3laob .input__placeholder___eXRdL {
        top: 11px;
        left: 15px;
        color: #aaa;
        font-size: 11px;
        line-height: 19px;
        letter-spacing: .16px;
    }

.input__notEmpty___3laob.input__required___1DI8h .input__placeholder___eXRdL::before {
                display: none;
            }

.input__required___1DI8h .input__placeholder___eXRdL::before {
                display: inline-block;
                content: '*';
                margin-right: 3px;
            }

.input__required___1DI8h[focus-within] .input__placeholder___eXRdL::before {
                display: none;
            }

.input__required___1DI8h:focus-within .input__placeholder___eXRdL::before {
                display: none;
            }

.input__disabled___1ou49 {
        cursor: not-allowed;
    }

.input__error___kSVgo {
        border: 1px solid #d2431d;
        border-radius: 4px;
        background-color: rgba(242, 42, 65, 0.05);
    }

.input__error___kSVgo:focus {
            border: 1px solid #d2431d;
        }

.input__errorMessage___3eIzM {
        display: block;
        font-size: 12px;
        line-height: 1.5;
        margin-top: 4px;
        letter-spacing: .17px;
        color: #d2431d;
    }

.input__icon___3BLwf {
        position: absolute;
        top: 50%;
        right: 16px;
        width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: -8px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.wizardPrices__finalPrice___3m8Ou {
        color: #f22a42;
    }

.wizardPrices__secondPrice___2YC6F {
        color: #0f0f0f;
        margin-right: 5px;
    }

.wizardPrices__inheritPrices___2gENE {
        color: inherit;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.savePrescriptionButton__saveYourPrescription___j47dx {
        margin-left: 10px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.fillPrescriptionName__wrapPrescriptionName___1PBMb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.fillPrescriptionName__wrapInput___C_XeD {
        display: inline-block;
    }

.fillPrescriptionName__label___Ml43y {
        display: inline-block;
        vertical-align: top;
        font-size: 15px;
        line-height: 30px;
        color: #000;
        letter-spacing: .05em;
        margin-right: 20px;
        margin-top: 8px;
    }

.fillPrescriptionName__wrapButton___1R7FA {
        display: inline-block;
        vertical-align: top;
        margin-top: 8px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionPrismModal__container___1rlvj {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 830px;
        height: 420px;
        max-width: 100%;
        overflow: hidden;
    }

.prescriptionPrismModal__aside___3FWY8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 51%;
                flex: 1 1 51%;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
    }

.prescriptionPrismModal__asideImage___oe8g2 {
        width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.prescriptionPrismModal__content___1Hm1J {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 49%;
                flex: 1 1 49%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 36px 58px 37px 59px;
        font-size: 15px;
        line-height: 23px;
        text-align: left;
        font-family: Roboto, Arial, sans-serif;
        color: #000;
        letter-spacing: 0;
        font-weight: 400;
    }

.prescriptionPrismModal__header___3s_cH {
        margin: 0;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        font-size: 20px;
        font-weight: 700;
    }

.prescriptionPrismModal__header___3s_cH::after {
            display: block;
            content: '';
            margin: 20px 0;
            padding: 0;
            height: 1px;
            width: 25px;
            border: 1px solid #89959c;
        }

.prescriptionPrismModal__title___2fnF- {
        max-height: 30px;
        line-height: 30px;
        padding: 0;
    }

.prescriptionPrismModal__titlePrice___2snwm {
        font-size: 16px;
        font-weight: 300;
    }

.prescriptionPrismModal__description___Dx8ad {
        line-height: 23px;
        margin-bottom: 34px;
    }

.prescriptionPrismModal__descriptionHighlighted___3DWlL {
        font-weight: 300;
        color: #565551;
    }

.prescriptionPrismModal__footer___ECyaj {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
    }

.prescriptionPrismModal__buttonBack___1VgHs {
        font-size: 300;
        color: #565551;
        text-decoration: underline;
        margin-top: 12px;
        cursor: pointer;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prism__prism___3XO5F {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-left: 16px;
    }

.prism__label___nyITG {
        font-size: 14px;
        line-height: 16px;
        color: #0f0f0f;
        margin-left: 12px;
    }

.prism__questionMark___3TX2a {
        width: 18px;
        height: 18px;
    }

.prism__questionMarkButton___39z9I {
        display: inline;
        padding: 0;
        margin: 0;
        margin-left: 5px;
        cursor: pointer;
    }

.prism__activePrism___1sbnP {
        position: relative;
        padding: 0 35px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 40px;
        font-family: Georgia;
        font-style: italic;
        color: #595959;
        letter-spacing: .05em;
        background-color: #d8d8d8;
    }

.prism__activePrism___1sbnP::before {
            content: "";
            position: absolute;
            top: -21px;
            border: 15px solid transparent;
            border-right-color: #d8d8d8;
            border-left-width: 0;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.savePrescriptionButtonWithFlag__saveYourPrescription___1F0M4.savePrescriptionButtonWithFlag__saveYourPrescription___1F0M4 {
        margin-left: 12px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.facebookSocialButton__socialLogin___37tBW {
        position: relative;
        width: 356px;
        height: 48px;
        text-align: center;
        display: block;
        color: #5b6971;
        cursor: pointer;
        font-size: 16px;
        line-height: 48px;
        font-weight: 700;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

.facebookSocialButton__facebookLogin___3FEIz {
        background-color: #1977f2;
        color: #fff;
        border: none;
        margin-bottom: 12px;
    }

.facebookSocialButton__icon___37eqs {
        position: absolute;
        left: 16px;
        width: 18px;
        height: inherit;
        background: no-repeat center url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/55f456366e69a3af620037f428633293.svg);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.googleSocialButton__socialLogin___2_sar {
        position: relative;
        width: 356px;
        height: 48px;
        text-align: center;
        display: block;
        color: #5b6971;
        cursor: pointer;
        font-size: 16px;
        line-height: 48px;
        font-weight: 700;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

.googleSocialButton__icon___hZrhc {
        position: absolute;
        left: 16px;
        width: 18px;
        height: inherit;
        background: no-repeat center url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/5227acf8146c1d41d58d0b2dade331a1.svg);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.fillPrescriptionNameWithFlag__container___1sd5b {
        margin-top: 16px;
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        border: 1px solid transparent;
    }

.fillPrescriptionNameWithFlag__containerLogin___2CNp- {
        background-color: #f4f9ff;
        border: 1px solid #e7ebed;
        border-radius: 12px;
    }

.fillPrescriptionNameWithFlag__checkboxLabel___2Fj_y {
        font-size: 14px;
        line-height: 16px;
        color: #0f0f0f;
        margin-left: 12px;
    }

.fillPrescriptionNameWithFlag__loginForm___29AVl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 28px 70px;
    }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__loginSectionWrapper___2BdRK {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 275px;
        }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__loginLabel___qGpci {
            font-size: 16px;
            line-height: 24px;
            color: #0f0f0f;
            font-weight: 300;
            margin: 0 0 16px;
            text-align: center;
        }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__socialButton___3Yh9b {
            --height: 40px;

            width: 275px;
            height: var(--height);
            line-height: var(--height);
        }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__divider___1GHtc {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #5b6971;
            font-size: 14px;
            line-height: 16px;
        }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__divider___1GHtc::before, .fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__divider___1GHtc::after {
                content: '';
                display: block;
                height: 34.5px;
                width: 2px;
                background-color: #e7ebed;
                position: absolute;
                left: 50%;
            }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__divider___1GHtc::before {
                bottom: 0;
            }

.fillPrescriptionNameWithFlag__loginForm___29AVl .fillPrescriptionNameWithFlag__divider___1GHtc::after {
                top: 0;
            }

.fillPrescriptionNameWithFlag__saveForm___7Hvxv {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.fillPrescriptionNameWithFlag__saveForm___7Hvxv .fillPrescriptionNameWithFlag__inputWrapper___12hQJ {
            width: 294px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.uploader__input___3X4cg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 10;
    }

.uploader__label___1WM3j[focus-within] {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 20;
            outline: auto;
        }

.uploader__label___1WM3j:focus-within {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 20;
            outline: auto;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionSendEmail__wrap___1TWJj {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 422px;
                flex: 0 0 422px;
        cursor: pointer;
        background: #fff;
    }

.prescriptionSendEmail__wrap___1TWJj:focus {
            -webkit-box-shadow: 0 0 0 3px #23aae2;
                    box-shadow: 0 0 0 3px #23aae2;
            outline: none;
        }

.prescriptionSendEmail__active___d14mu {
        -webkit-box-shadow: 0 0 0 3px #23aae2;
                box-shadow: 0 0 0 3px #23aae2;
    }

.prescriptionSendEmail__title___39z2q {
        height: 70px;
        font-size: 16px;
        line-height: 70px;
        font-weight: 700;
        color: #4d4d4d;
        letter-spacing: .1em;
        text-align: center;
        text-transform: uppercase;
        background-color: #c5e5f1;
    }

.prescriptionSendEmail__title___39z2q::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 38px;
            height: 30px;
            margin-right: 10px;
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/fb841b7817a04ff4517280e6ddd180d3.png) 2px -9px;
        }

.prescriptionSendEmail__content___y6pSu {
        padding: 20px;
    }

.prescriptionSendEmail__text___2-fIP {
        font-size: 14px;
        line-height: 24px;
        color: #595959;
    }

.prescriptionSendEmail__notice___CVlp0 {
        font-family: Georgia;
        font-size: 14px;
        line-height: 12px;
        display: inline-block;
        color: #979797;
        margin-top: 5px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionUpload__wrap___2FQLt {
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 422px;
                flex: 0 0 422px;
        cursor: pointer;
        background: #fff;
    }

.prescriptionUpload__active___jQ4tl {
        -webkit-box-shadow: 0 0 0 3px #23aae2;
                box-shadow: 0 0 0 3px #23aae2;
    }

.prescriptionUpload__title___3vSYi {
        height: 70px;
        font-size: 16px;
        line-height: 70px;
        font-weight: 700;
        color: #4d4d4d;
        letter-spacing: .1em;
        text-align: center;
        text-transform: uppercase;
        background-color: #c5e5f1;
    }

.prescriptionUpload__title___3vSYi::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 38px;
            height: 30px;
            margin-right: 10px;
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/fb841b7817a04ff4517280e6ddd180d3.png) -36px -9px;
        }

.prescriptionUpload__content___1uNxE {
        padding: 20px;
    }

.prescriptionUpload__text___1RxJ0 {
        font-size: 14px;
        line-height: 24px;
        color: #595959;
    }

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

.prescriptionUpload__label___2rer7 {
        letter-spacing: .05em;
        text-transform: uppercase;
        text-decoration: underline;
        cursor: pointer;
        margin-left: 3px;
    }

.prescriptionUpload__fileName___g0MoG {
        font-size: 13px;
        line-height: 16px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        max-height: 48px;
        font-style: italic;
        color: #595959;
    }

.prescriptionUpload__notice___1DYeU {
        font-family: Georgia;
        font-size: 12px;
        line-height: 14px;
        display: inline-block;
        color: #979797;
        margin-top: 5px;
    }

.prescriptionUpload__uploadFileInput___2XHq0 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescriptionSendByWrapper__wrap___2NUq4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 3px 3px;
        margin-top: 20px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.useMyPrescriptionContent__wrapChoose___2AThP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 16px;
        color: #000;
        letter-spacing: .05em;
    }

.useMyPrescriptionContent__select___38hdj {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 210px;
                flex: 0 0 210px;
        height: 28px;
        margin-left: 10px;
        padding-left: 10px;
        font-size: 13px;
        line-height: 13px;
        background: #fff;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.useMyPrescription__wrap___1K83q {
        margin-top: 20px;
    }

.useMyPrescription__authBtn___2cLUb {
        margin: 0 auto 10px;
        width: 290px;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        font-weight: 700;
        color: #fff;
        letter-spacing: .02em;
        text-align: center;
        text-transform: uppercase;
        background-color: #23aae2;
        cursor: pointer;
    }

.useMyPrescription__wrapChoose___1mgVk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 16px;
        color: #000;
        letter-spacing: .05em;
    }

.useMyPrescription__select___3TICV {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 210px;
                flex: 0 0 210px;
        height: 28px;
        margin-left: 10px;
        padding-left: 10px;
        font-size: 13px;
        line-height: 13px;
        background: #fff;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.prescription__wrap___2QbdT {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 25px;
        border-bottom: 1px solid #c8c8c8;
    }

.prescription__tab___87tDg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 282px;
                flex: 0 0 282px;
        position: relative;
        letter-spacing: .1em;
        background-color: #fff;
        cursor: pointer;
        height: 85px;
        text-align: center;
    }

.prescription__tab___87tDg:hover:not(.prescription__active___1LC2g) {
            background-color: #d8d8d8;
        }

.prescription__tab___87tDg:focus {
            -webkit-box-shadow: inset 0 0 0 3px #23aae2;
                    box-shadow: inset 0 0 0 3px #23aae2;
            outline: none;
        }

.prescription__disabled___3pTMj {
        border-color: #f8f8f8;
        background-color: #f8f8f8;
        cursor: default;
        pointer-events: none;
    }

.prescription__disabled___3pTMj .prescription__title___XUh71 {
            color: #c8c8c8;
        }

.prescription__active___1LC2g {
        -webkit-box-shadow: inset 0 0 0 3px #23aae2;
                box-shadow: inset 0 0 0 3px #23aae2;
    }

.prescription__title___XUh71 {
        display: block;
        font-size: 14px;
        letter-spacing: 1.5px;
        margin-bottom: 5px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        color: #4d4d4d;
    }

.prescription__title___XUh71 i {
            font-style: italic;
            font-weight: 400;
        }

.prescription__text___36xYO {
        display: block;
        font-size: 11px;
        line-height: 11px;
        letter-spacing: .3px;
        text-align: center;
        text-transform: uppercase;
        color: #4d4d4d;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.radiobutton__radiobutton___2MWf3 {
        width: 14px;
        height: 14px;
        border: 1px solid #8d8d8d;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        overflow: hidden;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.radiobutton__point___1XJv9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 6px;
                flex: 0 0 6px;
        height: 6px;
        border-radius: 50%;
        background: #3fabe6;
        opacity: 0;
    }

.radiobutton__active___NDaqe {
        border: 2px solid #3fabe6;
    }

.radiobutton__active___NDaqe .radiobutton__point___1XJv9 {
            opacity: 1;
        }


/*# sourceMappingURL=6662.a8e3780532bb5310c4ba.css.map*/