.beep-hide {
    display: none;
}

.beep-forcehide {
    display: none;
}

.beep-show {
}

.beep-googlelogin-button
{
}

.beep-facebooklogin-button {
    /*Name: Blue Yonder Hex: #4267B2 RGB: (66, 103, 178) CMYK: 0.629, 0.421, 0, 0.301*/
    background-color: #4267B2;
    color: #ffffff;
}

.atv-vote-answer-button {
    user-select: none;
}

.atv-cookie-text-container {
    width: 80%;
    margin: auto;
}
.atv-cookie-text {
    text-align: center;
    color: #ffffff;
    font-size: 12pt;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 18pt;
}

/* email */
.atv-email-div {
    align-items: center;
    text-align: center;
}

.atv-header-img-img{
    align-self: center;
}

.atv-input-div
{
    /*background-color: red;*/
}
.atv-input-div-inner {
    /*background-color: yellow;*/
    margin: auto;
    width: 80%;
    margin-bottom: 1em;
}

input.btn-input {
    /*background-color: aqua;*/
    font-size: 18pt;
    height: 80px;
    width: 100%;
    border-radius: 80px;
    box-sizing: border-box;
    /*    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 1em;
    margin-top: 1em;
*/ text-align: center;
    padding: 0px 0px 0px 0px;
}

input.is-invalid {
    background-color: #fee3e2;
}

input.is-valid {
    background-color: #ecfadc;
}

input.is-maybevalid {
    background-color: #ff964f;
}

a {
    color: white;
    text-decoration: none;
}
    a:visited {
        color: white;
        text-decoration: none;
    }

#beepGoogleLoginButtonContainer {
    margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 80%;
}
#beepGoogleLoginButton {
    margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 80%;
}

.btn-input-otpcodeinput
{
    text-align: center;
}

.emailinput {
    text-align: center;
}
/* STRT GOOGLE LOGIN */
.google-login-button-outer-div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.google-login-button-inner-div {
    width: 400px;
    background-color: orange;
}
/* STOP GOOGLE LOGIN */

.spanLoginWithFacebook {
    display: inline-block;
}


.atv-rules-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 1em 0.5em;
}

@media (max-width:960px) {
    .atv-rules-inner {
        flex-direction: column;
    }
}

.atv-rules-flexbox {
    height: 2em;
    width: 30ch;
    min-width: 30ch;
    max-width: 30ch;
    /*background-color: red;*/
    margin: auto;
    flex-grow: 1;
    flex-shrink: 1;
}

.atv-rules-flexlink {
    display: inline-block;
    width: 100%;
    background-color: #EEF2FD;
    border-radius: 50px;
    /*margin-top: 1em;*/
    color: #000000 !important;
    text-transform: lowercase;
}

    .atv-rules-flexlink :hover {
        color: #ffffff !important;
        background-color: #393939 !important;
    }