﻿.horse-detail .market-16 .nation-name label::before {
    display: none !important;
}
/* Notification Subscription Start */
.subscribe-modal-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 11000;
}

    .subscribe-modal-backdrop.show {
        visibility: visible;
    }

    .subscribe-modal-backdrop.hide {
        visibility: hidden;
    }

.subscribe-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    z-index: 11100;
    background-color: var(--bg-table);
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    max-width: 500px;
    width: 95%;
    height: 190px;
}

    .subscribe-modal.show {
        top: 0;
        transition: all 0.7s ease-out;
    }

    .subscribe-modal.hide {
        top: -190px;
        transition: all 0.7s ease-in;
    }

    .subscribe-modal .subscribe-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }

        .subscribe-modal .subscribe-content i {
            font-size: 30px;
        }

    .subscribe-modal .btn-defalt {
        color: var(--text-white);
    }
/* Notification Subscription End */

.password-visible {
    min-width: 50px;
}

.skiptranslate {
    display: none !important;
}

.google-lang {
    position: absolute;
    left: 10px;
    top: 3px;
}

    .google-lang .form-control {
        height: 30px;
    }

.login-seperate-page .login-form .form-control {
    height: 40px;
}

.login-seperate-page .register-fields .country-selector__label,
.login-seperate-page .register-fields .input-tel__label {
    opacity: 0.9 !important;
    color: #656e76 !important;
}

.login-seperate-page .country-selector__toggle__arrow path.arrow {
    fill: #656e76 !important;
}

.login-seperate-page .register-fields .country-selector__input:hover,
.login-seperate-page .register-fields .input-tel__input:hover,
.login-seperate-page .register-fields .country-selector__input,
.login-seperate-page .register-fields .input-tel__input {
    background-color: #fff !important;
    color: #656e76 !important;
    opacity: unset !important;
}

.hooper-navigation button {
    background-color: #00000050;
}

    .hooper-navigation button svg {
        fill: #fff;
    }

.fantasy-dots {
    bottom: -20px !important;
}

    .fantasy-dots .hooper-indicator:hover,
    .fantasy-dots .hooper-indicator.is-active {
        background-color: var(--text-table-header) !important;
    }

    .fantasy-dots .hooper-indicator {
        background-color: var(--bg-table-header) !important;
    }

.withdraw-request .account-detail-box {
    position: relative;
}

.withdraw-request .delete {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
}

.register-fields .country-selector__input,
.register-fields .input-tel__input {
    background-color: #444 !important;
    border: 1px solid #777 !important;
    opacity: 0.6 !important;
}

    .register-fields .country-selector__input:hover,
    .register-fields .input-tel__input:hover {
        background-color: transparent !important;
    }

.curr-confirm .modal-sm {
    max-width: 300px;
    width: 300px;
}

.curr-confirm .modal-content {
    background-color: #fff;
    color: #222;
}

.curr-confirm .modal-header {
    background-color: #fff;
    color: #222;
}

    .curr-confirm .modal-header .close {
        color: #222;
    }

.curr-confirm .modal-footer {
    background-color: #fff;
    color: #222;
}

.curr-confirm .modal-title {
    color: #000;
}

.ws-pre-wrap {
    white-space: pre-wrap !important;
}

.home-casiono-icons .hooper {
    height: auto !important;
}

.home-casiono-icons .hooper-slide {
    padding: 0 5px;
}

.home-casiono-icons.d-none-mobile .hooper-slide {
    padding: 5px 0;
}

.upcoming-fixure .hooper {
    height: auto !important;
}

    .upcoming-fixure .hooper.is-vertical .hooper-track {
        height: 46px !important;
    }

.top-results .hooper.is-vertical .hooper-track {
    height: 162px !important;
}

.hooper {
    height: auto !important;
}

.wolf-open-home .home-casiono-icons .hooper-slide {
    padding: 0 !important;
    text-align: center;
}

.wolf-open-home .right-sidebar .hooper-track {
    display: flex;
    align-items: center;
    background-color: black;
}

.agree-tooltip a {
    color: var(--text-green);
    text-decoration: underline;
}

/* .home-casiono-icons.casino .hooper-track {
    height: 700px !important;
} */

.bonus-modal-body {
    background-color: white;
}

    .bonus-modal-body iframe {
        width: 100%;
        height: calc(100vh - 105px);
    }

.register-auth input {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 5px 5px;
    font-size: 25px;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
}

/* country flag */
.iti-flag {
    background-image: url("../images/vendor/vue-phone-number-input/dist/flags.9c96e0ed.png") !important;
}

.verify-mobile {
    display: flex;
    flex-wrap: wrap;
}

    .verify-mobile > div {
        flex: 1;
        width: 100%;
    }

.verify-mobile-number > div:last-child {
    width: auto;
    min-width: 120px;
}

.verify-mobile img {
    height: 15px;
}

.verify-mobile .btn {
    font-size: 12px;
    height: 40px;
}

.btn-success:disabled {
    cursor: not-allowed;
}

.timer-countdown {
    /* display: inline; */
    align-items: center;
    font-size: 12px;
}

.time {
    display: inline-block;
    /* font-weight: bold; */
    /* margin: 0 0.5rem; */
    /* padding: 0.5rem; */
    /* background-color: #FFFFFF; */
    color: #05ff95;
    /* border-radius: 5px; */
    /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.otp-box {
    justify-content: center;
    background-color: #23292e;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

.casino-place-bet-action-buttons img {
    height: 50px;
}

@media screen and (max-width: 767px) {
    .bonus-modal-body iframe {
        height: calc(100vh - 169px);
    }

    .verify-mobile-number > div:last-child {
        width: auto;
        min-width: 100px;
    }

    .verify-mobile label {
        display: block;
        width: 100%;
    }

    .casino-place-bet-info img {
        height: 50px;
    }
}

.btn-whatsapp {
    background-color: #25d366;
}

.btn-telegram {
    background-color: #0088cc;
}
