#loginCloseDiv {
    background-color: var(--base);
    color: #ffffff;
    line-height: 20px;
}

.signInInput {
    border: 1px solid #000000;
    background-color: #fff;
}


/* @supports (-webkit-overflow-scrolling: touch) {  only safari */

.signInInput#registerAge:before {
    color: #8f9194;
    opacity: 0.8;
    content: attr(placeholder);
}

.signInInput#registerAge.filled:before {
    color: #8f9194;
    content: "" !important;
}

.signInInput#registerAge:not(.filled):before {
    color: #8f9194;
    opacity: 0.8;
    content: attr(placeholder);
}

.signInInput#registerAge {
    -webkit-text-fill-color: #8f9194;
    -webkit-opacity: 1;
    z-index: 1000;
    /* padding-top: 13px; */
    /* height: 35px; */
    /* padding-right: 10px;
    width: calc(66% - 10px); */
}


/*}*/

.signInInput::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #8f9194;
    opacity: 0.8;
}

.signInInput:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #8f9194;
    opacity: 0.8;
}

.signInInput::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #8f9194;
    opacity: 0.8;
}

.signInInput:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8f9194;
    opacity: 0.8;
}

.signInInput::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #8f9194;
    opacity: 0.8;
}

.signInButton {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
}

.signInButtonLarge {
    background-color: var(--base);
    color: #ffffff;
    border: 2px solid var(--base);
    text-transform: uppercase;
    font-weight: 500;
}

div#loginMessageDiv {
    border-radius: 0px !important;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
}
div#signInUser {
    height: 300px;
}
#registerUser {
    border-radius: 0px;
}

.signInButtonLarge:not(.facebookConnect):hover {
    background-color: #fff;
    color: var(--base);
    border: 2px solid var(--base);
}

#changeToRegisterButton,
#changeToLoginButton {
    background-color: var(--base);
    color: #ffffff;
    border-radius: 0px;
    border: 2px solid var(--base);
    text-transform: uppercase;
    font-weight: 500;
}

.separator {
    border-bottom: 1px solid #000000;
    margin-top: 14px;
    margin-bottom: 24px;
}

.facebookConnect {
    display: none;
}

.signInTitle {
    color: #000000;
    text-transform: uppercase;
}

#terms,
#forgotPassword,
.checkboxText {
    color: black !important;
}

.signInCheckbox {
    border: 1px solid #000000;
}

.facebookText {
    font-size: 9px !important;
}

#signInUser {
    margin-top: 0;
    border-radius: 0px;
}

@media screen and (max-width: 768px) {
    .separator {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .signInTitle {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 10px;
        font-weight: 500;
    }
    #registerUser {
        height: auto;
        max-height: 72vh;
        overflow-y: auto;
    }
    #signInUser {
        height: 255px !important;
    }
    #loginMessageDiv {
        margin-top: 50px;
        height: auto;
    }
}