@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/CoffeeShop/Areas/ControlPanel/Pages/Error/AccessDenied.cshtml.rz.scp.css */

.body[b-z31qko8717] {
    background-color: #1C2127;
    height: 850px;
    border-radius:16px;
    padding:20px;
}

.container[b-z31qko8717] {
    position: absolute;
    left:70%;
    width:38% !important;
}

.message[b-z31qko8717] {
    font-size: 30px;
    color: white;
    font-weight: 500;
    position: absolute;
    top: 40%;
    left: 10%;
}

.message2[b-z31qko8717] {
    font-size: 18px;
    color: white;
    font-weight: 300;
    width: 360px;
    position: absolute;
    top: 46%;
    left: 10%;
}

.neon[b-z31qko8717] {
    text-align: center;
    width: 300px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "Varela Round", sans-serif;
    font-size: 90px;
    color: #5be0b3;
    letter-spacing: 3px;
    text-shadow: 0 0 5px #6eecc1;
    animation: flux-b-z31qko8717 2s linear infinite;
}

.trash[b-z31qko8717] {
    width: 170px;
    height: 220px;
    background-color: #585f67;
    top: 300px;
}

.can[b-z31qko8717] {
    width: 190px;
    height: 30px;
    background-color: #6b737c;
    border-radius: 15px 15px 0 0;
}

.door-frame[b-z31qko8717] {
    height: 495px;
    width: 295px;
    border-radius: 90px 90px 0 0;
    background-color: #8594a5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.door[b-z31qko8717] {
    height: 450px;
    width: 250px;
    border-radius: 70px 70px 0 0;
    background-color: #a0aec0;
}

.eye[b-z31qko8717] {
    top: 15px;
    left: 25px;
    height: 5px;
    width: 15px;
    border-radius: 50%;
    background-color: white;
    animation: eye-b-z31qko8717 7s ease-in-out infinite;
    position: absolute;
}

.eye2[b-z31qko8717] {
    left: 65px;
}

.window[b-z31qko8717] {
    height: 40px;
    width: 130px;
    background-color: #1c2127;
    border-radius: 3px;
    margin: 80px auto;
    position: relative;
}

.leaf[b-z31qko8717] {
    height: 40px;
    width: 130px;
    background-color: #8594a5;
    border-radius: 3px;
    margin: 80px auto;
    animation: leaf-b-z31qko8717 7s infinite;
    transform-origin: right;
}

.handle[b-z31qko8717] {
    height: 8px;
    width: 50px;
    border-radius: 4px;
    background-color: #ebf3fc;
    position: absolute;
    margin-top: 250px;
    margin-left: 30px;
}

.rectangle[b-z31qko8717] {
    height: 70px;
    width: 25px;
    background-color: #cbd8e6;
    border-radius: 4px;
    position: absolute;
    margin-top: 220px;
    margin-left: 20px;
}

@keyframes leaf-b-z31qko8717 {
    0% {
        transform: scaleX(1);
    }

    5% {
        transform: scaleX(0.2);
    }

    70% {
        transform: scaleX(0.2);
    }

    75% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes eye-b-z31qko8717 {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    5% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        transform: translateX(0);
    }

    20% {
        transform: translateX(15px);
    }

    35% {
        transform: translateX(15px);
    }

    40% {
        transform: translateX(-15px);
    }

    60% {
        transform: translateX(-15px);
    }

    65% {
        transform: translateX(0);
    }
}

@keyframes flux-b-z31qko8717 {
    0%, 100% {
        text-shadow: 0 0 5px #00ffc6, 0 0 15px #00ffc6, 0 0 50px #00ffc6, 0 0 50px #00ffc6, 0 0 2px #b9ffe8, 2px 2px 3px #12e29c;
        color: #4bffef;
    }

    50% {
        text-shadow: 0 0 3px #00b58d, 0 0 7px #00b58d, 0 0 25px #00b58d, 0 0 25px #00b58d, 0 0 2px #00b58d, 2px 2px 3px #006a60;
        color: #63d3ae;
    }
}
/* _content/CoffeeShop/Areas/ControlPanel/Pages/Error/NotFound.cshtml.rz.scp.css */
.page_404[b-kp3op0nn85] {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    background: #fff;
    font-family: "Arvo", serif;
}

    .page_404 img[b-kp3op0nn85] {
        width: 100%;
    }

.four_zero_four_bg[b-kp3op0nn85] {
    background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
}

    .four_zero_four_bg h1[b-kp3op0nn85] {
        font-size: 80px;
    }

    .four_zero_four_bg h3[b-kp3op0nn85] {
        font-size: 80px;
    }

.link_404[b-kp3op0nn85] {
    color: #fff !important;
    padding: 10px 20px;
    background: #1088A2;
    margin: 20px 0;
    display: inline-block;
    border-radius: 10px;
}

.contant_box_404[b-kp3op0nn85] {
    margin-top: -50px;
}
/* _content/CoffeeShop/Areas/ControlPanel/Pages/Error/_AccessDenied.cshtml.rz.scp.css */

.body[b-ydt8lemkku] {
    background-color: #1C2127;
    height: 700px;
    border-radius:16px;
}

.container[b-ydt8lemkku] {
    position: absolute;
    left:58%;
    width:38% !important;
}

.message[b-ydt8lemkku] {
    font-size: 30px;
    color: white;
    font-weight: 500;
    position: absolute;
    top: 230px;
    left: 40px;
}

.message2[b-ydt8lemkku] {
    font-size: 18px;
    color: white;
    font-weight: 300;
    width: 360px;
    position: absolute;
    top: 280px;
    left: 40px;
}

.neon[b-ydt8lemkku] {
    text-align: center;
    width: 300px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "Varela Round", sans-serif;
    font-size: 90px;
    color: #5be0b3;
    letter-spacing: 3px;
    text-shadow: 0 0 5px #6eecc1;
    animation: flux-b-ydt8lemkku 2s linear infinite;
}

.trash[b-ydt8lemkku] {
    width: 170px;
    height: 220px;
    background-color: #585f67;
    top: 300px;
}

.can[b-ydt8lemkku] {
    width: 190px;
    height: 30px;
    background-color: #6b737c;
    border-radius: 15px 15px 0 0;
}

.door-frame[b-ydt8lemkku] {
    height: 495px;
    width: 295px;
    border-radius: 90px 90px 0 0;
    background-color: #8594a5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.door[b-ydt8lemkku] {
    height: 450px;
    width: 250px;
    border-radius: 70px 70px 0 0;
    background-color: #a0aec0;
}

.eye[b-ydt8lemkku] {
    top: 15px;
    left: 25px;
    height: 5px;
    width: 15px;
    border-radius: 50%;
    background-color: white;
    animation: eye-b-ydt8lemkku 7s ease-in-out infinite;
    position: absolute;
}

.eye2[b-ydt8lemkku] {
    left: 65px;
}

.window[b-ydt8lemkku] {
    height: 40px;
    width: 130px;
    background-color: #1c2127;
    border-radius: 3px;
    margin: 80px auto;
    position: relative;
}

.leaf[b-ydt8lemkku] {
    height: 40px;
    width: 130px;
    background-color: #8594a5;
    border-radius: 3px;
    margin: 80px auto;
    animation: leaf-b-ydt8lemkku 7s infinite;
    transform-origin: right;
}

.handle[b-ydt8lemkku] {
    height: 8px;
    width: 50px;
    border-radius: 4px;
    background-color: #ebf3fc;
    position: absolute;
    margin-top: 250px;
    margin-left: 30px;
}

.rectangle[b-ydt8lemkku] {
    height: 70px;
    width: 25px;
    background-color: #cbd8e6;
    border-radius: 4px;
    position: absolute;
    margin-top: 220px;
    margin-left: 20px;
}

@keyframes leaf-b-ydt8lemkku {
    0% {
        transform: scaleX(1);
    }

    5% {
        transform: scaleX(0.2);
    }

    70% {
        transform: scaleX(0.2);
    }

    75% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes eye-b-ydt8lemkku {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    5% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        transform: translateX(0);
    }

    20% {
        transform: translateX(15px);
    }

    35% {
        transform: translateX(15px);
    }

    40% {
        transform: translateX(-15px);
    }

    60% {
        transform: translateX(-15px);
    }

    65% {
        transform: translateX(0);
    }
}

@keyframes flux-b-ydt8lemkku {
    0%, 100% {
        text-shadow: 0 0 5px #00ffc6, 0 0 15px #00ffc6, 0 0 50px #00ffc6, 0 0 50px #00ffc6, 0 0 2px #b9ffe8, 2px 2px 3px #12e29c;
        color: #4bffef;
    }

    50% {
        text-shadow: 0 0 3px #00b58d, 0 0 7px #00b58d, 0 0 25px #00b58d, 0 0 25px #00b58d, 0 0 2px #00b58d, 2px 2px 3px #006a60;
        color: #63d3ae;
    }
}
/* _content/CoffeeShop/Areas/ControlPanel/Pages/Home/Index.cshtml.rz.scp.css */

.unodos[b-2xx5k80zsz] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(auto, 70%) minmax(auto, 30%);
    margin-bottom: 1rem;
}

.header-contactos[b-2xx5k80zsz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper[b-2xx5k80zsz] {
    width: 100%;
}

.wrapper-main[b-2xx5k80zsz] {
    border-radius: 3vmin;
    background-color: white;
    width: 100%;
    padding: 1rem 1rem;
}

.main-table-containter[b-2xx5k80zsz] {
    border-radius: 3vmin;
    background-color: white;
    width: 100%;
    padding: 1rem 1rem;
}

.title-table-container[b-2xx5k80zsz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 1.5rem;
    margin-bottom: 1rem;
}

TBODY[b-2xx5k80zsz] {
    font-weight: 600;
}

.subtitle[b-2xx5k80zsz] {
    font-weight: 600;
}

.select-button[b-2xx5k80zsz] {
    padding: 0.45rem 1rem;
    padding-right: 1.5rem;
    position: relative;
    border-radius: 0.5rem;
    border: 2px solid lightgrey;
    font-weight: 600;
    border: none;
    border: 1px solid #0000002e;
    background-color: transparent;
    cursor: pointer;
    transition: background0color 0.25s;
    &:hover

{
    background-color: #f6f6f4;
}

}

.padding-0[b-2xx5k80zsz] {
    padding: 0;
}

.select-button[b-2xx5k80zsz]:after {
    content: " ";
    position: absolute;
    height: 0.7vmin;
    width: 0.7vmin;
    border: 1px solid black;
    border-bottom: none;
    border-left: none;
    right: 10%;
    top: 30%;
    transform: rotate(134deg);
}

.dot[b-2xx5k80zsz] {
    height: 15px;
    width: 15px;
}

table[b-2xx5k80zsz] {
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    border-collapse: COLLAPSE;
    color: #474747;
}

tr[b-2xx5k80zsz] {
    transition: background-color 0.2s;
}

    tr:hover[b-2xx5k80zsz] {
        background-color: #f6f6f4;
    }

td[b-2xx5k80zsz] {
    padding: 0.5rem;
    border: none;
}

td[b-2xx5k80zsz] {
    text-align: center;
}

    td:first-child[b-2xx5k80zsz] {
        border-radius: 1.5rem 0rem 0rem 1.5rem;
        text-align: left;
    }

    td:last-child[b-2xx5k80zsz] {
        border-radius: 0rem 1.5rem 1.5rem 0rem;
    }

.icono-texto[b-2xx5k80zsz] {
    display: flex;
    align-items: CENTER;
}

    .icono-texto > div[b-2xx5k80zsz] {
        margin-left: 10px;
    }

.contenedor-svg[b-2xx5k80zsz] {
    background-color: #e090c9;
    border-radius: 0.7rem;
    padding: 10px;
}

.dolar[b-2xx5k80zsz] {
    height: 15px;
    width: 15px;
}

.pendiente[b-2xx5k80zsz] {
    background-color: #fbf3ea;
    color: #e8aa71;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border-radius: 1rem;
    max-width: 116px;
}

.completado[b-2xx5k80zsz] {
    background-color: #ebf0ed;
    color: #80aba4;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border-radius: 1rem;
    max-width: 116px;
}

.cancelado[b-2xx5k80zsz] {
    background-color: #f7e9e8;
    color: #cf5858;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border-radius: 1rem;
    max-width: 116px;
}

.otro-dolar[b-2xx5k80zsz] {
    background-color: #b3afec;
}

.contenedor-totales[b-2xx5k80zsz] {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}

.exception[b-2xx5k80zsz] {
    padding: 0rem !important;
}

.transparente[b-2xx5k80zsz] {
    background-color: transparent;
}

.amarillo[b-2xx5k80zsz] {
    fill: #f9b87a !important;
    height: 2.3rem !important;
    width: 2.3rem !important;
}

.lila[b-2xx5k80zsz] {
    background-color: #b3afec;
}

.total-recuadro[b-2xx5k80zsz] {
    gap: 1rem;
    display: flex;
    align-items: Center;
}

.texto-numero[b-2xx5k80zsz] {
    font-size: 1rem;
    color: #7d7d7d;
}

.numero[b-2xx5k80zsz] {
    font-weight: 600;
    font-size: clamp(0.5rem, 2vw, 1.5rem);
}

.contenedor-ico-mayor[b-2xx5k80zsz] {
    background-color: #f6f6f4;
    border-radius: 1.4rem;
    display: grid;
    place-items: center;
    height: 4.5rem;
    width: 4.5rem;
}

.contenedor-icono[b-2xx5k80zsz] {
    padding: 0.7rem;
    display: grid;
    place-items: center;
    border-radius: 0.7rem;
    outline: 1px solid white;
    & > svg

{
    height: 0.7rem;
    width: auto;
    fill: white;
}

}

.rosa[b-2xx5k80zsz] {
    background-color: #e090c9;
}

.contenedor-chart[b-2xx5k80zsz] {
    width: 100%;
    height: 70%;
}

canvas[b-2xx5k80zsz] {
    width: 100%;
    height: 200px !important;
}

@media (max-width: 750px) {
    td:nth-child(2)[b-2xx5k80zsz] {
        display: none;
    }

    td:nth-child(3)[b-2xx5k80zsz] {
        display: none;
    }
}
/* _content/CoffeeShop/Pages/ContactUs/Index.cshtml.rz.scp.css */
/**
 * * General variables
 * */
/**
 * * General configs
 * */
*[b-rs2zjjvmwc] {
    box-sizing: border-box;
}

body[b-rs2zjjvmwc] {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1em;
}

button[b-rs2zjjvmwc] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}

input[b-rs2zjjvmwc], textarea[b-rs2zjjvmwc] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

    input[type=submit][b-rs2zjjvmwc] {
        cursor: pointer;
    }

    input[b-rs2zjjvmwc]::-moz-placeholder,
    textarea[b-rs2zjjvmwc]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input:-ms-input-placeholder[b-rs2zjjvmwc],
    textarea[b-rs2zjjvmwc]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input[b-rs2zjjvmwc]::placeholder,
    textarea[b-rs2zjjvmwc]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceLeft {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes bounceLeft-b-rs2zjjvmwc {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}
/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}

@keyframes bounceRight-b-rs2zjjvmwc {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}
/**
 * * Show Sign Up form
 * */
@-webkit-keyframes showSignUp {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showSignUp-b-rs2zjjvmwc {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}
/**
 * * Page background
 * */
.user[b-rs2zjjvmwc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ccc;
    background-size: cover;
}

.user_options-container[b-rs2zjjvmwc] {
    position: relative;
    width: 80%;
}

.user_options-text[b-rs2zjjvmwc] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.85);
    border-radius: 3px;
}

/**
 * * Registered and Unregistered user box and text
 * */
.user_options-registered[b-rs2zjjvmwc],
.user_options-unregistered[b-rs2zjjvmwc] {
    width: 50%;
    padding: 75px 45px;
    color: #fff;
    font-weight: 300;
}

.user_registered-title[b-rs2zjjvmwc],
.user_unregistered-title[b-rs2zjjvmwc] {
    margin-bottom: 15px;
    font-size: 1.66rem;
    line-height: 1em;
}

.user_unregistered-text[b-rs2zjjvmwc],
.user_registered-text[b-rs2zjjvmwc] {
    font-size: 0.83rem;
    line-height: 1.4em;
}

.user_registered-login[b-rs2zjjvmwc],
.user_unregistered-signup[b-rs2zjjvmwc] {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.2rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .user_registered-login:hover[b-rs2zjjvmwc],
    .user_unregistered-signup:hover[b-rs2zjjvmwc] {
        color: rgba(34, 34, 34, 0.85);
        background-color: #ccc;
    }

/**
 * * Login and signup forms
 * */
.user_options-forms[b-rs2zjjvmwc] {
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(50% - 30px);
    min-height: 420px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: translate3d(100%, -50%, 0);
    transition: transform 0.4s ease-in-out;
}

    .user_options-forms .user_forms-login[b-rs2zjjvmwc] {
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    }

    .user_options-forms .forms_title[b-rs2zjjvmwc] {
        margin-bottom: 45px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        color: #e8716d;
        letter-spacing: 0.1rem;
    }

    .user_options-forms .forms_field:not(:last-of-type)[b-rs2zjjvmwc] {
        margin-bottom: 20px;
    }

    .user_options-forms .forms_field-input[b-rs2zjjvmwc] {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 6px 20px 6px 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 1rem;
        font-weight: 300;
        color: gray;
        letter-spacing: 0.1rem;
        transition: border-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_field-input:focus[b-rs2zjjvmwc] {
            border-color: gray;
        }

    .user_options-forms .forms_buttons[b-rs2zjjvmwc] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px;
    }

    .user_options-forms .forms_buttons-forgot[b-rs2zjjvmwc] {
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.1rem;
        color: #ccc;
        text-decoration: underline;
        transition: color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-forgot:hover[b-rs2zjjvmwc] {
            color: #b3b3b3;
        }

    .user_options-forms .forms_buttons-action[b-rs2zjjvmwc] {
        background-color: #e8716d;
        border-radius: 3px;
        padding: 10px 35px;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        transition: background-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-action:hover[b-rs2zjjvmwc] {
            background-color: #e14641;
        }

    .user_options-forms .user_forms-signup[b-rs2zjjvmwc],
    .user_options-forms .user_forms-login[b-rs2zjjvmwc] {
        position: absolute;
        top: 70px;
        left: 40px;
        width: calc(100% - 80px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
    }

    .user_options-forms .user_forms-signup[b-rs2zjjvmwc] {
        transform: translate3d(120px, 0, 0);
    }

        .user_options-forms .user_forms-signup .forms_buttons[b-rs2zjjvmwc] {
            justify-content: flex-end;
        }

    .user_options-forms .user_forms-login[b-rs2zjjvmwc] {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    /**
 * * Triggers
 * */
    .user_options-forms.bounceLeft[b-rs2zjjvmwc] {
        -webkit-animation: bounceLeft 1s forwards;
        animation: bounceLeft-b-rs2zjjvmwc 1s forwards;
    }

        .user_options-forms.bounceLeft .user_forms-signup[b-rs2zjjvmwc] {
            -webkit-animation: showSignUp 1s forwards;
            animation: showSignUp-b-rs2zjjvmwc 1s forwards;
        }

        .user_options-forms.bounceLeft .user_forms-login[b-rs2zjjvmwc] {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-120px, 0, 0);
        }

    .user_options-forms.bounceRight[b-rs2zjjvmwc] {
        -webkit-animation: bounceRight 1s forwards;
        animation: bounceRight-b-rs2zjjvmwc 1s forwards;
    }

/**
 * * Responsive 990px
 * */
@media screen and (max-width: 990px) {
    .user_options-forms[b-rs2zjjvmwc] {
        min-height: 382px;
        top: 30%;
        left: -100%;
        width: 100%;
    }

    .user_options-text[b-rs2zjjvmwc] {
        flex-direction: column;
        margin-top: 370px;
    }

    .user_options-unregistered[b-rs2zjjvmwc], .user_options-registered[b-rs2zjjvmwc] {
        width: 100%;
        padding: 15px !important;
    }

    .user_registered-login[b-rs2zjjvmwc], .user_unregistered-signup[b-rs2zjjvmwc] {
        width: 100%;
    }

    .user_registered-login[b-rs2zjjvmwc], .user_unregistered-signup[b-rs2zjjvmwc] {
        margin-top: 15px;
    }

    .user_options-forms .forms_buttons[b-rs2zjjvmwc] {
        flex-direction: column;
    }

    .user_options-forms .user_forms-login .forms_buttons-action[b-rs2zjjvmwc] {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .user_options-forms .user_forms-signup[b-rs2zjjvmwc],
    .user_options-forms .user_forms-login[b-rs2zjjvmwc] {
        top: 40px;
    }

    .user_options-registered[b-rs2zjjvmwc],
    .user_options-unregistered[b-rs2zjjvmwc] {
        padding: 50px 45px;
    }
    .bounceLeft[b-rs2zjjvmwc] {
        left: 0px;
    }
}

@media screen and (max-width: 821px) {
    .bounceLeft[b-rs2zjjvmwc] {
        left: 0px;
    }
}

.loader[b-rs2zjjvmwc] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation-b-rs2zjjvmwc 1s linear infinite;
}

    .loader[b-rs2zjjvmwc]::after,
    .loader[b-rs2zjjvmwc]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-rs2zjjvmwc 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader[b-rs2zjjvmwc]::before {
        width: 15px;
        height: 15px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation-b-rs2zjjvmwc 1.5s linear infinite;
    }

@keyframes rotation-b-rs2zjjvmwc {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-rs2zjjvmwc {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/* _content/CoffeeShop/Pages/DeleteAccount/Index.cshtml.rz.scp.css */
/**
 * * General variables
 * */
/**
 * * General configs
 * */
*[b-3m7jomd0ic] {
    box-sizing: border-box;
}

body[b-3m7jomd0ic] {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1em;
}

button[b-3m7jomd0ic] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}

input[b-3m7jomd0ic], textarea[b-3m7jomd0ic] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

    input[type=submit][b-3m7jomd0ic] {
        cursor: pointer;
    }

    input[b-3m7jomd0ic]::-moz-placeholder,
    textarea[b-3m7jomd0ic]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input:-ms-input-placeholder[b-3m7jomd0ic],
    textarea[b-3m7jomd0ic]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input[b-3m7jomd0ic]::placeholder,
    textarea[b-3m7jomd0ic]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceLeft {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes bounceLeft-b-3m7jomd0ic {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}
/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}

@keyframes bounceRight-b-3m7jomd0ic {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}
/**
 * * Show Sign Up form
 * */
@-webkit-keyframes showSignUp {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showSignUp-b-3m7jomd0ic {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}
/**
 * * Page background
 * */
.user[b-3m7jomd0ic] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ccc;
    background-size: cover;
}

.user_options-container[b-3m7jomd0ic] {
    position: relative;
    width: 80%;
}

.user_options-text[b-3m7jomd0ic] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.85);
    border-radius: 3px;
}

/**
 * * Registered and Unregistered user box and text
 * */
.user_options-registered[b-3m7jomd0ic],
.user_options-unregistered[b-3m7jomd0ic] {
    width: 50%;
    padding: 75px 45px;
    color: #fff;
    font-weight: 300;
}

.user_registered-title[b-3m7jomd0ic],
.user_unregistered-title[b-3m7jomd0ic] {
    margin-bottom: 15px;
    font-size: 1.66rem;
    line-height: 1em;
}

.user_unregistered-text[b-3m7jomd0ic],
.user_registered-text[b-3m7jomd0ic] {
    font-size: 0.83rem;
    line-height: 1.4em;
}

.user_registered-login[b-3m7jomd0ic],
.user_unregistered-signup[b-3m7jomd0ic] {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.2rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .user_registered-login:hover[b-3m7jomd0ic],
    .user_unregistered-signup:hover[b-3m7jomd0ic] {
        color: rgba(34, 34, 34, 0.85);
        background-color: #ccc;
    }

/**
 * * Login and signup forms
 * */
.user_options-forms[b-3m7jomd0ic] {
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(50% - 30px);
    min-height: 420px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: translate3d(100%, -50%, 0);
    transition: transform 0.4s ease-in-out;
}

    .user_options-forms .user_forms-login[b-3m7jomd0ic] {
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    }

    .user_options-forms .forms_title[b-3m7jomd0ic] {
        margin-bottom: 45px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        color: #e8716d;
        letter-spacing: 0.1rem;
    }

    .user_options-forms .forms_field:not(:last-of-type)[b-3m7jomd0ic] {
        margin-bottom: 20px;
    }

    .user_options-forms .forms_field-input[b-3m7jomd0ic] {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 6px 20px 6px 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 1rem;
        font-weight: 300;
        color: gray;
        letter-spacing: 0.1rem;
        transition: border-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_field-input:focus[b-3m7jomd0ic] {
            border-color: gray;
        }

    .user_options-forms .forms_buttons[b-3m7jomd0ic] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px;
    }

    .user_options-forms .forms_buttons-forgot[b-3m7jomd0ic] {
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.1rem;
        color: #ccc;
        text-decoration: underline;
        transition: color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-forgot:hover[b-3m7jomd0ic] {
            color: #b3b3b3;
        }

    .user_options-forms .forms_buttons-action[b-3m7jomd0ic] {
        background-color: #e8716d;
        border-radius: 3px;
        padding: 10px 35px;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        transition: background-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-action:hover[b-3m7jomd0ic] {
            background-color: #e14641;
        }

    .user_options-forms .user_forms-signup[b-3m7jomd0ic],
    .user_options-forms .user_forms-login[b-3m7jomd0ic] {
        position: absolute;
        top: 70px;
        left: 40px;
        width: calc(100% - 80px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
    }

    .user_options-forms .user_forms-signup[b-3m7jomd0ic] {
        transform: translate3d(120px, 0, 0);
    }

        .user_options-forms .user_forms-signup .forms_buttons[b-3m7jomd0ic] {
            justify-content: flex-end;
        }

    .user_options-forms .user_forms-login[b-3m7jomd0ic] {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    /**
 * * Triggers
 * */
    .user_options-forms.bounceLeft[b-3m7jomd0ic] {
        -webkit-animation: bounceLeft 1s forwards;
        animation: bounceLeft-b-3m7jomd0ic 1s forwards;
    }

        .user_options-forms.bounceLeft .user_forms-signup[b-3m7jomd0ic] {
            -webkit-animation: showSignUp 1s forwards;
            animation: showSignUp-b-3m7jomd0ic 1s forwards;
        }

        .user_options-forms.bounceLeft .user_forms-login[b-3m7jomd0ic] {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-120px, 0, 0);
        }

    .user_options-forms.bounceRight[b-3m7jomd0ic] {
        -webkit-animation: bounceRight 1s forwards;
        animation: bounceRight-b-3m7jomd0ic 1s forwards;
    }

/**
 * * Responsive 990px
 * */
@media screen and (max-width: 990px) {
    .user_options-forms[b-3m7jomd0ic] {
        min-height: 382px;
        top: 30%;
        left: -100%;
        width: 100%;
    }

    .user_options-text[b-3m7jomd0ic] {
        flex-direction: column;
        margin-top: 370px;
    }

    .user_options-unregistered[b-3m7jomd0ic], .user_options-registered[b-3m7jomd0ic] {
        width: 100%;
        padding: 15px !important;
    }

    .user_registered-login[b-3m7jomd0ic], .user_unregistered-signup[b-3m7jomd0ic] {
        width: 100%;
    }

    .user_registered-login[b-3m7jomd0ic], .user_unregistered-signup[b-3m7jomd0ic] {
        margin-top: 15px;
    }

    .user_options-forms .forms_buttons[b-3m7jomd0ic] {
        flex-direction: column;
    }

    .user_options-forms .user_forms-login .forms_buttons-action[b-3m7jomd0ic] {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .user_options-forms .user_forms-signup[b-3m7jomd0ic],
    .user_options-forms .user_forms-login[b-3m7jomd0ic] {
        top: 40px;
    }

    .user_options-registered[b-3m7jomd0ic],
    .user_options-unregistered[b-3m7jomd0ic] {
        padding: 50px 45px;
    }
    .bounceLeft[b-3m7jomd0ic] {
        left: 0px;
    }
}

@media screen and (max-width: 821px) {
    .bounceLeft[b-3m7jomd0ic] {
        left: 0px;
    }
}

.loader[b-3m7jomd0ic] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation-b-3m7jomd0ic 1s linear infinite;
}

    .loader[b-3m7jomd0ic]::after,
    .loader[b-3m7jomd0ic]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-3m7jomd0ic 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader[b-3m7jomd0ic]::before {
        width: 15px;
        height: 15px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation-b-3m7jomd0ic 1.5s linear infinite;
    }

@keyframes rotation-b-3m7jomd0ic {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-3m7jomd0ic {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/* _content/CoffeeShop/Pages/DownloadApp/Index.cshtml.rz.scp.css */
/* _content/CoffeeShop/Pages/Home/Index.cshtml.rz.scp.css */
/**
 * * General variables
 * */
/**
 * * General configs
 * */
*[b-5ddp82md6v] {
    box-sizing: border-box;
}

body[b-5ddp82md6v] {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1em;
}

button[b-5ddp82md6v] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}

input[b-5ddp82md6v] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

    input[type=submit][b-5ddp82md6v] {
        cursor: pointer;
    }

    input[b-5ddp82md6v]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input:-ms-input-placeholder[b-5ddp82md6v] {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input[b-5ddp82md6v]::placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceLeft {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes bounceLeft-b-5ddp82md6v {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}
/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}

@keyframes bounceRight-b-5ddp82md6v {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}
/**
 * * Show Sign Up form
 * */
@-webkit-keyframes showSignUp {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showSignUp-b-5ddp82md6v {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}
/**
 * * Page background
 * */
.user[b-5ddp82md6v] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ccc;
    background-size: cover;
}

.user_options-container[b-5ddp82md6v] {
    position: relative;
    width: 80%;
}

.user_options-text[b-5ddp82md6v] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.85);
    border-radius: 3px;
}

/**
 * * Registered and Unregistered user box and text
 * */
.user_options-registered[b-5ddp82md6v],
.user_options-unregistered[b-5ddp82md6v] {
    width: 50%;
    padding: 75px 45px;
    color: #fff;
    font-weight: 300;
}

.user_registered-title[b-5ddp82md6v],
.user_unregistered-title[b-5ddp82md6v] {
    margin-bottom: 15px;
    font-size: 1.66rem;
    line-height: 1em;
}

.user_unregistered-text[b-5ddp82md6v],
.user_registered-text[b-5ddp82md6v] {
    font-size: 0.83rem;
    line-height: 1.4em;
}

.user_registered-login[b-5ddp82md6v],
.user_unregistered-signup[b-5ddp82md6v] {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.2rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .user_registered-login:hover[b-5ddp82md6v],
    .user_unregistered-signup:hover[b-5ddp82md6v] {
        color: rgba(34, 34, 34, 0.85);
        background-color: #ccc;
    }

/**
 * * Login and signup forms
 * */
.user_options-forms[b-5ddp82md6v] {
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(50% - 30px);
    min-height: 420px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: translate3d(100%, -50%, 0);
    transition: transform 0.4s ease-in-out;
}

    .user_options-forms .user_forms-login[b-5ddp82md6v] {
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    }

    .user_options-forms .forms_title[b-5ddp82md6v] {
        margin-bottom: 45px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        color: #e8716d;
        letter-spacing: 0.1rem;
    }

    .user_options-forms .forms_field:not(:last-of-type)[b-5ddp82md6v] {
        margin-bottom: 20px;
    }

    .user_options-forms .forms_field-input[b-5ddp82md6v] {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 6px 20px 6px 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 1rem;
        font-weight: 300;
        color: gray;
        letter-spacing: 0.1rem;
        transition: border-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_field-input:focus[b-5ddp82md6v] {
            border-color: gray;
        }

    .user_options-forms .forms_buttons[b-5ddp82md6v] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px;
    }

    .user_options-forms .forms_buttons-forgot[b-5ddp82md6v] {
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.1rem;
        color: #ccc;
        text-decoration: underline;
        transition: color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-forgot:hover[b-5ddp82md6v] {
            color: #b3b3b3;
        }

    .user_options-forms .forms_buttons-action[b-5ddp82md6v] {
        background-color: #e8716d;
        border-radius: 3px;
        padding: 10px 35px;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        transition: background-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-action:hover[b-5ddp82md6v] {
            background-color: #e14641;
        }

    .user_options-forms .user_forms-signup[b-5ddp82md6v],
    .user_options-forms .user_forms-login[b-5ddp82md6v] {
        position: absolute;
        top: 70px;
        left: 40px;
        width: calc(100% - 80px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
    }

    .user_options-forms .user_forms-signup[b-5ddp82md6v] {
        transform: translate3d(120px, 0, 0);
    }

        .user_options-forms .user_forms-signup .forms_buttons[b-5ddp82md6v] {
            justify-content: flex-end;
        }

    .user_options-forms .user_forms-login[b-5ddp82md6v] {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    /**
 * * Triggers
 * */
    .user_options-forms.bounceLeft[b-5ddp82md6v] {
        -webkit-animation: bounceLeft 1s forwards;
        animation: bounceLeft-b-5ddp82md6v 1s forwards;
    }

        .user_options-forms.bounceLeft .user_forms-signup[b-5ddp82md6v] {
            -webkit-animation: showSignUp 1s forwards;
            animation: showSignUp-b-5ddp82md6v 1s forwards;
        }

        .user_options-forms.bounceLeft .user_forms-login[b-5ddp82md6v] {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-120px, 0, 0);
        }

    .user_options-forms.bounceRight[b-5ddp82md6v] {
        -webkit-animation: bounceRight 1s forwards;
        animation: bounceRight-b-5ddp82md6v 1s forwards;
    }

/**
 * * Responsive 990px
 * */
@media screen and (max-width: 990px) {
    .user_options-forms[b-5ddp82md6v] {
        min-height: 350px;
        top: 30%;
        left: -100%;
        width: 100%;
    }

    .user_options-text[b-5ddp82md6v] {
        flex-direction:column;
        margin-top: 370px;
    }

    .user_options-unregistered[b-5ddp82md6v], .user_options-registered[b-5ddp82md6v] {
        width: 100%;
        padding: 15px !important;
    }

    .user_registered-login[b-5ddp82md6v], .user_unregistered-signup[b-5ddp82md6v]{
        width: 100%;
    }

    .user_registered-login[b-5ddp82md6v], .user_unregistered-signup[b-5ddp82md6v] {
        margin-top:15px;
    }
        
    .user_options-forms .forms_buttons[b-5ddp82md6v] {
        flex-direction: column;
    }

    .user_options-forms .user_forms-login .forms_buttons-action[b-5ddp82md6v] {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .user_options-forms .user_forms-signup[b-5ddp82md6v],
    .user_options-forms .user_forms-login[b-5ddp82md6v] {
        top: 40px;
    }

    .user_options-registered[b-5ddp82md6v],
    .user_options-unregistered[b-5ddp82md6v] {
        padding: 50px 45px;
    }

    .bounceLeft[b-5ddp82md6v] {
        left: 0px;
    }
}

@media screen and (max-width: 821px) {
    .bounceLeft[b-5ddp82md6v] {
        left: 0px;
    }
}

.loader[b-5ddp82md6v] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation-b-5ddp82md6v 1s linear infinite;
}

    .loader[b-5ddp82md6v]::after,
    .loader[b-5ddp82md6v]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-5ddp82md6v 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader[b-5ddp82md6v]::before {
        width: 15px;
        height: 15px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation-b-5ddp82md6v 1.5s linear infinite;
    }

@keyframes rotation-b-5ddp82md6v {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-5ddp82md6v {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/* _content/CoffeeShop/Pages/ResetPassword/Index.cshtml.rz.scp.css */
/**
 * * General variables
 * */
/**
 * * General configs
 * */
*[b-6ezo3vw6n2] {
    box-sizing: border-box;
}

body[b-6ezo3vw6n2] {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1em;
}

button[b-6ezo3vw6n2] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}

input[b-6ezo3vw6n2] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

    input[type=submit][b-6ezo3vw6n2] {
        cursor: pointer;
    }

    input[b-6ezo3vw6n2]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input:-ms-input-placeholder[b-6ezo3vw6n2] {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input[b-6ezo3vw6n2]::placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceLeft {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes bounceLeft-b-6ezo3vw6n2 {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}
/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}

@keyframes bounceRight-b-6ezo3vw6n2 {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}
/**
 * * Show Sign Up form
 * */
@-webkit-keyframes showSignUp {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showSignUp-b-6ezo3vw6n2 {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}
/**
 * * Page background
 * */
.user[b-6ezo3vw6n2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ccc;
    background-size: cover;
}

.user_options-container[b-6ezo3vw6n2] {
    position: relative;
    width: 80%;
}

.user_options-text[b-6ezo3vw6n2] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.85);
    border-radius: 3px;
}

/**
 * * Registered and Unregistered user box and text
 * */
.user_options-registered[b-6ezo3vw6n2],
.user_options-unregistered[b-6ezo3vw6n2] {
    width: 50%;
    padding: 75px 45px;
    color: #fff;
    font-weight: 300;
}

.user_registered-title[b-6ezo3vw6n2],
.user_unregistered-title[b-6ezo3vw6n2] {
    margin-bottom: 15px;
    font-size: 1.66rem;
    line-height: 1em;
}

.user_unregistered-text[b-6ezo3vw6n2],
.user_registered-text[b-6ezo3vw6n2] {
    font-size: 0.83rem;
    line-height: 1.4em;
}

.user_registered-login[b-6ezo3vw6n2],
.user_unregistered-signup[b-6ezo3vw6n2] {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.2rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .user_registered-login:hover[b-6ezo3vw6n2],
    .user_unregistered-signup:hover[b-6ezo3vw6n2] {
        color: rgba(34, 34, 34, 0.85);
        background-color: #ccc;
    }

/**
 * * Login and signup forms
 * */
.user_options-forms[b-6ezo3vw6n2] {
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(50% - 30px);
    min-height: 420px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: translate3d(100%, -50%, 0);
    transition: transform 0.4s ease-in-out;
}

    .user_options-forms .user_forms-login[b-6ezo3vw6n2] {
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    }

    .user_options-forms .forms_title[b-6ezo3vw6n2] {
        margin-bottom: 45px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        color: #e8716d;
        letter-spacing: 0.1rem;
    }

    .user_options-forms .forms_field:not(:last-of-type)[b-6ezo3vw6n2] {
        margin-bottom: 20px;
    }

    .user_options-forms .forms_field-input[b-6ezo3vw6n2] {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 6px 20px 6px 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 1rem;
        font-weight: 300;
        color: gray;
        letter-spacing: 0.1rem;
        transition: border-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_field-input:focus[b-6ezo3vw6n2] {
            border-color: gray;
        }

    .user_options-forms .forms_buttons[b-6ezo3vw6n2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px;
    }

    .user_options-forms .forms_buttons-forgot[b-6ezo3vw6n2] {
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.1rem;
        color: #ccc;
        text-decoration: underline;
        transition: color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-forgot:hover[b-6ezo3vw6n2] {
            color: #b3b3b3;
        }

    .user_options-forms .forms_buttons-action[b-6ezo3vw6n2] {
        background-color: #e8716d;
        border-radius: 3px;
        padding: 10px 35px;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        transition: background-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-action:hover[b-6ezo3vw6n2] {
            background-color: #e14641;
        }

    .user_options-forms .user_forms-signup[b-6ezo3vw6n2],
    .user_options-forms .user_forms-login[b-6ezo3vw6n2] {
        position: absolute;
        top: 70px;
        left: 40px;
        width: calc(100% - 80px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
    }

    .user_options-forms .user_forms-signup[b-6ezo3vw6n2] {
        transform: translate3d(120px, 0, 0);
    }

        .user_options-forms .user_forms-signup .forms_buttons[b-6ezo3vw6n2] {
            justify-content: flex-end;
        }

    .user_options-forms .user_forms-login[b-6ezo3vw6n2] {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    /**
 * * Triggers
 * */
    .user_options-forms.bounceLeft[b-6ezo3vw6n2] {
        -webkit-animation: bounceLeft 1s forwards;
        animation: bounceLeft-b-6ezo3vw6n2 1s forwards;
    }

        .user_options-forms.bounceLeft .user_forms-signup[b-6ezo3vw6n2] {
            -webkit-animation: showSignUp 1s forwards;
            animation: showSignUp-b-6ezo3vw6n2 1s forwards;
        }

        .user_options-forms.bounceLeft .user_forms-login[b-6ezo3vw6n2] {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-120px, 0, 0);
        }

    .user_options-forms.bounceRight[b-6ezo3vw6n2] {
        -webkit-animation: bounceRight 1s forwards;
        animation: bounceRight-b-6ezo3vw6n2 1s forwards;
    }

/**
 * * Responsive 990px
 * */
@media screen and (max-width: 990px) {
    .user_options-forms[b-6ezo3vw6n2] {
        top: 30%;
        left: -100%;
        width: 100%;
    }

    .user_options-text[b-6ezo3vw6n2] {
        flex-direction: column;
        margin-top: 370px;
    }

    .user_options-unregistered[b-6ezo3vw6n2], .user_options-registered[b-6ezo3vw6n2] {
        width: 100%;
        padding: 15px !important;
    }

    .user_registered-login[b-6ezo3vw6n2], .user_unregistered-signup[b-6ezo3vw6n2] {
        width: 100%;
    }

    .user_registered-login[b-6ezo3vw6n2], .user_unregistered-signup[b-6ezo3vw6n2] {
        margin-top: 15px;
    }

    .user_options-forms .forms_buttons[b-6ezo3vw6n2] {
        flex-direction: column;
    }

    .user_options-forms .user_forms-login .forms_buttons-action[b-6ezo3vw6n2] {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .user_options-forms .user_forms-signup[b-6ezo3vw6n2],
    .user_options-forms .user_forms-login[b-6ezo3vw6n2] {
        top: 40px;
    }

    .user_options-registered[b-6ezo3vw6n2],
    .user_options-unregistered[b-6ezo3vw6n2] {
        padding: 50px 45px;
    }

    .bounceLeft[b-6ezo3vw6n2] {
        left: 0px;
    }
}

@media screen and (max-width: 821px) {
    .bounceLeft[b-6ezo3vw6n2] {
        left: 0px;
    }
}

.loader[b-6ezo3vw6n2] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation-b-6ezo3vw6n2 1s linear infinite;
}

    .loader[b-6ezo3vw6n2]::after,
    .loader[b-6ezo3vw6n2]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-6ezo3vw6n2 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader[b-6ezo3vw6n2]::before {
        width: 15px;
        height: 15px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation-b-6ezo3vw6n2 1.5s linear infinite;
    }

@keyframes rotation-b-6ezo3vw6n2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-6ezo3vw6n2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/* _content/CoffeeShop/Pages/SSO/Index.cshtml.rz.scp.css */
/**
 * * General variables
 * */
/**
 * * General configs
 * */
*[b-l1q4cfk12j] {
    box-sizing: border-box;
}

body[b-l1q4cfk12j] {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1em;
}

button[b-l1q4cfk12j] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}

input[b-l1q4cfk12j] {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

    input[type=submit][b-l1q4cfk12j] {
        cursor: pointer;
    }

    input[b-l1q4cfk12j]::-moz-placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input:-ms-input-placeholder[b-l1q4cfk12j] {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

    input[b-l1q4cfk12j]::placeholder {
        font-size: 0.85rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1rem;
        color: #ccc;
    }

/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceLeft {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes bounceLeft-b-l1q4cfk12j {
    0% {
        transform: translate3d(100%, -50%, 0);
    }

    50% {
        transform: translate3d(-30px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}
/**
 * * Bounce to the left side
 * */
@-webkit-keyframes bounceRight {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}

@keyframes bounceRight-b-l1q4cfk12j {
    0% {
        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(calc(100% + 30px), -50%, 0);
    }

    100% {
        transform: translate3d(100%, -50%, 0);
    }
}
/**
 * * Show Sign Up form
 * */
@-webkit-keyframes showSignUp {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showSignUp-b-l1q4cfk12j {
    100% {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }
}
/**
 * * Page background
 * */
.user[b-l1q4cfk12j] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ccc;
    background-size: cover;
}

.user_options-container[b-l1q4cfk12j] {
    position: relative;
    width: 80%;
}

.user_options-text[b-l1q4cfk12j] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.85);
    border-radius: 3px;
}

/**
 * * Registered and Unregistered user box and text
 * */
.user_options-registered[b-l1q4cfk12j],
.user_options-unregistered[b-l1q4cfk12j] {
    width: 50%;
    padding: 75px 45px;
    color: #fff;
    font-weight: 300;
}

.user_registered-title[b-l1q4cfk12j],
.user_unregistered-title[b-l1q4cfk12j] {
    margin-bottom: 15px;
    font-size: 1.66rem;
    line-height: 1em;
}

.user_unregistered-text[b-l1q4cfk12j],
.user_registered-text[b-l1q4cfk12j] {
    font-size: 0.83rem;
    line-height: 1.4em;
}

.user_registered-login[b-l1q4cfk12j],
.user_unregistered-signup[b-l1q4cfk12j] {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.2rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .user_registered-login:hover[b-l1q4cfk12j],
    .user_unregistered-signup:hover[b-l1q4cfk12j] {
        color: rgba(34, 34, 34, 0.85);
        background-color: #ccc;
    }

/**
 * * Login and signup forms
 * */
.user_options-forms[b-l1q4cfk12j] {
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(50% - 30px);
    min-height: 420px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transform: translate3d(100%, -50%, 0);
    transition: transform 0.4s ease-in-out;
}

    .user_options-forms .user_forms-login[b-l1q4cfk12j] {
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    }

    .user_options-forms .forms_title[b-l1q4cfk12j] {
        margin-bottom: 45px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        color: #e8716d;
        letter-spacing: 0.1rem;
    }

    .user_options-forms .forms_field:not(:last-of-type)[b-l1q4cfk12j] {
        margin-bottom: 20px;
    }

    .user_options-forms .forms_field-input[b-l1q4cfk12j] {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 6px 20px 6px 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 1rem;
        font-weight: 300;
        color: gray;
        letter-spacing: 0.1rem;
        transition: border-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_field-input:focus[b-l1q4cfk12j] {
            border-color: gray;
        }

    .user_options-forms .forms_buttons[b-l1q4cfk12j] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px;
    }



    .user_options-forms .forms_buttons-action[b-l1q4cfk12j] {
        background-color: #e8716d;
        border-radius: 3px;
        padding: 10px 35px;
        font-size: 1rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        transition: background-color 0.2s ease-in-out;
    }

        .user_options-forms .forms_buttons-action:hover[b-l1q4cfk12j] {
            background-color: #e14641;
        }


    .user_options-forms .user_forms-login[b-l1q4cfk12j] {
        position: absolute;
        top: 70px;
        left: 40px;
        width: calc(100% - 80px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
    }

   

    .user_options-forms .user_forms-login[b-l1q4cfk12j] {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    /**
 * * Triggers
 * */
    .user_options-forms.bounceLeft[b-l1q4cfk12j] {
        -webkit-animation: bounceLeft 1s forwards;
        animation: bounceLeft-b-l1q4cfk12j 1s forwards;
    }

        .user_options-forms.bounceLeft .user_forms-signup[b-l1q4cfk12j] {
            -webkit-animation: showSignUp 1s forwards;
            animation: showSignUp-b-l1q4cfk12j 1s forwards;
        }

        .user_options-forms.bounceLeft .user_forms-login[b-l1q4cfk12j] {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-120px, 0, 0);
        }

    .user_options-forms.bounceRight[b-l1q4cfk12j] {
        -webkit-animation: bounceRight 1s forwards;
        animation: bounceRight-b-l1q4cfk12j 1s forwards;
    }

/**
 * * Responsive 990px
 * */
@media screen and (max-width: 990px) {
    .user_options-forms[b-l1q4cfk12j] {
        min-height: 350px;
        top: 30%;
        left: -100%;
        width: 100%;
    }

    .user_options-text[b-l1q4cfk12j] {
        flex-direction: column;
        margin-top: 370px;
    }

    .user_options-unregistered[b-l1q4cfk12j], .user_options-registered[b-l1q4cfk12j] {
        width: 100%;
        padding: 15px !important;
    }

    .user_registered-login[b-l1q4cfk12j], .user_unregistered-signup[b-l1q4cfk12j] {
        width: 100%;
    }

    .user_registered-login[b-l1q4cfk12j], .user_unregistered-signup[b-l1q4cfk12j] {
        margin-top: 15px;
    }

    .user_options-forms .forms_buttons[b-l1q4cfk12j] {
        flex-direction: column;
    }

    .user_options-forms .user_forms-login .forms_buttons-action[b-l1q4cfk12j] {
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .user_options-forms .user_forms-signup[b-l1q4cfk12j],
    .user_options-forms .user_forms-login[b-l1q4cfk12j] {
        top: 40px;
    }

    .user_options-registered[b-l1q4cfk12j],
    .user_options-unregistered[b-l1q4cfk12j] {
        padding: 50px 45px;
    }

    .bounceLeft[b-l1q4cfk12j] {
        left: 0px;
    }
}

@media screen and (max-width: 821px) {
    .bounceLeft[b-l1q4cfk12j] {
        left: 0px;
    }
}

@media screen and (max-width: 361px) {
    .user_options-forms[b-l1q4cfk12j] {
        left: -288px;
    }

    .bounceLeft[b-l1q4cfk12j] {
        left: 0px;
    }
}
loc
.loader[b-l1q4cfk12j] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation-b-l1q4cfk12j 1s linear infinite;
}

    .loader[b-l1q4cfk12j]::after,
    .loader[b-l1q4cfk12j]::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack-b-l1q4cfk12j 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader[b-l1q4cfk12j]::before {
        width: 15px;
        height: 15px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation-b-l1q4cfk12j 1.5s linear infinite;
    }

@keyframes rotation-b-l1q4cfk12j {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack-b-l1q4cfk12j {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@media screen and (max-width: 767px) {
    .user_options-forms[b-l1q4cfk12j] {
        position: unset;
        width: 100%;
        transform: none;
        transition: none;
    }
}