/* ========================================================================= \\
    Logout Modal Styles
\\ ========================================================================= */

.logoutConfirmation,
#logout-modal .lg-modal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.logoutModalBtns {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.logoutModalBtns button {
    cursor: pointer;
    margin: 0.8em;
}

@media (min-width: 25em) {
    .logoutConfirmation,
    #logout-modal .lg-modal__actions,
    .logoutModalBtns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

#logout-modal .lg-modal__wrapper {
    max-width: 40em;
}

@media (max-width: 41.875em) {
    /** 670px **/
    #logout-modal .lg-modal__wrapper {
        max-width: 80%;
    }
}