.typo-use-arial {
    font-family: Arial, sans-serif;
}

.typo-use-mitr {
    font-family: "Mitr", sans-serif;
}

.fg-global-blue {
    color: #0A477E !important;
}

.toolbar--nav--item {
    margin: 0 1.125em !important;
}

.toolbar--nav--item_dark {
    background-color: #0699AC !important;
}

.toolbar--nav_underline .toolbar--nav--item_active {
    color: #FFFF7A;
}

.card:not(.card_hide-structure) {
    background-color: #dbf6f7 !important;
    border: 1px solid #316090 !important;
    border-radius: 1.875rem !important;
}

[x-main-theme=light] .input--field_outlined {
    background-color: #bae6ed !important;
    border-color: #10477e !important;
    color: rgba(10, 71, 126, .5) !important;
    padding: 0.625em 0.725rem !important;
}

    [x-main-theme=light] .input--field_outlined::-webkit-input-placeholder {
        color: rgba(10, 71, 126, .5) !important;
    }

.typo-use-arial .btn, .btn.typo-use-arial {
    padding: 0 3.4375em;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.06em;
    line-height: normal;
    border-radius: 0.25rem;
}

    .typo-use-arial .btn.btn_size-xl, .btn.typo-use-arial.btn_size-xl {
        font-size: 1.2rem !important;
    }

    .typo-use-arial .btn.btn_size-md, .btn.typo-use-arial.btn_size-md {
        height: 3.0375em;
    }

[x-main-theme=light] .btn_global {
    padding: 0 3.4375em !important;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: normal;
    background-color: #bae6ed !important;
    border: 1px solid #10477e !important;
    color: rgba(10, 71, 126, .5) !important;
}

[x-main-theme=light] .btn_global-blue {
    padding: 0 3.4375em !important;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: normal;
    background-color: #bae6ed !important;
    border: 1px solid #256D96 !important;
    color: rgba(10, 71, 126, .5) !important;
}

.app-play-card {
    height: 600px;
}