@font-face {
    font-family: CalibriBoldFallback;
    src: url("/static/assets/fonts/Calibri-Bold.woff") format("woff"),
        url("/static/assets/fonts/Calibri-Bold.woff2") format("woff2");
}

@font-face {
    font-family: FrutigerLTStd;
    src: url("../../assets/fonts/FrutigerLTStd-Black.woff") format("woff"),
        url("../../assets/fonts/FrutigerLTStd-Black.woff2") format("woff2");
}



@font-face {
    font-family: MyriadProBlackFallback;
    src: url("../../assets/fonts/MyriadPro-Black.woff") format("woff");
}

@font-face {
    font-family: FrutigerLTStdRoman;
    src: url("../../assets/fonts/FrutigerLTStd-Roman.woff") format("woff"),
        url("../../assets/fonts/FrutigerLTStd-Roman.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* POL-1860: Test rendering, browsers and devices, it is the same font 
founded in import url myriad-pro below, but with Ortiz standards applied (small dots) */
@font-face {
    font-family: MyriadProBoldFallback;
    src: url("../../assets/fonts/Ortiz_MYRIADPRO-BOLD.woff") format("woff");
}

@import url('https://fonts.cdnfonts.com/css/myriad-pro');
@import url('https://fonts.cdnfonts.com/css/arial');
@import url('https://fonts.cdnfonts.com/css/prompt');

/* Utilities ======================================================== */
.align-center {
    display: flex;
    align-items: center;
    /*Aligns vertically center */
}

@supports (-webkit-text-stroke: 1px black) {
    .stroke_format {
        font-weight: bold;
        color: white;
        letter-spacing: -0.03em;
        text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
        -webkit-font-smoothing: antialiased;
        /* font-family: FrutigerLTStd; */
        /* font-size: 1.5rem;
        text-transform: capitalize; */
    }
}

/* REQUEST_WITHDRAW ================================================= */

.card-stats {
    padding: 2%;
    font-size: 110%;
}

.card-footer {
    background-color: white;
}

.numbers p {
    margin-bottom: -.2%;
    color: rgb(134, 134, 134);
}

#balance-value {
    font-size: 250%;
    color: rgb(112, 204, 112);
}

#div-form-request {
    margin-bottom: 2%;
    color: white;
}

#btn-debit,
#basic-addon1 {
    border-radius: 0;
}

#icon-cash {
    font-size: 250%;
    color: rgb(112, 204, 112);
}

/* NAVBAR =========================================================== */
#balance_int {
    color: rgb(112, 204, 112);
    font-size: 120%;
}

#balance_cents {
    color: rgb(112, 204, 112);
}

#navbar-text {
    font-weight: 200;
    color: rgb(134, 134, 134);
    font-size: 200%;
    margin-right: 5%;
}

#navbar-text-new {
    font-size: 5vw;
    margin-right: 3vw;
    margin-top: 8px;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
}

#navbar-text-div {
    display: flex;
    justify-content: right;
}

/* NAVBAR_TICKET ==================================================== */
#btn-show-keyboard-ticket,
#btn-close-game {
    height: 100px;
    width: 200px;
    color: white;
    font-weight: lighter;
    font-size: 150%;
    background-color: #201b51;
}

.separator {
    height: 2px;
    background-color: #201b51;
}

#menu-ticket {
    padding: 10px;
}

#div-keyboard {
    text-align: center;
    z-index: 99;
    position: absolute;
    left: 65%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#keyboard {
    border-radius: 2%;
    background-color: #201b51;
    padding: 5%;
}

#div-btn-close {
    padding: 2%;
    font-size: 300%;
}

#btn-close {
    font-size: 80%;
    padding: 5%;
    background-color: #201b51;
    border-color: #5b5596;
    color: rgb(190, 184, 226);
}

#btn-go {
    background-color: #3b1b51;
}

#bt-logout {
    font-size: 150%;
    padding-top: 15%;
    height: 100px;
    width: 200px;
    background-color: #201b51;
}

#code {
    color: #66615b;
    border-style: solid;
    border-color: #66615b;
    width: 100%;
    height: 80px;
    font-size: 400%;
}

.btn-keyboard {
    width: 120px;
    height: 120px;
    font-size: 200%;
    margin: 10px;
    border-color: rgb(19, 11, 58);
    background-color: #372e8a;
    color: rgb(228, 224, 255);
}

.game {
    width: 80%;
}

#coming_soon_tag {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: 0px 0px 0px 10%;
}

#playerNotFoundDiv, #playerWalletDiv {
    display: none;
    text-align: center;
    background-image: url("../../newone/images/acccreate_glow.png");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: auto;
    padding-top: 15%;
    height: 100%;
    max-width: 500px;
    margin: auto;
    background-position: 0px -7vw;
    min-height: 629px;
}

#playerBlockedMsg {
    width: 100%;
    height: 80%;
    text-align: center;
    text-align: center;
    margin-top: 70px;
}

.hide-overflow {
    overflow: hidden;
}

#player_blocked_msg_content {
    width: 90%;
    display: block;
    margin: auto;
    max-width: 454px;
}

#player_blocked_msg_text {
    font-size: 5.7vw;
    line-height: 31px;
}

#player_blocked_btns {
    margin-top: 14%;
    display: flex;
    gap: 18%;
    justify-content: center;
    width: 100%;
}

#player_blocked_back_btn {
    font-size: 8vw;
}

#player_blocked_resend_btn {
    font-size: 4.5vw;
}

.player_blocked_btn {
    width: 136px;
    height: 51px;
    background-color: #0E4AA7;
    border-radius: 13px;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 0;
}


.forgot_password_btn {
    padding: 0;
    padding-right: 2px;
    font-size: 18px;
    display: none;
    border: none;
    background: none;
    cursor: pointer;
}

.forgot_password_div {
    display: flex;
    justify-content: right;
    margin-top: 4px;
    padding: 0 1px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.loading_spinner {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid transparent !important;
    border-top-color: #ffffff !important;
    margin: 6% 0;
    display: inline-block;
    margin-left: 7px;
}

.check_mark {
    height: 30px;
    border: 4px solid #fff !important;
    border-bottom: 0 !important;
    width: 13px;
    border-right: 0 !important;
    rotate: -133deg;
    -webkit-animation: success ease-in 0.15s forwards;
    animation: success ease-in 0.15s forwards;
    margin: 6% 0;
    display: inline-block;
    margin-left: 7px;
}

.loading {
    animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes success {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes success {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}


.show_popup {
    visibility: visible !important;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.login_fields {
    height: 41px;
    font-size: 19px;
    font-weight: bold;
}

.request-pix-button-box {
    width: 100%;
}

.request-pix-buttons {
    width: 91%;
    height: 67px;
    margin: 0 auto;
    justify-content: center;
    font-size: 7vw;
}

.submit-form-buttons {
    display: flex;
    gap: 4px;
    margin-top: 22px;
}

.login-button {
    font-size: 7vw;
    width: 100%;
    height: 16vw;
    max-height: 70px;
    background-color: transparent;
    background-position: center;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 6px;
    /* font-family: FrutigerLTStd; */
}

.login-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sms_popup_content {
    width: 89vw;
    margin: auto;
    padding-bottom: 100px;
    max-width: 497px;
    padding-bottom: 300px;
}

.sms_popup_box {
    background-image: url(../../newone/images/popup_fundo.png);
    background-size: cover;
    margin: auto;
    margin-top: 98px;
    border-radius: 30px;
    box-shadow: 0px 0px 6px 2px black;
    padding: 0;
    display: grid;
    align-content: center;
    justify-items: center;
}

.sms_popup_inner_text {
    margin: auto;
    margin-top: 20px;
    font-size: 6vw;
    width: 85%;
    line-height: 26px;
    text-align: center;
}

#home-page-container {
    display: contents;
    min-height: 69%
}

.sms_popup_buttons_container {
    display: flex;
    margin: auto;
    padding-top: 6px;
    width: 100%;
    justify-content: center;
}

.sms_popup_button {
    width: 41vw;
    font-size: 8vw;
    max-width: 170px;
    margin-top: 10px;
    margin-bottom: 8px;
    border-image-source: url(../../newone/images/button_voltar.png);
    border-image-slice: 27 27 27 27 fill;
    border-image-width: 30px 30px 30px 30px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    background-color: transparent;
    padding-bottom: 6px;
}

.website_header {
    font-size: 9vw;
    text-align: center;
    margin-top: 3.5%;
}

.form_label {
    font-size: 25px;
}

#password_tries_div {
    padding: 0 1px;
}

.password_tries_text {
    visibility: hidden;
    text-align: left;
    font-size: 18px;
    margin: auto;
    line-height: 21px;
}

#signUpSuccessDiv {
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    height: 100%;
    background-image: url("../../newone/images/sucess_popup_2.png");
    background-size: 100%;
    padding-top: 54vw;
}

.glow_height {
    height: 100%;
}

.login-button-box {
    display: flex;
    justify-content: right;
    margin-top: 3vw;
    margin-right: 2vw;
    padding-left: 2vw;
}

.yellow-login-button {
    border: none;
    background-color: transparent;
    background-image: url("../../newone/images/button_login.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
    padding: 0;
    font-weight: 900;
    font-size: 1.8em;
    font-family: Arial;
    color: #000;
    box-shadow: 0px 0px 7px 0px black;
    border-radius: 8.5px;
    background-position: center;
    margin: 0px 0px;
    padding-left: 6px;
    padding-right: 6px;
}

#footer_deposit_button_div{
    display: flex;
    height: 50px;
    margin-bottom: 8vh;
}

.footer-button-index-page {
    /*Relative at footer*/
    bottom: 1%;
    left: 0;
    right: 0;
    margin: auto;

    /*Align text*/
    text-align: -webkit-center;

    /*Button style (used in footer_deposit_button)*/
    color: #000;
    width: 180px;
    height: 50px;
    background-color: #ffc410;
    font-weight: 900;
    font-size: 1.8em;
    font-family: Arial;
    border: 1px solid;
    border-radius: 13px;
    box-shadow: 0px 0px 7px 0px black;
}

.fixed-position {
    position: fixed;
    margin: 5% auto
}

.qr-code-sign-up-account-elements {
    display: block;
}

.qr-code-sign-up-user-agreement-elements {
    display: none;
}

#user-agreement-container * {
    font-size: 14px;
    margin-bottom: 8px;
}

#user-agreement-container h1 {
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
}

#user-agreement-container h2 {
    font-weight: bold;
}


#user-agreement-container a:visited,
#user-agreement-container a:hover,
#user-agreement-container a:active,
#user-agreement-container a:link {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

#background-user-agreement {
    background-color: white;
    border-radius: 2%;
    max-width: 540px;
}

#user-agreement-inner-content {
    background-color: white;
    overflow-y: scroll;
    width: 94%;
    height: 79%;
    max-height: 510px;
    min-height: 400px;
    margin: 8px 8px 8px 8px;
    margin-left: 4%;
}

#div_id_terms_of_use label,
#div_id_legal_age label {
    font-weight: bold;
    font-size: 18px;
    color: white;
    letter-spacing: -0.03em;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

#div_id_terms_of_use .asteriskField,
#div_id_legal_age .asteriskField {
    /* Hide automatic asterisk in BooleanField */
    display: none;
}

#logo_img {
    height: auto;
    width: auto;
    max-height: 66px;
    /* 100% - profile_button.png width */
}

#home_button_img {
    height: 50px;
    width: 51px;
    /* 100% - profile_button.png width */
}

.navbar {
    padding: 0;
    display: block;
    width: 100%;
}

.navbar-brand {
    margin: 0;
    width: 100%;
    height: 68px;
    display: flex;
}

.navbar-img {
    max-width: 275px;
    width: 100%;
}

.profile_btn {
    border: none;
    margin-top: 4px;
    background-size: contain;
    min-width: 40px;
    width: 65%;
    max-height: 50px;
}

.img_profile{
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("../../newone/images/user_icon.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.profile_btn_div {
    display: flex;
    margin-left: auto;
    padding-right: 8px;
    margin-top: calc(6px + 0.2vw);
    max-width: 95px;
}

.profile_dropdown {
    display: none;
    background-image: url("../../newone/images/dropdown_menu_three_items.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 1px;
    right: 11%;
    z-index: 3;
}

.profile_dropdown_mobile {
    display: none;
    background-image: url("../../newone/images/dropdown_menu_three_items.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 1px;
    right: 11%;
    z-index: 3;
}

.dropdown_show {
    display: flex;
    flex-direction: column;
}

.dropdown_btn {
    background-color: transparent;
    border: none;
    height: 40px;
    width: 114px;
    font-weight: bold;
    font-size: 5.7vw;
    font-family: FrutigerLTStd !important;
    padding: 0;
    color: #fff;
    text-align: center;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
}

.dropdown_txt,
#recovery-error-btn-text {
    margin: auto;
}

.request-pix-content {
    min-height: 79%;
    max-width: 450px;
    margin: auto;
    margin-top: calc(3vw + 143px);
    padding-left: 8px;
    padding-right: 4px;
}

/* Visibility feature at hideDepositPixRequest */
#deposit-pix-request {
    display: block;
}

/* Visibility feature at showDepositPixPayment */
#deposit-pix-payment {
    display: none;
}

#insert-value-deposit {
    margin-top: 69px;
}

.deposit-message-box {
    text-align: center;
}

#deposit_message_text {
    font-family: 'myriad pro';
    letter-spacing: -0.02em;
    font-size: 36px;
}

.insert-value-form-div {
    text-align: center;
    margin-top: 24px;
    height: 79px;
    width: 100%;
}

.insert-value {
    margin: auto 0;
    height: 56px;
    border-radius: 10px;
    width: 90%;
    text-align: center;
    font-size: 33px;
    font-family: arial;
    border: none;
    padding-bottom: 2px;
    padding-top: 8px;
    font-family: 'MyriadProBlackFallback';
}

.insert-value::placeholder {
    /* 'Insira um valor' label */
    font-family: MyriadProBlackFallback;
    font-style: italic;
    font-size: 30px;
    color: #a6a6a6;
}

.insert-value:focus {
    outline: none;
}

.validation-value-text-box {
    visibility: hidden;
    text-align: left;
    padding-left: 24px;
}

#error-money-symbol,
#error-money-cents {
    font-size: 16px;
}

#pix_error_msg,
#error-money-value {
    font-size: 20px;
}

.pix_key_label {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    margin-top: 21px;
}

.pix_key_field {
    margin: 0 auto;
    height: 56px;
    border-radius: 10px;
    width: 90%;
    text-align: left;
    font-size: 25px;
    font-family: arial;
    border: none;
    background-color: #a5a5a5;
    display: flex;
    font-weight: bold;
    padding-left: 10px;
}

.base-button {
    /* In iPhone devices, default value is making buttons with big texts getting bigger */
    padding: 0;

    /*Texts configurations: 'Back' / (Deposit or Withdraw | 'OK')*/
    font-family: 'myriad pro';
    letter-spacing: 0.005em;
    font-size: 30px;

    /* Size and background configurations */
    background-color: transparent;
    width: 100%;
    height: 65px;
    border: none;
}

#copy-code-button {
    /*Texts configurations: 'Copy'*/
    font-size: 18px;

    /* Size and background configurations */
    width: 40%;
    height: 51px;
    margin-left: -20px;

    /* Fix for iPhone rendering order */
    z-index: 1;
}

.border-image-button {
    border-image-slice: 27 27 27 27 fill;
    border-image-width: 30px 30px 30px 30px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
}

.blue-asset-button {
    border-image-source: url("../../newone/images/button_voltar.png");
}

.green-asset-button {
    border-image-source: url("../../newone/images/button_confirm.png");
}

.enter-login-button {
    border-image-source: url("../../newone/images/voltar_verde.png");
}

.back-login-button {
    border-image-source: url("../../newone/images/enviar_stxt1.png");
}

.override-myriad-pro-black {
    font-family: MyriadProBlackFallback;
}

.override-myriad-pro {
    font-family: 'myriad pro';
}

.current-balance-box {
    text-align: center;
}

.current-balance-text {
    margin-right: 10px;
}

.current-balance-text,
.current-balance-value {
    font-size: 26px;
}

.current-balance-cents,
.current-currency-symbol {
    font-size: 17px;
}

.decimal_separator {
    font-size: 15px;
}

.thousand_separator {
    font-size: 15px;
}

#currency-symbol,
.balance_cents {
    font-size: 4vw;
    font-family: CalibriBoldFallback;
    margin-left: 2px;
}

.player_username {
    font-family: CalibriBoldFallback;
}

.balance_value {
    font-size: calc(16px + 1vw);
    font-family: CalibriBoldFallback;
}

#request-deposit-button-text,
#request-withdraw-button-text {
    /* Fix visuals */
    padding-right: 2px;
}

.msg_popup {
    background-image: url("../../newone/images/acccreate_popup.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 14em;
    padding: 1.5em;
    margin: auto;
    line-height: 1.1
}

.sign_up_btn {
    background-image: url("../../newone/images/createacc_button.png");
    background-color: transparent;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    height: 3em;
    aspect-ratio: 3.3;
    margin: auto;
    padding-bottom: .15em;
}

.back_btn {
    background-image: url("../../newone/images/enviar_stxt1.png");
    background-color: transparent;
    border: none;
    background-size: contain;
    color: white;
    background-repeat: no-repeat;
    height: 1.825em !important;
    width: 4.95em;
    font-size: 2em;
    text-align: center;
}

.back_btn_div {
    display: flex;
    justify-content: left;
    padding-left: 0.70rem;
    margin-bottom: 20%;
}

#recovery-error-btn {
    background-image: url('../../newone/images/cpf_popup_button.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30%;
    height: 50px;
    margin: 0 auto;
    display: flex;
}

#recovery-error-btn {
    margin-top: 4vw;
    height: 12vw;
    max-height: 52px;
    cursor: pointer;
}

.placeholder_format::placeholder {
    font-style: italic;
    color: #777777;
    font-weight: bold;
    font-family: 'calibri-bold', sans-serif !important;
}

.select {
    font-style: italic;
    color: #777777;
    font-weight: bold;
    font-family: 'calibri-bold', sans-serif !important;
}

*[x-apple-data-detectors],
/* iOS */
.x-gmail-data-detectors,
/* Gmail */
.x-gmail-data-detectors *,
.aBn {
    border-bottom: 0 !important;
    cursor: default !important;
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#sign-up-submit-button {
    color: white;
    font-size: 22px;
    border-radius: 12px;
    box-shadow: 0px 2.5px 3px #000;
    font-weight: bold;
    width: 146px;
    background-color: #027800;
    border: 1px solid #027800;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 5px;
    margin-top: 8px;
}

.enter_btn {
    background-image: url("../../newone/images/voltar_verde.png");
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    width: 173px;
    font-size: 22px;
    padding-bottom: 5%;
    padding-top: 12px;
}

.conclude_button {
    background-image: url("../../newone/images/voltar_verde.png");
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    font-size: 22px;
    background-size: contain;
    height: 52px;
    width: 144px;
    padding: 0;
    padding-bottom: 2px;
}

.playerBlockedPopup {
    background-image: url("../../newone/images/acccreate_popup.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 14em;
    padding: 1.5em;
    margin: auto;
    line-height: 1.1
}

.imput_div {
    text-align: center;
    margin: auto;
    max-width: 23em;
}

.invalid-feedback {
    display: block;
    font-family: 'calibri-bold', sans-serif !important;
    font-weight: bold;
    color: white;
    letter-spacing: -0.06em;
    text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.access_popup_modal,
#error-popup {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center
}

.closePopupBtn {
    background-color: red;
    border: none;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    text-align: center;
    color: gray;
    stroke: #000 1px;
    font-size: 1em;
    padding: 0 0.17em;

}

.closeBtnPopupDiv,
#pswd_recover_form_submit_btn {
    display: flex;
    justify-content: right;
}

.accessPopup {
    margin-top: 30%;
    height: 8em;
    background-size: 80% 70%;
    max-width: 20em;
    display: flex;
}

.modalBackground {
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

html,
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    height: 100%;
}

.padding-fix {
    padding: 0;
    margin-bottom: 34.5px !important;
}

.successSignUpBtn {
    background-image: url("../../newone/images/pixterminal_box.png");
    background-repeat: no-repeat;
    text-align: center;
    height: 250px;
    width: 100%;
    background-position: center;
    align-content: center;
    margin: auto;
    padding: 19px;
    background-size: 100%;
}

/* This is a class used to extend body background image when swiping page bottom */
.home-background {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #ffffff;
    /* background: url("../../newone/images/background.00e71952.png") repeat; */
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; */
    z-index: -1;
}

.green_background {
    background: url("../../newone/images/green_style_background.jpg") repeat !important;
}

.blue_background {
    background: url("../../newone/images/background.00e71952.png") repeat;
}

.selectAccessDiv {
    height: 100%;
    padding: 2em 0;
    text-align: center;
    display: grid;
    justify-content: center;
}

.strokeFormatSignUpBtn {
    font-family: 'calibri-bold', sans-serif !important;
    font-weight: bold;
    color: white;
    letter-spacing: -.03em;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

.playerNotFoundBackBtn {
    background-image: url('../../newone/images/voltar.png');
}

#div_id_code {
    max-width: 11em;
}

#sms_message {
    text-align: center;
    font-size: 1.2em;
}

/* ACCOUNT SIGN UP */

.spinner-container {
    visibility: hidden;
    background-color: transparent;
    color: #fff;
    text-align: center;
    z-index: 1;
    height: 46px;
    border-radius: 14px;
    position: relative;

    /* Remove all spacing */
    margin-bottom: -46px;

    /* Centralize inside button */
    padding-top: 5px;
}

#sign_up_sms_button_container {
    display: flex;
    justify-content: center;
    margin: auto;
    padding-top: 6px;
    width: 100%;
    max-width: 438px;
    gap: 4px;
    flex-direction: row;
}

#sign-up-resend-sms-button {
    border-image-source: url("../../newone/images/enviar_stxt1.png");
    border-image-slice: 20 20 20 20 fill;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    font-size: min(5vw, 25px);
}

#sign-up-resend-sms-button:hover {
    color: #fff;
}

#sign-up-conclude-button {
    border-image-source: url("../../newone/images/voltar_verde.png");
    border-image-slice: 20 20 20 20 fill;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    padding-top: 4px;
    font-size: min(7vw, 30px);
}

#sign-up-conclude-button:hover{
    background-color: #0e3aad;
    border-color: #113db0;
}


#button-id-btn-back:hover,
#sign-up-conclude:hover {
    color: #fff;
}

#button-id-btn-back:hover,
#sign-up-conclude:focus {
    outline: none;
}

#sign-up-conclude {
    font-size: 25px;
}

#button-id-btn-back {
    background-image: url('../../newone/images/voltar.png');
    font-size: 25px;
}

.sign_up_sms_button {
    width: 100%;
    max-width: 197px;
    height: 16vw;
    max-height: 65px;
    background-color: transparent;
    background-position: center;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: min(6.2vw, 30px);
}

.sign-up-button-wrapper {
    margin-top: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}

#sign-up-conclude-button-wrapper {
    margin-top: auto;
}

.recovery_content_div {
    text-align: center;
    margin-top: 40px;
}

#pswd_recover_form {
    display: inline-grid;
}

#pswd-input,
#confirm-pswd-input {
    width: 90vw;
    height: 45px;
    border-radius: 7px;
    border-color: transparent;
    max-width: 500px;
    font-size: 27px;
    padding: 0 11px;
    padding-top: 3px;
}


#confirm-pswd-input {
    margin-top: 40px;
}

#pswd_label {
    text-align: initial;
    font-size: 23px;
    margin-bottom: 5px;
}

.validation_msg {
    visibility: hidden;
    text-align: initial;
}

#pswd-input::placeholder,
#confirm-pswd-input::placeholder {
    font-style: italic;
    color: #777777;
    font-weight: bold;
    font-family: CalibriBoldFallback;
    font-size: 28px;
}

#pswd_recover_form_submit_btn {
    margin-top: 20px;
}

#btn_animation_popup_div {
    width: 100%;
    height: 20px;
}

#btn_animation_popup {
    position: relative;
    left: 59%;
    width: 37vw;
    height: 51px;
    bottom: 51px;
    border-radius: 13px;
    display: flex;
}

#sms-recovery-btn-spinner {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid transparent !important;
    border-top-color: #ffffff !important;
    display: none;
    margin: auto;
}

#recover_check_mark {
    display: none;
    height: 30px;
    border: 4px solid #fff !important;
    border-bottom: 0 !important;
    width: 13px;
    border-right: 0 !important;
    rotate: -133deg;
    margin: auto;
    margin-bottom: 14px;
    -webkit-animation: success ease-in 0.15s forwards;
    animation: success ease-in 0.15s forwards;
}

.darken {
    background-color: #000;
    opacity: .4;
}

#recover_form_ok_btn {
    width: 46vw;
    height: 14vw;
    border-radius: 13px;
    background-color: green;
    font-family: CalibriBoldFallback !important;
    font-size: 42px;
    border-color: black;
    border-width: 1px;
    padding: 0;
    border-style: solid;
    max-width: 188px;
    max-height: 58px;
}

#recovery-error-text {
    margin: auto;
    width: 64vw;
    font-size: 6vw;
    max-width: 260px;
    padding-top: 17px;
}

#error-popup {
    display: none;
}

/* DEPOSIT QR CODE ================================================== */
.request-pix-qrcode-content {
    max-width: 450px;
    margin: auto;
}

.pix-display,
.pix-qrcode {
    text-align: center;
}

.pix-qrcode {
    order: 1;
}

.pix-box {
    display: flex;
    flex-direction: column;
}

.qrcode-number {
    margin: auto 0;
    margin-bottom: 5px;
    height: 44px;
    border-radius: 10px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-family: arial;
    font-weight: bold;
    border: none;
    resize: none;
    white-space: nowrap;
    padding: 11px;
}

#qrcode-image {
    height: 228px;
    width: 228px;
}

.pix-qrcode-container {
    display: inline-block;
}

.pix-qrcode-image {
    background-color: white;
}

.pix-countdown {
    padding: 2px 0 0 0;
    font-family: 'myriad pro';

    letter-spacing: -0.04em;
    font-size: 18px;
}

#requested-value-text,
#requested-value-integer {
    font-size: 24px;
}

#requested-value-symbol,
#requested-value-cents {
    font-size: 17px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
    /* IE and Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;

    overflow-y: hidden;
}

.requested-value {
    text-align: center;
    margin: 0 auto;
    font-family: 'myriad pro';
    font-size: 22px;
}

#deposit-qrcode-back-button {
    height: 55px;
    margin-left: 8px;
}

.walkthrough {
    display: grid;
    margin-top: 16px;
    margin-bottom: 16px;
}

.walkthrough span {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 16px;
    margin-right: 8px;
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 22px;
    font-family: 'myriad pro';
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

#walkthrough-qr-code {
    display: block;
}

#walkthrough-no-qr-code {
    display: none;
}

.qrcode-number-area {
    order: 2;
    display: flex;
    margin-top: 16px;
}

.bottom-button {
    width: 40%;
}

#error-popup-msg {
    background-image: url('../../newone/images/popup_fundo.png');
    background-size: cover;
    width: 82vw;
    height: 45vw;
    margin: auto;
    background-color: blue;
    margin-top: 98px;
    border-radius: 30px;
    max-width: 331px;
    max-height: 185px;
    box-shadow: 0px 0px 6px 2px black;
}

/* DEPOSIT timeout and CPF not change POPUP ========================= */
.cpf_not_change_msg_content,
.cpf_not_change_msg_box,
.cpf_not_change_msg_txt,
.cpf_not_change_msg_btn,
.timeout-popup-messagebox,
.timeout-popup-messagebox-inner-content,
.timeout-popup-messagebox-text,
.timeout-popup-button,
#popup_try_again_text {
    margin: auto;
}

.timeout-popup-background {
    width: 100%;
    /* This is a property used to extend popup background image when swiping page bottom */
    /* Bigger than 100% to avoid swipping popup not covering entire screen */
    height: 200%;

    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
    position: fixed;
    text-align: center;
}

.cpf_not_change_msg_content,
.timeout-popup-content {
    height: 100%;
    display: flex;
}

.cpf_not_change_msg_box,
.timeout-popup-messagebox {
    background-image: url('../../newone/images/cpf_popup.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 330px;
    height: 223px;
    display: flex;
}

.timeout-popup-messagebox {
    margin-top: 278px;
}

.cpf_not_change_msg_box {
    margin-top: 130px;
}

.timeout-popup-messagebox-inner-content {
    max-width: 318px;
}

.cpf_not_change_msg_txt,
.timeout-popup-messagebox-text {
    width: 78%;
    margin-bottom: 3%;
}

.cpf_not_change_msg_btn,
.cpf_not_change_msg_txt,
#popup_text,
#popup_try_again_text {
    font-family: FrutigerLTStd;
}

#popup_text,
#popup_try_again_text,
.cpf_not_change_msg_btn {
    font-size: 21px;
}

.cpf_not_change_msg_txt {
    font-size: 19px;
}

.cpf_not_change_msg_btn,
.timeout-popup-button {
    border-image-source: url('../../newone/images/cpf_popup_button.png');
    border-image-slice: 20 20 20 20 fill;
    border-image-width: 15px 15px 15px 15px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    height: 60px;
    display: flex;
}

.timeout-popup-button {
    width: 70%;
    margin-top: 17px;
}

.cpf_not_change_msg_btn {
    width: 35%;
    margin-top: 5px;
}

/* Account Sign Up */
#id_phone {
    margin-left: 1px;
}

#id_phone,
#id_full_name,
#id_cpf,
#id_currency,
#id_password,
#id_password2 {
    height: 44px;
    font-family: Arial;
    font-weight: bold;
    color: black;
    font-size: 18px;
}

#id_password input[type=password],
#id_password input[type=number],
#id_password2 input[type=password],
#id_password2 input[type=number] {
    -webkit-text-security: disc;
}

#id_full_name::placeholder,
#id_cpf::placeholder,
#id_password::placeholder,
#id_password2::placeholder {
    font-size: 18px;
}

#div_id_terms_of_use {
    margin-top: 22px;
}

#div_id_legal_age,
#div_id_terms_of_use {
    margin-left: 2px;
}

#div_id_legal_age u,
#div_id_terms_of_use u {
    text-underline-position: from-font;
}

/* legal_age and user_agreement Checkboxes checkmark */
#div_id_legal_age .custom-control-label::before,
#div_id_legal_age .custom-control-label::after,
#div_id_terms_of_use .custom-control-label::before,
#div_id_terms_of_use .custom-control-label::after {
    width: 35px;
    height: 35px;
}

/* legal_age and user_agreement Checkboxes text */
#div_id_legal_age label.custom-control-label.requiredField,
#div_id_terms_of_use label.custom-control-label.requiredField {
    padding-top: 7px;
    padding-left: 15px;
    font-family: 'MyriadProBoldFallback';
    letter-spacing: 0.01em;
    font-size: 20px;
}

.iti__arrow {
    margin-left: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #555;
}

#did-not-receive-label {
    margin: 0;
}

.centered_bigeye {
    text-align: center;
    margin: auto;
}

.timeout-popup-button {
    border-image-source: url('../../newone/images/cpf_popup_button.png');
    border-image-slice: 20 20 20 20 fill;
    border-image-width: 15px 15px 15px 15px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    width: 70%;
    height: 50px;
    margin: 0 auto;
    display: flex;
}

#popup-fade {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center
}

#popup-msg {
    background-image: url('../../newone/images/popup_fundo.png');
    background-size: cover;
    width: 82vw;
    height: 45vw;
    margin: auto;
    background-color: blue;
    margin-top: 98px;
    border-radius: 30px;
    max-width: 400px;
    max-height: 185px;
    box-shadow: 0px 0px 6px 2px black;
}

#popup-text {
    margin: auto;
    width: 64vw;
    font-size: 6vw;
    max-width: 260px;
    padding-top: 17px;
    font-size: 22px;
}

#popup-back-btn {
    display: flex;
    justify-content: left;
    margin: auto;
    margin-top: 34px;
}

.load-spinner {
    display: none;
}

.load-spinner div {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: -24px -16px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: load-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.load-spinner div:nth-child(1) {
    animation-delay: -0.45s;
}

.load-spinner div:nth-child(2) {
    animation-delay: -0.3s;
}

.load-spinner div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes load-spinner {
    0% {
        transform: rotate(0deg);
    }

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

#sign-up-success-msg-popup {
    height: 12em;
    text-align: center;
    max-width: 18.2em;
}

#sign-up-success-text-container {
    font-size: 1.2em;
    margin: 0 15%;
    padding-top: 10%;
}

#account-verify-root {
    margin: auto;
}

#account-sign-up-root {
    margin: auto;
    height: 45em;
}

#seal-footer{
    /* background-image: url(../../newone/images/textura_header.png); */
    height: 19.4vw;
    position: relative;
    bottom: 0;
    width: 100%;
    padding-top: 0%;
    margin-top: auto;
    /* z-index: -1; */
}

#seal-footer-content {
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    font-size: 1.2vw;
    color: #fff;
    align-items: end;
    max-width: 1530px;
}

#stamp-text-div{
    display: flex;
    gap: 1%;
    width: 35vw;
    justify-content: initial;
    height: 100%;
}

.b2c-seal-div{
    display: flex;
}

.b2c-seal {
    max-width: 160px;
    max-height: 160px;
    width: 11vw;
    height: 11vw;
    margin: auto 0;
}

.b2c-footer-text-div {
    left: 50%;
    width: 48vw;
    max-width: 720px;
    height: 100%;
    display: flex;
    margin: auto 0;
}

.b2c-footer-text {
    display: flex;
    justify-content: center;
    font-family: 'Prompt', sans-serif;
    text-align: center;
    align-self: auto;
    flex-direction: column;
    gap: 10%;
    width: 100%;
}

.b2c-footer-msg {
    text-align: initial;
}

/* MEDIA QUERIES ====================================================
Small phones: 0px - 599px;
Portrait tablets and large phones: 600px - 767px;
Landscape tablets: 768px - 991px;
Laptops/desktops: 992px - 1199px;
Large laptops and desktops: 1200px and up; <- (Base design)
*/

@media screen and (min-width: 415px) {
    #player_blocked_resend_btn {
        font-size: 19px;
    }

    #player_blocked_back_btn {
        font-size: 33px;
    }

    .sms_popup_button {
        font-size: 36px;
    }

    #recovery-error-text {
        font-size: 25px;
    }

    #recovery-error-btn {
        margin-top: 10px;
    }
}

@media screen and (min-width: 368px) {
    #btn_animation_popup {
        width: 136px
    }
}

@media screen and (min-width: 500px) {
    #player_blocked_msg_text {
        font-size: 29px;
    }

    #signUpSuccessDiv {
        /* In Desktop resolution devices, glow background image must be hidden */
        background-image: none;
    }

    .sms_popup_inner_text {
        font-size: 30px;
        line-height: 32px;
    }
}

@media screen and (max-height: 431px) {
    .sms_popup_content {
        margin-top: 21vh;
    }
}

@media screen and (max-height: 293px) {
    .sms_popup_content {
        margin-top: 9vh;
    }
}

@media screen and (min-width: 361px) {
    .msg_popup {
        font-size: 1.5em;
    }

    .sign_up_btn {
        font-size: 1.3em;
    }

    .sms_send_btn {
        font-size: 1.2em;
    }

    #signUpSuccessDiv {
        padding-top: 120px;
    }

    #playerNotFoundDiv, #playerWalletDiv {
        height: 91%;
        padding-top: 15%;
    }

    @media screen and (max-width: 390px) {
        #logo_img {
            /* width: 81% !important; */
        }

        .profile_btn {
            width: 18vw !important;
        }
    }

    @media screen and (min-width: 351px) {
        .dropdown_btn {
            width: 141px !important;
            height: 51px !important;
        }

        .profile_dropdown {
            width: 146px;
            height: 207px;
        }
    }

    @media screen and (min-width: 450px) {
        #logo_img {
            height: auto;
            width: auto;
            margin-top: auto;
            margin-bottom: auto;
            margin-left: 0;
        }
    }

    @media screen and (min-width: 824px) {
        .login-button-box {
            margin-top: 20px !important;
        }
    }

    @media screen and (min-width: 500px) {
        .website_header {
            font-size: 48px !important;
        }

        .enter-login-button,
        .back-login-button {
            font-size: 38px !important;
        }

        #navbar-text-new {
            font-size: 25px !important;
        }

        /* .balance_value {
            font-size: 32px;
        } */

        .balance_cents,
        #currency-symbol {
            font-size: 10px;
        }

        .dropdown_btn {
            font-size: 25px !important;
        }

        .request-pix-buttons {
            font-size: 30px !important;
        }

        #playerNotFoundDiv, #playerWalletDiv {
            padding-top: 83px;
            background-image: none;
        }
    }

    @media screen and (max-width: 360px) {
        .password_tries_text {
            font-size: 15px;
        }

        .msg_popup {
            font-size: 7vw;
        }

        .sign_up_btn {
            font-size: 8vw;
        }

        .sms_send_btn {
            font-size: 1.2em;
        }

        #signUpSuccessDiv {
            padding-top: 15%;
        }

        #playerNotFoundDiv, #playerWalletDiv {
            height: auto;
            padding-top: 10%;
        }

        #pswd-input {
            font-size: 6vw;
        }

        #confirm-pswd-input {
            font-size: 6vw;
        }
    }
}

@media screen and (min-width: 1050px) {
    #seal-footer-content {
        font-size: 12px;
    }
}

@media screen and (max-width: 574px) {
    .b2c-footer-msg {
        text-align: center;
    }
}

@media screen and (max-width: 425px) {
    .footer {
        background-size: cover !important;
        min-height: 0 !important;
    }

    .card {
        margin: 3px;
    }

    #recover_form_ok_btn {
        font-size: 10vw !important;
    }
}

@media screen and (max-width: 661px) {
    #seal-footer-content {
        flex-direction: column-reverse;
    }
    #stamp-text-div {
        margin: auto;
    }
    .b2c-seal-div{
    margin: auto;
    }
    .b2c-seal {
        height: 20vw;
    }
    .b2c-footer-text-div {
        margin: auto;
        width: 86vw;
    }
    #seal-footer-content {
        gap: 8px;
        font-size: 10px;
    }
    #seal-footer {
        height: 250px;
        padding-top: 18px;
    }
    .b2c-seal {
        width: 20vw;
        margin: auto;
    }
}

@media screen and (min-width: 662px) {
    #seal-footer{
        max-height: 160px;
    }
    #stamp-text-div{
        margin-left: 14vw;
    }
    .b2c-footer-text-div {
        position: absolute;
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 1496px){
    #stamp-text-div {
        margin-left: 214px;
    }
}

/* Small phones, portrait tablets and large phones */
@media screen and (max-width: 767px) {
    /* TODO: Thinking about standard django.is_mobile (request.user_agent.is_mobile) */
    /* Hide Qr Code on mobile devices and adjust the interface */
    .qrcode-number-area {
        order: 1;
        margin-top: 0px;
    }

    .pix-qrcode {
        order: 2;
    }

    .pix-qrcode-container {
        display: none;
    }

    .pix-countdown {
        padding: 0px;
        text-align: left;
        margin-top: 50px;
        padding-left: 16px;
        margin-bottom: -7px;
    }

    .walkthrough {
        margin-bottom: 16px;
    }

    .qrcode-number {
        margin-bottom: 10px;
        height: 43px;
    }

    #copy-code-button {
        font-size: 23px;
        height: 60px;
        margin-left: -60px;
    }

    .requested-value {
        margin-top: -5px;
        margin-bottom: 37px;
    }

    #deposit-qrcode-back-button {
        margin-top: 3px;
    }

    #walkthrough-qr-code {
        display: none;
    }

    #walkthrough-no-qr-code {
        display: block;
    }

    #user-agreement-inner-content {
        max-height: calc(70vh - 160px);
    }
}

.games_choices {
    display: flex;
    gap: 7vw; 
    margin-top: 22vh;
}

.games_choice {
    font-size: 2.5rem;
    font-weight: 600;
    margin: auto;
    border-radius: 14px;
    /* width: calc(9rem + 4vw); */
    width: calc(6vw + 9rem - 6px);
    text-decoration: none;
    color: white;
    aspect-ratio: 1;
    border: 1px solid black;
    text-transform: uppercase;
    text-shadow: #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px;

    background-size: cover;
    
    font-weight: 900;
    border: 1px solid black;
    border-radius: 13px;
    box-shadow: 0px 0px 7px 0px black;
}

.games_choice button:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.voltarCategoria{
    z-index: 20;
    font-size: 1.5rem;
    position: absolute;
    left: 3%;
    font-weight: bold;
    color: white;
    border-radius: 19px;
    letter-spacing: 0.025em;
    text-shadow: #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px;
    top: 9%;
    background-color: #1428c4;
    background-image:  linear-gradient(30deg, #0d22c4 12%, transparent 12.5%, transparent 87%, #0d22c4 87.5%, #0d22c4), linear-gradient(150deg, #0d22c4 12%, transparent 12.5%, transparent 87%, #0d22c4 87.5%, #0d22c4), linear-gradient(30deg, #0d22c4 12%, transparent 12.5%, transparent 87%, #0d22c4 87.5%, #0d22c4), linear-gradient(150deg, #0d22c4 12%, transparent 12.5%, transparent 87%, #0d22c4 87.5%, #0d22c4), linear-gradient(60deg, #0d22c477 25%, transparent 25.5%, transparent 75%, #0d22c477 75%, #0d22c477), linear-gradient(60deg, #0d22c477 25%, transparent 25.5%, transparent 75%, #0d22c477 75%, #0d22c477);
    background-size: 8px 14px;
    background-position: 0 0, 0 0, 4px 7px, 4px 7px, 0 0, 4px 7px;
    box-shadow: 0px 0px 5px rgb(0 0 0);
    border: 1px solid black;
    width: 4rem;
    padding-bottom: 3px;
}

.voltarCategoria:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.game_choice_button {
    display: flex;
    position: absolute;
    background-color: #97d023;
    border: 2px solid black;
    border-radius: 13px 13px 0 0;
    box-shadow: 0px 0px 7px 0px black;
    z-index: 1;
    height: 54px;
    margin-top: 2px;
    border-bottom: none;
    width: 90%;
    transition: all 0.4s ease;
}

#slotDiv:hover{
    height: 52px;
    margin-top: 4px;
    font-size: 100px;
}

.game_choice_text{
    margin-top: 10px;
    z-index: 2;
    display: inline-block;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    text-align: -webkit-center;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 900;
    font-size: calc(11px + 1vw);
    width: 90%;
    font-family: FrutigerLTStd;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
}

.navbar_limit{
    max-height: 68px;
    box-shadow: 0px 0px 5px rgb(0 0 0);
    border-right: none;
    border-left: none;
    position: fixed;
    top: 0;
    z-index: 10;
}

.green_header_footer_background {
    background-image: url(../../newone/images/green_style_header_footer.jpg);
}

.blue_header_footer_background {
    background-image: url(../../newone/images/textura_header.png);
}

.navbar_elements{
    align-items: center;
    display: grid;
    max-height: 64px;
    text-align: center;
    margin-top: 5px;
}

.navbar_name{
    font-family: FrutigerLTStd;
    font-size: 1.5rem;
    text-transform: capitalize;
    margin-top: 3px;
    font-size: calc(3px + 1vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.navbar_money{
    font-family: FrutigerLTStd;
    font-size: 1.5rem;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: -25px;
    font-size: calc(3px + 1vw);
}

.navbar_button_deposit{
    text-align: -webkit-center;
    color: #fff;
    /* background-color: #adea15; */
    background-color: #ffc410;
    padding-top: 8px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    font-weight: 900;
    font-size: calc(10px + 1vw);
    font-family: FrutigerLTStd;
    border: 2px solid black;
    border-radius: 13px;
    box-shadow: 0px 0px 7px 0px black;
    text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
}

.margin_top{
    margin-top: calc(0.3rem + 0vw);
}

@media (min-width: 992px) {
    .col-lg-3 {
      max-width: 20%; 
    }
}

@media(max-width: 1200px){
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }
    .navbar_button_deposit{
        font-size: calc(16px + 1vw);
    }
    #logo_img {
        max-width: 229px;
        max-height: 51px;
        min-height: none;
        height: auto;
        width: auto;
    }
    .profile_btn_div{
        margin-top: 2px;
    }
    .navbar_name, .navbar_money{
        font-size: calc(11px + 1vw)!important;
    }   
    .navbar_limit{
        max-height: 130px;
    }
    .game_choice_text{
        font-size: calc(16px + 1vw);
    }
    .game_choice_button{
        height: 47px;
    }
    .balance_value{
        font-size: calc(25px + 1vw);
    }
    
}

@media(min-width: 1921px){
    .navbar_limit{
        max-height: calc(68px + 1vw);
    }
    
    .navbar_elements{
        max-height: calc(68px + 1vw);
    }

    .profile_btn {
        max-height: calc(50px + 1vw);
    }

    .mt-2 {
        margin-top: calc(0px + 0.7vw) !important;
    }
}

@media(min-width: 1201px){
    .desktop{
        display: block;
    }
    .mobile{
        display: none;
    }
}

.withdraw-request td{
    color: gray;
}


#footer{
    background-image: url(../../newone/images/textura_header.png);
    color:white;
    position:fixed;
    bottom:0;
    width:100%;
    height:200px;   /* Height of the footer */
    -webkit-transition: height 0.5s, visibility 0.5s;
    transition: height 0.5s, visibility 0.5s;
 }
 #footerbuttondown{
    text-align: center;
    position: absolute;
    right: 4%;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    visibility:hidden;
}
 #footerbuttonup{
    text-align: center;
    position: absolute;
    right: 4%;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
 }

 #footercont{
    visibility:hidden;
    position:absolute;
    bottom:0px;
    opacity:1;
    width: 100%;
    transition: opacity 0.51s, visibility 1s, display 1s;
 }

 .iti__country-list{
    display: grid;
 }

 .iti__hide{
    display: none!important;
 }

 #custom-icon {
    font-size: 1.5rem; 
    color: #000;
} 

.navbar-img { 
    margin-right: 0.5rem;
}