input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important;
}

/*.LPMcontainer {
    visibility: hidden;
}*/

.overlay-loader-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 9999;
}

.overlay-loader {
    width: 50px;
    height: 50px;
    margin: 10px auto;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    border: 8px solid #FF8812;
    border-top: 8px solid #00DAE5;
    border-bottom: 8px solid #9ADD26;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.form-loader {
    display: none;
    width: 30px;
    height: 30px;
    margin: 0px auto;
    margin-left: 5px;
    position: relative;
    border: 5px solid #FF8812;
    border-top: 5px solid #00DAE5;
    border-bottom: 5px solid #9ADD26;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/*===== IB form STYLES ======*/
#form-field-two {
    display: none;
}

#terms-error {
    text-align: center;
}

.input-validation-error {
    display: block;
    padding: 10px 0;
    color: #f44336;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    font-weight: 500;
}

    .input-validation-error a {
        font-size: inherit;
        font-weight: inherit;
        color: #081535;
        text-decoration: underline;
    }

#DOBYEAR-error, #DOBDAY-error, #DOBMONTH-error {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.assistive_field_msg {
    display: block;
    padding: 5px;
    color: #081535;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    font-weight: bold;
}

.general-reg-error {
    display: block;
    /* width: 93.8%; */
    padding: 5px 10px;
    margin: 0 0 15px;
    color: #ffffff;
    background-color: #f44336;
    letter-spacing: 0.5px;
    /* text-align: center; */
    border-radius: 4px;
}

input::placeholder {
    color: #081535 !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

input, select {
    color: #081535 !important;
    font-size: 16px;
}

.ib-form-wrapper {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}

.ib-form-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px 32px;
}

.mobile_account_auth_header_image {
    width: 100%;
    min-height: 100px;
    margin-bottom: 12px;
    border-radius: 12px;
}

.desktop_account_auth_header_image {
    width: 100%;
    min-height: 304px;
    border-radius: 12px;
}

.ib-form-item img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.form-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 0px 5px;
}

    .form-header > h1 {
        font-size: 18px;
        font-weight: bold;
        color: #081535;
        line-height: 26px;
        letter-spacing: 0.5px;
        text-align: center;
    }

    .form-header > p {
        font-size: 16px;
        color: #081535;
        line-height: 24px !important;
        letter-spacing: 0.5px;
        padding: 10px 0 5px !important;
        text-align: center;
    }


.form-body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 10px;
}

.form-fields-wrapper, form, .form-field {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

#voucher_pin_err {
    text-align: center;
}

.ib_voucher_withdrawal_message {
    width: 100%;
    display: block;
    padding: 8px;
    text-align: center;
}

.form-field {
    padding: 12px 0;
}

    .form-field label {
        font-size: 0.9em;
        font-weight: normal;
        color: rgba(8, 21, 53, 1);
        letter-spacing: 0.5px;
    }

.filter-options-wrapper {
    width: 100%;
}

    .filter-options-wrapper .account-body-item {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .filter-options-wrapper .account-body-item > .form-fields-wrapper {
            width: initial;
        }

        .filter-options-wrapper .account-body-item > .ib-btn-loader-action {
            width: initial;
        }

.DatePickerDef {
    padding: 5px;
}

.adhere-wrapper > .form-field-input {
    justify-content: center;
}

    .adhere-wrapper > .form-field-input > label {
        margin: 0px 5px;
    }

        .adhere-wrapper > .form-field-input > label > a {
            font-size: 16px;
            vertical-align: sub;
            text-decoration: underline !important;
            font-weight: 400;
        }

    .adhere-wrapper > .form-field-input > .checkbox-wrapper {
        margin: 0px 5px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }

.id-num, .pass-num, .province-list, .other-prov, .other-fund {
    display: none;
}

#form-progressbar {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px !important;
    counter-reset: step;
}

    #form-progressbar li {
        width: initial !important;
        margin: 0 5px !important;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #form-progressbar li > span {
            font-size: 0.9em;
            padding-left: 5px;
            letter-spacing: 0.5px;
            color: #081535;
            font-weight: 500;
        }

        #form-progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: initial !important;
            display: block;
            font-size: 14px;
            color: #081535;
            font-weight: 700;
            background-color: transparent !important;
            border: 2px solid #00aedb !important;
            border-radius: 50%;
            margin: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #form-progressbar li.active:before, #progressbar li.active:after {
            background-color: #00aedb !important;
            border: none;
            color: #081535 !important;
            font-weight: 700;
        }

        #form-progressbar li.active:before {
            background-color: #00aedb;
            color: #081535;
            font-size: 14px;
        }

        #form-progressbar li:after {
            content: initial;
            width: initial;
            height: initial;
            background: initial;
            position: initial;
            left: initial;
            top: initial;
            z-index: initial;
        }

.form-field-input {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(8, 21, 53, 1);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control::placeholder {
        color: rgba(8, 21, 53, 0.5) !important;
    }

    .form-control.valid {
        border: 1px solid rgba(76, 175, 80, 1);
        color: rgba(8, 21, 53, 1) !important;
    }

    .form-control ~ .input-icon .fa-check {
        color: rgba(8, 21, 53, 1);
    }

    .form-control.valid ~ .input-icon .fa-check {
        color: rgba(76, 175, 80, 1);
    }

    .form-control.input-validation-error {
        color: rgba(8, 21, 53, 1) !important;
        border: 1px solid rgba(244, 67, 54, 1);
    }

        .form-control.input-validation-error ~ .input-icon .fa-check {
            color: rgba(244, 67, 54, 1);
        }

.date-dropdowns {
    width: 100%;
    display: flex;
    gap: 4px;
}

    .date-dropdowns > select {
        width: 33%;
        height: calc(2em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

.input-icon {
    padding: 10px;
}

.toggle_eye {
    position: absolute;
    right: 0;
    margin-right: 35px;
    z-index: 99;
    cursor: pointer;
}

.fa-eye {
    font-size: 1.5em;
    opacity: 0.5;
    color: #081535;
}

.ib-btn-loader-action {
    padding: 5px;
}

.form-actions {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px;
    gap: 12px;
}

.form-action-end {
    justify-content: flex-end;
}

.form-actions > a {
    width: 50%;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.form-actions > .form-button {
    width: 50%;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.directDepositDrop {
    width: 130px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 10px 0;
}

    .directDepositDrop:hover {
        text-decoration: none !important;
    }

    .directDepositDrop .fa-chevron-left {
        font-size: 1.3em;
        margin-right: 5px;
    }

.form-actions > a:hover {
    width: 50%;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: underline;
}

.form-actions > a:active {
    width: 50%;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: underline;
}

.form-actions > a:focus {
    width: 50%;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: underline;
}

.reset-actions {
    justify-content: center;
}

.form-button {
    width: 150px;
    height: 45px;
    border: 1px solid #081535;
    outline: none;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 700;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ib_flex_center {
    justify-content: center !important;
    align-items: center !important;
}


.ib-tote-clear-bet-again {
    padding: 10px;
    margin: 10px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ib-btn-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 35px;
    cursor: pointer;
}

.form-btn-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

    .form-btn-wrapper a {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin: 10px auto;
        background-color: #fafafa;
    }

.form-footer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 10px;
}

    .form-footer > a {
        font-size: 14px;
        color: #081535;
        letter-spacing: 0.5px;
        font-weight: bold;
        text-decoration: underline !important;
        cursor: pointer !important;
    }

        .form-footer > a:visited {
            font-size: 14px;
            color: #081535;
            letter-spacing: 0.5px;
            font-weight: 400;
            text-decoration: underline !important;
        }

        .form-footer > a:active {
            font-size: 14px;
            color: #081535;
            letter-spacing: 0.5px;
            font-weight: 500;
            text-decoration: underline !important;
        }

        .form-footer > a:hover {
            font-size: 14px;
            color: #081535;
            letter-spacing: 0.5px;
            font-weight: 500;
            text-decoration: underline !important;
        }

.password-examples {
    border: 1px solid #f2f2f2;
    background-color: #fafafa;
    border-radius: 4px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 15px;
}

    .password-examples > p {
        margin: 10px 0 !important;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

    .password-examples > ul {
        padding-left: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

        .password-examples > ul li {
            padding: 5px;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0.5px;
            width: 50%;
        }

.show-more-runners-btn {
    cursor: pointer;
    width: 100%;
    min-height: 58px;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
    background-color: #081535;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .show-more-runners-btn[data-boost-odds="true"] {
        background-color: #d4af37;
    }

    .show-more-runners-btn > span {
        font-size: 14px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #081535;
        padding: 5px 10px;
        border-radius: 0px;
        background-color: #ffffff;
        border: 2px solid #FF8812;
        letter-spacing: 0.5px;
        width: 180px;
        margin: 10px auto;
        font-weight: 500;
        border-radius: 50px;
    }

    .show-more-runners-btn[data-boost-odds="true"] > span {
        border-color: #d4af37;
    }

.modifiedCount {
    font-size: 14px;
}

.show-more-runners-btn > span > .fa-caret-down {
    font-size: 1.4em;
    margin-left: 5px;
}

.show-more-runners-btn > span > .fa-caret-up {
    font-size: 1.2em;
    margin-left: 5px;
}

.show-more-runners-btn:active > span {
    color: #081535;
    background-color: #FF8812;
    border: 2px solid #FF8812;
}

.show-more-runners-btn[data-boost-odds="true"]:active > span {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffffff;
}

.show-more-runners-btn:active > span > .fa-caret-down {
    color: #081535;
}

.show-more-runners-btn[data-boost-odds="true"]:active > span > .fa-caret-down {
    color: #ffffff;
}

.show-more-runners-btn-highlights {
    padding: 5px 5px 0px 5px;
    cursor: pointer;
    width: 100%;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
    background-color: #fafafa;
}

    .show-more-runners-btn-highlights > span {
        font-size: 14px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #081535;
        padding: 5px 10px;
        border-radius: 0px;
        background-color: #FF8812;
        border: 2px solid #FF8812;
        letter-spacing: 0.5px;
        width: 120px;
        margin: 10px auto;
        font-weight: 500;
    }

        .show-more-runners-btn-highlights > span > .fa-caret-down {
            font-size: 1.4em;
            margin-left: 5px;
        }

/*===== HEADER STYLES =====*/
.ib-news-msg {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px 0;
    padding: 0px 3px;
}

    .ib-news-msg > .ib-notification-bell.logged-out {
        display: none !important;
    }

    .ib-news-msg > .ib-notification-bell.logged-in {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-left: 0px;
        cursor: pointer;
    }

        .ib-news-msg > .ib-notification-bell.logged-in > a > .fa-bell {
            font-size: 1.3em;
            color: #081535;
        }

    .ib-news-msg > .ib-notification-bell > a > .ib-notification-dot {
        width: 10px;
        height: 10px;
        display: block;
        background-color: #FF8812;
        border-radius: 50%;
        position: absolute;
        top: 0px;
        right: -3px;
    }

    .ib-news-msg > .ib-news-msg-wrapper {
        width: 100%;
        height: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background-color: #f2f2f2;
    }

        .ib-news-msg > .ib-news-msg-wrapper > span {
            display: none;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.5px;
        }

        .ib-news-msg > .ib-news-msg-wrapper > .ib-news-msg-active {
            display: block;
        }

.ib-notifications-msg {
    width: 300px;
    position: absolute;
    right: 10px;
    background-color: #f2f2f2;
    display: none;
    flex-direction: column;
    top: 75px;
    z-index: 9999;
    border: 1px solid #FF8812;
}

.ib-notification-toggle {
    display: flex !important;
}

.ib-notifications-msg > .ib-notification-title {
    padding: 5px;
}

.ib-notifications-msg > .ib-notification-msg-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

    .ib-notifications-msg > .ib-notification-msg-list > span {
        background-color: #ffffff;
        padding: 10px 10px;
        margin: 1px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.ib-nav-bar {
    width: 100%;
    min-height: 82px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0 !important;
    padding: 0px 4px;
    background-color: #fff;
    color: initial;
    font-size: initial;
    z-index: 1;
}

.ib-nav-left {
    width: 40%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.ib-toggle-drawer {
    margin-right: 10px;
    cursor: pointer;
}

    .ib-toggle-drawer > .menu-ellipsis {
        font-size: 1.8em !important;
        color: #081535;
    }

.ib-logo-link {
    cursor: pointer;
}

.ib-logo {
    width: 100px;
    height: 100%;
    vertical-align: middle;
}

.ib-nav-right {
    width: 55%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

.ib-nav-items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

    .ib-nav-items.logged-out > a {
        display: none;
    }

.contact-logged-in:focus,
.contact-logged-in:active
.contact-logged-in:hover {
    background-color: #ffffff;
    border: 2px solid #081535 !important;
    color: #081535 !important;
    transition: border ease-in 0.1s;
}


.contact-logged-out:focus,
.contact-logged-out:active,
.contact-logged-out:hover {
    background-color: #ffffff;
    border: 2px solid #081535 !important;
    color: #081535 !important;
    transition: border ease-in 0.1s;
}

.ib-nav-items.logged-in > a > .power-off {
    color: #39445d;
    font-size: 1.4em;
}

.ib-nav-items.logged-in > power-off {
    padding: 0px !important;
    background-color: transparent !important;
    border: none !important;
}

.contact-logged-out img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.live-chat-logged-out img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.contact-logged-in img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.live-chat-logged-in img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.account-logged-in img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.account-logged-in:active {
    background-color: #ffffff;
    border: 2px solid #ff8812 !important;
    color: #ff8812 !important;
    transition: 0.2s;
}

.ib-nav-items.logged-in > a:nth-child(1) {
    display: none;
}

.ib-nav-items.logged-in > a:nth-child(2) {
    display: none;
}

.ib-nav-items.logged-in > .deposit-logged-in {
    display: none;
    border-radius: initial;
}

.ib-nav-items.logged-in > .account-logged-in {
    display: none;
    border-radius: initial;
    text-decoration: none !important;
}

.ib-nav-items.logged-in > .deposit-logged-in img {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.ib-nav-items.logged-in > .ib-nav-balance {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    background-color: #fafafa;
    padding: 5px 0px;
    width: 82%;
    position: relative;
    gap: 3px;
}

    .ib-nav-items.logged-in > .ib-nav-balance > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-right: 5px;
        padding: 0px 0px;
        background-color: #f2f2f2;
        border-radius: 4px;
        margin-right: 5px;
        padding: 1px 4px;
        border: 0px solid #ffffff;
    }

    .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding: 4px;
        background-color: #f2f2f2 !important;
        border: none;
        opacity: 0.5;
    }

        .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert > span {
            font-size: 12px;
            font-weight: bold;
            color: #081535 !important;
        }

        .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert > .ib-bonus-alert-icon {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
        }

            .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert > .ib-bonus-alert-icon > .fa-money-bill-wave {
                color: #8cd140 !important;
                margin-right: 0px;
            }

            .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert > .ib-bonus-alert-icon > .fa-angle-down {
                color: #8cd140 !important;
                margin-right: 4px;
            }

        .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert[data-active="true"] {
            background-color: #8cd140 !important;
            opacity: 1 !important;
        }

            .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert[data-active="true"] > span {
                color: #ffffff !important;
            }

            .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert[data-active="true"] > .ib-bonus-alert-icon > .fa-money-bill-wave {
                color: #ffffff !important;
            }

            .ib-nav-items.logged-in > .ib-nav-balance .ib-bonus-alert[data-active="true"] > .ib-bonus-alert-icon > .fa-angle-down {
                color: #ffffff !important;
            }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-cash-bal {
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

.update-balance-icon {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0 !important;
    margin: 0;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0 !important;
    margin: 0px !important;
    margin-right: 4px !important;
    visibility: hidden;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-cash-bal > p {
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    width: 100%;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-cash-bal > span {
    font-size: 12px;
    color: #081535;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ib-cash-bal > p {
    visibility: hidden;
}

.ib-cash-bal > span {
    visibility: hidden;
}

.ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

    .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance > .loyalty-points-balance {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance > .loyalty-points-balance > p > a {
            font-size: 12px;
            letter-spacing: 0.5px;
            font-weight: 600 !important;
            color: #081535;
            text-decoration: underline;
        }

        .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance > .loyalty-points-balance > span {
            font-size: 12px;
            letter-spacing: 0.5px;
            font-weight: 600 !important;
            color: #081535;
            letter-spacing: 0.5px;
        }

    .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance > p {
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 600 !important;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance > span {
        font-size: 14px;
        color: #388E3C;
        font-weight: 700;
        padding-left: 0px;
    }

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper {
    display: none;
    position: absolute;
    background-color: #ffffff;
    top: 112px;
    right: 4px;
    width: 300px;
    padding: 10px 15px;
    margin: 0;
    border: none;
    z-index: 9999;
    border: 2px solid #f2f2f2;
}

.ib-nav-items.logged-in > .ib-nav-balance.withdrawal-btn-0 > .ib-vegas-bonus-bal-wrapper {
    top: 92px;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper:after {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    content: " ";
    position: absolute;
    top: -12px;
    right: 20px;
    margin-right: auto;
    z-index: -1;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper[data-active="true"]:after {
    border-bottom: 10px solid #8cd140;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper[data-active="true"] {
    display: block;
    border: 2px solid #8cd140;
}

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5px;
    margin: 2px 0;
    background-color: #f2f2f2;
    border-radius: 4px;
}

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > div > p {
        color: #081535;
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500 !important;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > div > span {
        color: #081535;
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500 !important;
    }

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > .loyalty-points-balance {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > .loyalty-points-balance > p {
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 600 !important;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > .loyalty-points-balance > span {
        font-size: 14px;
        color: #388E3C;
        font-weight: 700;
        padding-left: 0px;
    }

.ib-nav-items.logged-in > .ib-nav-balance > .ib-vegas-bonus-bal-wrapper > a {
    font-size: 14px;
    color: #FF8812;
    font-weight: 700;
    padding-left: 0px;
    text-decoration: underline;
}

.ib-nav-items.logged-in > .ib-cash-bal > p {
    color: #081535;
}

.ib-nav-items.logged-in > .ib-cash-bal > span {
    padding-left: 0px;
    font-size: 12px;
    font-weight: 700;
    color: #081535;
    letter-spacing: 0.5px;
}

.ib-nav-items.logged-in > .ib-bonus-bal > p {
    color: #081535;
}

.ib-nav-items.logged-in > .ib-bonus-bal > span {
    padding-left: 0px;
    font-size: 12px;
    font-weight: 700;
    color: #081535;
    letter-spacing: 0.5px;
}

.ib-nav-items > .ib-grouped-btn {
    width: 160px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border: initial;
    border-radius: initial;
}

    .ib-nav-items > .ib-grouped-btn > a {
        width: 50%;
        padding: 10px;
        text-align: center;
        text-transform: initial;
        text-decoration: none;
    }

    .ib-nav-items > .ib-grouped-btn > .login-btn {
        margin-right: 2.5px;
        font-size: 14px;
        font-weight: 700;
        color: #081535 !important;
        background-color: rgba(141, 198, 63, 1);
        letter-spacing: 0.5px;
        border-radius: 4px;
    }

        .ib-nav-items > .ib-grouped-btn > .login-btn:active {
            background-color: rgba(141, 198, 63, 0.75);
        }

    .ib-nav-items > .ib-grouped-btn > .sign-up-btn {
        margin-left: 2.5px;
        font-size: 14px;
        font-weight: 700;
        color: #081535 !important;
        background-color: rgba(0, 174, 219, 1);
        letter-spacing: 0.5px;
        border-radius: 4px;
    }

        .ib-nav-items > .ib-grouped-btn > .sign-up-btn:active {
            background-color: rgba(0, 174, 219, 0.75);
        }

.ib-top-nav {
    width: 100%;
    min-height: 146px;
    position: relative;
    display: none;
    top: initial;
    padding: initial;
    background-color: initial;
    box-shadow: initial;
    padding-left: 0;
    padding-right: 0;
}

    .ib-top-nav.logged-in {
        padding-top: 112px;
    }

nav.ib-main-nav-items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 4px 0;
}

    nav.ib-main-nav-items > a {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: calc(20% - 4px);
        height: 65px;
        padding: 1px;
        border: 1px solid transparent;
        text-decoration: none;
        cursor: pointer;
        border-radius: 12px;
        margin: 2px;
        background-color: #081535;
    }

    nav.ib-main-nav-items > .savvy_saver_menu_link {
        display: none;
    }

    nav.ib-main-nav-items > .active-nav-item {
        padding: 3px;
        transition: initial !important;
    }

        nav.ib-main-nav-items > .active-nav-item > span {
            color: #081535;
        }

    nav.ib-main-nav-items > a .active-nav-item {
        padding: 3px;
        background-color: #ffffff;
        border: 2px solid #ff8812;
        transition: initial !important;
    }

        nav.ib-main-nav-items > a .active-nav-item > div > span {
            color: #081535;
        }

    nav.ib-main-nav-items > a > div {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        nav.ib-main-nav-items > a > div > .ib-main-link-img img {
            width: 24px;
            height: 24px;
            margin: 0px 0 0px 0;
        }

.aviator-link img {
    width: 50px !important;
    height: 50px !important;
}

.icon-sm {
    width: 26px !important;
    height: 26px !important;
}

.ib-main-link-img {
    position: relative;
}

nav.ib-main-nav-items > a:focus,
nav.ib-main-nav-items > a:active,
nav.ib-main-nav-items > a:hover {
    padding: 1px;
    background-color: #ffffff;
    border: 2px solid #081535;
    transition: background-color ease-in 0.1s !important;
}

    nav.ib-main-nav-items > a:focus > .ib-main-nav-items-link span,
    nav.ib-main-nav-items > a:active > .ib-main-nav-items-link span,
    nav.ib-main-nav-items > a:hover > .ib-main-nav-items-link span {
        color: #081535;
        transition: color ease-in 0.1s !important;
    }

.ib-main-nav-items-link > span {
    font-size: 0.70em;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin-top: 4px;
}

.slot-coin {
    width: 18px !important;
    height: 18px !important;
    position: relative;
    margin-left: 5px;
    border: 1px solid #081535;
    border-radius: 50%;
}

.active-nav-item > .ib-main-nav-items-link > span {
    color: #ff8812;
}

nav.ib-main-nav-items a:active > .ib-main-nav-items-link > span {
    color: #081535;
    font-size: 0.67em;
    font-weight: 500;
    transition: initial !important;
}

.ib-bottom-nav {
    width: calc(100% - 4px);
    min-height: 63px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    bottom: calc(1rem + env(safe-area-inset-bottom));
    padding: 4px 24px;
    background-color: #ffffff;
    border: 2px solid #081535;
    background-image: initial;
    z-index: 99999;
    margin: 0px 2px;
    border-radius: 50px;
    gap: 8px;
}

.ib-bottom-nav-items {
    max-width: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.ib-bottom-nav.logged-out > .ib-bottom-nav-items.bottom-register {
    min-width: 144px;
    background-color: #00bdd4;
    border-radius: 4px;
    display: none;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.register-shake {
    animation: shake 0.5s;
    animation-iteration-count: 1;
}

.bottom-betslip {
    background-color: #8cd140;
    border-radius: 4px;
}

.ib-bottom-nav.logged-out > .ib-bottom-nav-items {
    width: 33%;
    max-width: 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

.ib-bottom-nav.logged-out > .ib-bottom-nav-items {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px;
    text-decoration: none !important;
    cursor: pointer;
}

.ib-bottom-nav.logged-out > .bottom-betslip {
    display: none;
}

.ib-bottom-nav > .ib-bottom-nav-items > .ib-bottom-nav-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: initial;
    border-radius: initial;
}

    .ib-bottom-nav > .ib-bottom-nav-items > .ib-bottom-nav-icons img {
        width: 28px;
        height: 28px;
        padding: 0px;
        margin-bottom: 2px;
    }

.ib-bottom-nav > .ib-bottom-nav-items > span {
    width: initial;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #081535;
    letter-spacing: inherit;
    position: relative;
    box-sizing: border-box;
}

.bottom-nav-betslip-count {
    font-size: 16px;
    font-weight: bold;
    color: #081535;
}

.pulse {
    overflow: visible;
    position: relative;
}

    .pulse:before {
        content: ' ';
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        top: 0;
        left: 50%;
        margin-left: -25px;
        background-color: #b2f766;
        transition: opacity .3s, transform .3s;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        border-radius: 50%;
        z-index: 1;
    }

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.ib-bottom-nav > .ib-bottom-nav-items > .bottom-nav-betslip-count {
    padding-left: 0px;
    font-size: 12px !important;
    color: #8DC63F !important;
}

.ib-bottom-nav > .ib-bottom-nav-items > .betslip-notify {
    visibility: hidden;
    width: 10px;
    height: 10px;
    position: relative;
    top: -10px;
    right: -3px;
    background-color: #8DC63F !important;
    border-radius: 50%;
}

/*===== NAVIGATION DRAWER STYLES =====*/

.ib-nav-drawer > .ib-nav-drawer-header {
    width: 100%;
    height: 43px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-time {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-time > .fa-clock {
            margin-right: 15px;
            font-size: 1.4em !important;
            color: #ffffff;
        }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-time > span:nth-child(2) {
            position: initial;
            right: initial;
            font-size: 14px;
            font-weight: 400;
            color: #ffffff;
            letter-spacing: 0.5px;
            cursor: pointer;
        }

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang > #languageDisplay {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
            font-size: 16px;
            font-weight: 400 !important;
            color: #ffffff !important;
            letter-spacing: 0.5px;
        }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang > a#languageDisplay:active {
            color: #ffffff !important;
        }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang > #languageDisplay > .fa-globe {
            margin-right: 5px;
            padding: initial;
            font-size: 1.4em !important;
        }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang > .ib-lang-dropdown {
            display: none;
            width: 80px;
            position: absolute;
            top: 37px;
            background-color: #ffffff;
            border: 2px solid #FF8812;
        }

            .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-lang > .ib-lang-dropdown > a {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 10px;
                color: #081535;
                border-bottom: initial;
                text-decoration: none;
            }

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        cursor: pointer;
    }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > #oddsDisplay {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            margin-left: initial;
            font-size: 14px;
            font-weight: 400 !important;
            color: #ffffff !important;
            letter-spacing: 0.5px;
        }

            .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > #oddsDisplay:active {
                color: #ffffff !important;
            }

            .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > #oddsDisplay > .fa-cog {
                font-size: 1.6em;
                margin-right: 24px;
                width: 24px;
                padding-left: 4px;
                letter-spacing: 0.5px;
            }

        .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown {
            display: none;
            width: 135px;
            position: absolute;
            top: 40px;
            left: 50px;
            background-color: #ffffff;
            border: 2px solid #FF8812 !important;
            z-index: 9;
            border-radius: 12px;
        }

.odds-dropdown-inactive {
    display: none !important;
}

.odds-dropdown-active {
    display: block !important;
}

.ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown:after {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff8812;
    content: " ";
    position: absolute;
    top: -12px;
    left: 8px;
    margin-left: auto;
    margin-right: auto;
}

.ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown > a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #081535;
    border-bottom: initial;
    text-decoration: none;
    letter-spacing: 0.5px;
}

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown > a:active {
        color: #FF8812;
    }

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown > a:hover {
        color: #FF8812;
    }

.ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-close {
    position: absolute;
    right: 15px;
    color: #FF8812;
    font-size: 1.6em;
}

.fa-hand-holding-heart, .fa-hotjar, .fa-gift, .fa-gem, .fa-star, .fa-home, .fa-mobile-alt {
    font-size: 1.6em;
    margin-right: 20px;
    width: 24px;
    padding-left: 2px;
}

.fa-mobile-alt {
    padding-left: 8px;
}

.ib-nav-drawer > .ib-nav-drawer-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link {
        display: block;
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .savvy_saver_nav_drawer_link {
        display: none;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:focus {
        background-color: #ffffff !important;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:focus > span {
            background-color: #ffffff !important;
            color: #FF8812 !important;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.5px;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:hover {
        background-color: #ffffff !important;
        color: #081535;
        transition: background-color ease-in 0.1s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:focus > span,
        .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:active > span,
        .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:hover > span {
            color: #081535 !important;
            transition: color ease-in 0.1s;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link > span {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff !important;
        transition: initial !important;
        letter-spacing: 0.5px;
        padding: 12px 10px;
        display: block;
        flex-direction: row;
        align-items: center;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link > span img {
            width: 30px;
            height: 30px;
            margin-right: 15px;
        }

.ib-aviator-link img {
    width: 115px !important;
    height: auto !important;
}

.ib-nav-drawer > .ib-nav-drawer-links > #sports-primary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 10px;
    border-bottom: initial;
}

    .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary > span {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 0.5px;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary > span > img {
            width: 24px;
            margin-right: 10px;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary > .fa-caret-down {
        margin-right: 10px !important;
        font-size: 1.5em !important;
        color: #ffffff;
    }

.ib-horseracing-nav-list > #horse-primary-list {
    margin: 0px;
}

.ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: initial;
    color: #081535;
    background-color: #ffffff;
    border-bottom: initial;
    text-decoration: none;
}

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a:active {
        background-color: #f2f2f2;
        transition: 0.5s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a:active > span {
            font-weight: 700;
            color: #FF8812 !important;
            transition: initial !important;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a > span {
        font-size: 14px;
        font-weight: 400;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a > img {
        position: absolute;
        right: 15px;
        width: 24px;
    }

.ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: initial;
    font-weight: initial !important;
    color: initial;
    background-color: #ffffff;
    border-bottom: initial;
    text-decoration: none;
}

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a > img {
        position: absolute;
        right: 15px;
        width: 24px;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a:active {
        background-color: #f2f2f2;
        transition: 0.5s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a:active > span {
            font-weight: 700;
            color: #FF8812;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a > span {
        font-size: 14px;
        font-weight: 400;
    }

/*===== MAIN CONTENT STYLES =====*/

#ib-app-main {
    position: relative;
    min-height: calc(100vh - 89px - 24px);
}

.background-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999;
}

.ib-nav-drawer {
    width: 320px;
    min-height: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0px;
    background-color: #081535;
    background-image: initial;
    -webkit-overflow-scrolling: touch;
    box-shadow: initial !important;
    overflow-y: auto;
    z-index: 9999;
}

.ib-drawer-inactive {
    display: none !important;
    left: -100%;
}

.ib-drawer-active {
    display: block !important;
    left: 0px;
}
/*===== BETSLIP STYLES =====*/
.ib-betslip {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #081535 !important;
    box-shadow: initial !important;
    overflow: auto;
    overflow-x: hidden;
    z-index: 9999;
    background-color: initial;
    background-image: initial;
}

    .ib-betslip > .ib-betting-slips {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .ib-betslip > .ib-betting-slips > .ib-betslip-header {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            padding: 5px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        }

            .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-left {
                width: 50%;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
            }

                .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-left img {
                    width: 30px;
                    height: 30px;
                    margin-right: 0;
                    padding: initial;
                }

                .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-left > h3 {
                    color: #ffffff;
                    font-size: 16px;
                    font-weight: 500 !important;
                    letter-spacing: 0.5px;
                    margin-left: 5px;
                }

                    .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-left > h3 > span {
                        color: #8DC63F;
                        font-size: 14px;
                        font-weight: 500 !important;
                        letter-spacing: 0.5px;
                    }

            .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right {
                width: 50%;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-end;
                align-items: center;
            }

                .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-remove-all-bets {
                    width: 120px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 5px 3px;
                    border-radius: initial;
                    background-color: initial;
                    border: none;
                }

                    .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-remove-all-bets > .ib-remove-bets {
                        width: 100%;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: nowrap;
                        justify-content: space-evenly;
                        align-items: center;
                        border-radius: initial;
                        background-color: initial;
                        font-size: 14px;
                        font-weight: 500 !important;
                        color: #ffffff;
                        letter-spacing: 0.5px;
                        text-decoration: none !important;
                    }

                    .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-remove-all-bets > .RemoveAllBets:after {
                        font-family: "Font Awesome 5 Free";
                        content: "\f2ed";
                        font-size: medium;
                        color: #ffffff;
                        font-size: 14px;
                        margin-left: initial;
                        position: relative;
                        top: -1px;
                        font-size: 1.3em;
                    }

                .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-betslip-close {
                    width: 85px;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: nowrap;
                    justify-content: center;
                    align-items: center;
                    border-radius: initial;
                    color: #ffffff;
                    font-size: 14px !important;
                    font-weight: 500 !important;
                    letter-spacing: 0.5px;
                }

                    .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-betslip-close > .fa-times {
                        font-size: 1.3em !important;
                        margin-left: 5px;
                    }

.ib-multiple-icons {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: initial;
    background-image: initial;
    margin: 0px auto;
    padding: 0px 5px 0;
}

    .ib-multiple-icons > .in-parlay {
        width: 50%;
        padding: 5px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

.in-parlay img {
    width: 24px;
    height: 24px;
}

.ib-multiple-icons > .in-parlay > span {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.5px;
    margin-left: 5px;
}

.ib-multiple-icons > .not-in-parlay {
    width: 50%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.not-in-parlay img {
    width: 24px;
    height: 24px;
}

.ib-multiple-icons > .not-in-parlay > span {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.5px;
    margin-left: 5px;
}

.ib-betslip-boost {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0px auto;
    padding: 5px;
}

.betslip-boost-info-wrapper img {
    width: 16px !important;
    height: 100%;
    max-height: 90px;
    margin-left: 5px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-boost > span {
    font-weight: 400 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.ib-betslip > .ib-betting-slips > .ib-max-limits {
    margin: initial;
    padding: 0px 5px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

    .ib-betslip > .ib-betting-slips > .ib-max-limits > .ib-max-limits-dropdown {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
        border-bottom: initial;
        background-color: #ffffff;
        background-image: initial;
        cursor: pointer;
        border-radius: 4px;
        position: relative;
        top: 5px;
    }

        .ib-betslip > .ib-betting-slips > .ib-max-limits > .ib-max-limits-dropdown > h4 {
            color: #081535;
            font-weight: 500 !important;
            font-size: 14px;
            letter-spacing: 0.5px;
        }

        .ib-betslip > .ib-betting-slips > .ib-max-limits > .ib-max-limits-dropdown > .fa-chevron-up {
            color: #081535;
            font-size: 1.3em;
            transform: rotate( 180deg );
        }

.max-limits-dropdown-list {
    display: none;
    padding: 0 5px;
    background-color: #fafafa;
    position: relative;
    top: -10px;
    padding-top: 15px;
    padding-bottom: 3px;
    z-index: -1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: -15px;
    margin: 0 auto;
}

.max-limits-titles {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title-selections, .title-win-value, .title-place-value {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%;
    border-bottom: 1px solid #081535;
    margin: 5px 0px;
    padding: 5px 0px;
    font-weight: 700;
    color: #081535;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.max-limits-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 3px 5px;
}

.max-selections, .max-win-values, .max-place-values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33%;
    border: 1px solid #f2f2f2;
    margin: 3px 0px;
    padding: 10px;
    font-weight: 700;
    color: #002868;
    border-radius: 4px;
}

.max-selections, .max-win-values, .max-place-values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33%;
    border: 1px solid #081535;
    margin: 0 -5px;
    padding: 10px;
    font-weight: 500;
    color: #081535;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket {
    margin: 5px;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry {
        background-color: #ffffff;
        margin-bottom: 5px;
        border-radius: initial;
        border-radius: 4px;
    }

.betslip-event-group {
    display: flex;
    flex-direction: column;
    padding: 0px 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-betslip-event-sport-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-betslip-event-sport-type > .ib-event-group {
        width: 100%;
        padding: initial;
        font-size: 12px !important;
        font-weight: 500 !important;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 0.5px;
        padding-right: 30px;
    }

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-betslip-event-sport-type > .remove-single-bet {
        visibility: hidden;
        margin-top: 0px;
        right: 15px;
        position: absolute;
        color: #081535;
        cursor: pointer !important;
    }

        .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-betslip-event-sport-type > .remove-single-bet:after {
            visibility: visible;
            margin-right: 0;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f2ed" !important;
            font-size: 1rem;
        }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-event-group {
    width: 100%;
    padding-right: initial;
    padding: 0px 5px;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-event > .ib-event-group > .ib-event-date {
        font-size: 14px;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-market {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3px 5px;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-market > .ib-event-desc {
        width: 90%;
        padding-right: initial;
        font-size: 14px !important;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600 !important;
        letter-spacing: 0.5px;
    }

.event-description > span {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-market > .ib-multiple-status {
    position: absolute;
    right: 10px;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-market > .ib-multiple-status img {
        width: 16px;
        height: 16px;
        margin-top: -7px;
        margin-right: 4px;
    }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 5px;
    position: relative;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-betslip-odds {
        width: 48%;
        display: flex;
        align-items: center;
        background-color: #fafafa;
        padding: 0px;
        font-size: 14px !important;
        font-weight: 700;
        letter-spacing: 0.5px;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
    }

        .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-betslip-odds > p {
            width: 100%;
            display: flex;
            position: relative;
        }

            .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-betslip-odds > p span {
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
            }

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-bet-profit {
        width: 48%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fafafa;
        padding: 2.5px 5px !important;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
    }

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-betslip-odds > .ib-odds-label > span {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-bet-profit > span {
        font-size: 14px;
        font-weight: 500 !important;
        letter-spacing: 0.5px;
    }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-actions > .ib-betslip-stake {
        width: 48%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
    }

.stake-input-plus, .stake-input-minus {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #cccccc;
    color: #081535;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

    .stake-input-plus > .fa-plus {
        font-size: 1em;
        color: #ffffff;
    }

    .stake-input-minus > .fa-minus {
        font-size: 1em;
        color: #ffffff;
    }

.min-max-bet {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

    .min-max-bet > span {
        font-size: 14px;
        font-weight: 400 !important;
        color: #ffffff;
        margin: 5px 0;
        letter-spacing: 0.5px;
        display: flex;
        justify-content: space-between;
    }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-actions > .ib-betslip-stake > .single-stake-amount {
    width: 55%;
    padding: 5px;
    text-align: center;
    border: 1px solid #cccccc;
    outline: #cccccc;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    height: 35px;
    margin: 0 5px;
    border-radius: 4px;
}

.currency-symbol {
    position: absolute;
    pointer-events: none;
    top: -7px;
    left: 28px;
    font-size: 12px;
    display: flex;
    width: 18px;
    height: 18px;
    background-color: #f2f2f2;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.currency-symbol-smm {
    position: absolute;
    pointer-events: none;
    top: 25px;
    left: 0;
    font-size: 12px;
    display: flex;
    width: 18px;
    height: 18px;
    background-color: #f2f2f2;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.currency-symbol-numbers {
    position: absolute;
    pointer-events: none;
    top: 36px;
    left: 0;
    font-size: 12px;
    display: flex;
    width: 18px;
    height: 18px;
    color: #081535 !important;
    background-color: #f2f2f2;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-actions > .ib-betslip-single-bet {
    width: 48%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #8DC63F !important;
    color: #081535 !important;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 5px;
    border-radius: 4px !important;
    cursor: pointer;
}

.ib-betslip-msg {
    display: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px;
    background-color: #ffffff;
    border-radius: 0px;
    border-top: 1px solid #f2f2f2;
    border-radius: 4px;
}

    .ib-betslip-msg > div:nth-child(1) {
        padding: 5px;
        font-size: 14px;
        font-weight: 600 !important;
        color: #081535;
        letter-spacing: 0.5px;
        text-align: left;
    }

    .ib-betslip-msg > .betslip-error-message {
        padding: 5px;
        color: #d32f2f;
        font-size: 12px;
        font-weight: 500 !important;
        letter-spacing: 0.5px;
    }

.betslip-error-message > a {
    color: #d32f2f;
    font-size: 12px;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}

.bet-success-msg > div {
    text-align: center;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

    .bet-success-msg > div:nth-child(2) {
        padding: 0px 0px 10px 0px;
        font-weight: 600 !important;
        color: #d32f2f;
    }

    .bet-success-msg > div.alert-success {
        padding: 10px;
        font-weight: 600 !important;
        color: #8DC63F;
        background-color: #E8F5E9;
        font-size: 16px;
        letter-spacing: 0.5px;
        border: none;
    }

.ib-betslip > .ib-betting-slips > .ib-multiple-title {
    margin: 0;
    margin-bottom: 5px;
    padding: 0px 5px;
    color: #FF8812;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: 500 !important;
}

.ib-betslip > .ib-betting-slips > .ib-multiple-betslip-ticket > .ib-betslip-entry {
    margin-bottom: 15px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-betslip-odds > strong {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-bet-profit {
    font-size: 14px;
    font-weight: 700;
}

    .ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > .ib-bet-profit > strong {
        font-size: 14px;
        font-weight: 700;
    }

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-event-description-odds-profit > #lblOddsMultiple {
    padding: 2.5px;
}

.ib-betslip > .ib-betting-slips > .ib-betslip-ticket > .ib-betslip-entry > .ib-betslip-actions > .ib-betslip-multiple-bet {
    width: 48%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: initial;
    background-color: #8DC63F !important;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #081535 !important;
    border-radius: 4px !important;
    cursor: pointer;
}

.ib-betslip > .ib-betting-slips > #MultiplebetSuccess.ib-betslip-msg {
    display: none;
    margin-top: -5px;
    margin-bottom: 5px;
    padding: 0px;
    background-color: #ffffff;
    border-radius: 0px;
    border-top: 1px solid #f2f2f2;
}

.ib-multiple-error-msg {
    padding: 0px 0px 5px 0px;
}

.ib-betslip > .ib-betting-slips > #MultiplebetSuccess.ib-betslip-msg > #MultipleTicketNo {
    padding: 5px;
    font-size: 14px;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-align: left;
}

.ib-multiple-error-msg {
    padding: 0px 0px 10px 0px;
    font-weight: 700 !important;
    color: #d32f2f;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}

.betslip-error-message-multiple > a {
    color: #d32f2f;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}

.ib-betslip > .ib-betting-slips > #MultiplebetSuccess.ib-betslip-msg > .alert-success {
    padding: 10px !important;
    font-weight: 600 !important;
    color: #8DC63F !important;
    background-color: #E8F5E9 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}

.continue-betting-mobile {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: relative;
    bottom: 0;
    display: flex;
    z-index: 999;
    text-align: center;
}

    .continue-betting-mobile > button {
        width: 100%;
        max-width: 180px;
        background-color: #FF8812;
        padding: 8px;
        color: #081535;
        font-weight: 600 !important;
        border: 2px solid #FF8812;
        font-size: 14px;
        font-weight: 700;
        outline: none !important;
        border-radius: 0px;
        cursor: pointer !important;
        letter-spacing: 0.5px;
        border-radius: 4px;
    }

/*===== POPULAR EVENT STYLES =====*/

.popular-tabs-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 0px;
    padding: 4px;
    margin: 12px 0;
}

    .popular-tabs-wrapper > .popular-tabs-nav {
        width: 100%;
        min-height: 33px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
    }

        .popular-tabs-wrapper > .popular-tabs-nav > .popular-tab {
            margin-right: 5px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

            .popular-tabs-wrapper > .popular-tabs-nav > .popular-tab:nth-child(1) {
                padding: 8px 5px;
            }

div.popular-tab {
    width: 168px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #39445d;
    border-bottom: none !important;
    padding: 8px 0px;
    cursor: pointer !important;
}

div.popular-tab-active {
    border: 1px solid #39445d;
    border-bottom: none !important;
    background-color: #081535;
}

.popular-tabs-wrapper > .popular-tabs-nav > .popular-tab > .popular-tab-input {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.popular-tab [type=radio] {
    display: none;
}

    .popular-tab [type=radio]:checked ~ label {
        z-index: 2;
    }

.popular-tabs-wrapper > .popular-tabs-nav > div.popular-tab > .popular-tab-input > label {
    margin: 0px;
    padding: 0px 0px;
    font-size: 0.83em;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.popular-tabs-wrapper > .popular-tabs-nav > div.popular-tab-active > .popular-tab-input > label {
    color: #ffffff;
    font-weight: 700;
    transition: 0.5s;
}

.popular-tabs-wrapper > .popular-tabs-nav > div.popular-tab > .popular-tab-input > .popular-tab-icon {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
}

.popular-tab-icon img {
    width: 24px;
    height: 24px;
}

.popular-tabs-wrapper > .popular-tabs-nav > .popular-tab-active > .blank-space {
    visibility: visible;
    width: 100%;
    height: 5px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -2px;
    background-color: #ffffff;
}

.popular-tabs-wrapper > .popular-tab-markets {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    border: 1px solid #39445d;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

    .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav {
        width: 100%;
        min-height: 50px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #f2f2f2;
        border-top-right-radius: 12px;
    }

        .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon {
            width: 12.5%;
            height: 48px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 0 1px;
        }

        .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav img {
            width: 25px;
            height: 25px;
        }

        .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.popular-subnav-link {
            position: relative;
            width: 35px;
            height: 35px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 4px;
            border-bottom: 2px solid #ffffff;
            cursor: pointer;
        }

            .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.popular-subnav-link > img {
                width: 24px;
                height: 24px;
            }

            .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.popular-subnav-link:hover {
                color: #FF8812;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
                border: 2px solid #081535;
                border-radius: 4px;
            }

        .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.golf-subnav-link {
            width: 35px;
            height: 35px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-bottom: 2px solid #ffffff;
            cursor: pointer;
        }

            .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.golf-subnav-link > img {
                width: 24px;
                height: 24px;
            }

            .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.golf-subnav-link:hover {
                color: #FF8812;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
                border-bottom: 2px solid #081535;
            }

        .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon > a.popular-subnav-active {
            border: 2px solid #081535;
            border-radius: 4px;
        }

.popular-tab-betting-componet {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    padding: 4px 0;
}

    .popular-tab-betting-componet #featured_page_board {
        width: 99% !important;
    }

.popular-inplay-component {
    display: none;
}

    .popular-inplay-component > iframe {
        width: 100%;
        height: 640px;
        border: none;
        padding: 0 4px;
    }

.popular-tab-betting-componet > #SportBodyMain {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .popular-tab-betting-componet > #SportBodyMain > div {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fafafa;
        background-image: initial;
        border-radius: 12px;
    }

/*===== HORIZONTAL SCROLL MENU STYLES =====*/

.horizontal-scroll-menu-display {
    position: relative;
    background-color: #fafafa;
    background-image: initial;
    margin-top: 0px;
    height: 62px;
    padding-top: 0px;
    border-bottom: 1px solid #ff8812;
}

.co-white-text {
    color: #081535 !important;
    font-weight: 600 !important;
}

.top-level-scroll::-webkit-scrollbar {
    display: none;
}

.top-level-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
}

    .top-level-scroll > div > a {
        display: block;
        text-decoration: none;
        border-bottom: 2px solid transparent;
    }

        .top-level-scroll > div > a:focus {
            background-color: rgba(255, 136, 18, 0.80);
            background-image: initial;
            transition: initial;
        }

        .top-level-scroll > div > a:active {
            background-color: rgba(255, 136, 18, 0.80);
            background-image: initial;
            transition: initial;
        }

        .top-level-scroll > div > a:hover {
            background-color: rgba(255, 136, 18, 0.80);
            background-image: initial;
            transition: initial;
        }

.top-level-scroll-active {
    border-bottom: 2px solid #FF8812;
    background-image: initial;
    transition: initial;
}

.top-level-scroll-items {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-width: 60px;
    height: 59px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 0;
    border-radius: 0px;
    cursor: pointer;
}

.golf_arena_preview_scroll {
    padding: 8px 0;
    background-color: #f2f2f2;
    border-radius: 12px;
}

.golf_arena_preview {
    height: auto;
}

    .golf_arena_preview img {
        border-radius: 8px;
    }

    .golf_arena_preview p {
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        margin: 8px 0 !important;
        padding: 8px 4px !important;
        background-color: #ffffff;
        border-radius: 12px;
        border: 1px solid rgba(141, 198, 63, 1);
    }

.top-level-scroll-items-active {
    opacity: 1;
}

.sport-scroll-circle {
    width: 30px;
    height: 30px;
    margin: 4px auto;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .sport-scroll-circle > img {
        width: 32px;
        height: 32px;
    }

.top-level-scroll-items > span {
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.active:after {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff8812;
    content: " ";
    position: relative;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.sub-active {
    border: 1px solid rgba(141, 198, 63, 1) !important;
    border-radius: 30px;
    background-color: rgba(141, 198, 63, 1);
}

    .sub-active button {
        color: #081535;
    }

#SportBodyMain > div {
    box-sizing: border-box;
    position: relative;
    padding: 2px;
    border-top: initial;
    background-color: #fafafa;
    background-image: initial;
}

.sport-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
    background-color: #081535;
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid #4d5a7a;
    border-radius: 8px;
    margin: 1px 0;
}

.sport-category-sub-header {
    background-color: #2e3b5b;
    margin: 0;
}

.sport-category-sub-header-market {
    background-color: #3e4b6b;
    margin: 0;
}

.popular-markets-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    background-color: #081535;
    outline: none;
    cursor: pointer;
    margin: 1px 4px;
    border-radius: 8px;
}

.golf_tournament_market_header {
    width: 100%;
    border-radius: 4px;
    margin: 4px 0;
}

.sport-market-props {
    background-color: #ffffff;
}

    .sport-market-props ~ .sport-category-header {
        background-color: #fafafa;
    }

        .sport-market-props ~ .sport-category-header > .sport-category {
            color: #081535;
        }

        .sport-market-props ~ .sport-category-header > .sport-description-count {
            color: #081535;
        }

    .sport-market-props ~ .popular-markets-header {
        background-color: #fafafa;
    }

        .sport-market-props ~ .popular-markets-header > .sport-category {
            color: #081535;
        }

        .sport-market-props ~ .popular-markets-header > .sport-description-count {
            color: #081535;
        }

.popular-markets-header, .sport-markets-header, .popular-markets-header {
    align-items: center;
}

.golf_participant_name {
    color: #ffffff !important;
    font-weight: 400 !important;
    padding: 4px !important;
    font-size: 14px;
    width: 80%;
    line-height: 18px;
    letter-spacing: 0.5px;
}

[data-role="description"] {
    margin-right: 8px;
}

.golf_market_status-A {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #4CAF50 !important;
    color: #ffffff !important;
    background-color: #4CAF50 !important;
    border-radius: 50%;
}

.golf_market_status-S {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #f44336 !important;
    color: #ffffff !important;
    background-color: #f44336 !important;
    border-radius: 50%;
    padding-top: 1px;
    padding-right: 1px;
}

.golf_market_status-C {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #f44336 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    background-color: #f44336 !important;
    border-radius: 50%;
}

.golf_market_status-F {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #4CAF50 !important;
    color: #ffffff !important;
    background-color: #4CAF50 !important;
    border-radius: 50%;
}

.golf_market_status-X {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #f44336 !important;
    color: #ffffff !important;
    background-color: #f44336 !important;
    border-radius: 50%;
}

.golf_market_status_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 8px 0;
}

    .golf_market_status_container p {
        color: #ffffff;
        font-size: 14px !important;
        font-weight: normal !important;
        letter-spacing: 0.5px;
        padding: 4px 0;
    }

.golf_market_status {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 4px 0;
}

    .golf_market_status span:nth-child(1) {
        color: #ffffff;
        font-size: 16px !important;
        font-weight: normal !important;
        letter-spacing: 0.5px;
        padding: 4px;
    }

    .golf_market_status span:nth-child(2) {
        color: #ffffff;
        font-size: 14px !important;
        font-weight: normal !important;
        letter-spacing: 0.5px;
        padding: 4px;
    }

.golf_players_container {
    padding: 8px 4px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px;
    display: block;
    margin: 4px 0;
}

.golf_players {
    padding: 4px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
}
/*===== COUPON LIST STYLES =====*/
.ib-soccer-search-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0px;
    height: 35px;
    margin: 10px 5px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #081535;
}

.select-by-country-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0px;
    height: 35px;
    margin: 10px 5px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #081535;
}

    .select-by-country-wrapper > a {
        height: 33px;
        color: #081535;
        font-weight: 700;
        font-size: 14px !important;
        width: 100%;
        text-decoration: none;
        padding: 10px;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .select-by-country-wrapper.coupon-active {
        border: 2px solid rgba(141, 198, 63, 1);
        background-color: initial !important;
    }

    .select-by-country-wrapper:hover {
        border: 2px solid rgba(141, 198, 63, 1);
        background-color: initial !important;
    }

    .select-by-country-wrapper:focus {
        border: 2px solid rgba(141, 198, 63, 1);
        background-color: initial !important;
    }

    .select-by-country-wrapper:active {
        border: 2px solid rgba(141, 198, 63, 1);
        background-color: initial !important;
    }

.ib-soccer-search-wrapper > .search-by-country {
    color: #081535;
    padding: 0px 10px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.ib-search-icon {
    width: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: none;
    background-color: #ffffff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

    .ib-search-icon > .fa-search {
        font-size: 1em;
    }

.ib-team-search {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    outline-offset: initial;
}

    .ib-team-search:focus {
        outline: none !important;
    }

.coupon-item-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px;
    justify-content: flex-start;
    border-top: 1px solid #ffffff;
    border-bottom: initial;
    background-color: #fafafa !important;
}

.sub-coupon-item-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px;
    justify-content: flex-start;
    border-top: 1px solid #ffffff;
    border-bottom: initial;
    background-color: #fafafa !important;
}

.coupons-mobile-menu {
    padding: 7.8px 10px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-box-shadow: inset 0 0 3px rgba(33, 37, 41, 0.35);
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border-radius: 0px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
}

.sub-coupons-mobile-menu {
    padding: 7.8px 10px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-box-shadow: inset 0 0 3px rgba(33, 37, 41, 0.35);
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border-radius: 0px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
}

.coupon-dropdown-list {
    display: none;
    flex-direction: column;
    margin-top: 5px;
    width: 100%;
}

.sub-coupon-dropdown-list {
    display: none;
    flex-direction: column;
    margin-top: 5px;
    width: 100%;
}

.coupons-mobile-breadcrumb {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.sub-coupons-mobile-breadcrumb {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
}

.coupons-mobile-menu > i {
    font-size: 1.4em !important;
}

.sub-coupons-mobile-menu > i {
    font-size: 1.4em !important;
    margin-right: 3px;
}

.arrow-expanded {
    transform: rotate(180deg);
    transition: 0.3s;
}

.arrow-collapsed {
    transform: rotate(0deg);
    transition: 0.3s;
}

.coupon-item-list > .coupon-dropdown-list > a {
    background-color: #ffffff;
    color: #081535;
    padding: 11.5px 10px;
    margin: 1px 0px;
    font-weight: 400;
    font-size: 14px !important;
    width: 100%;
    text-decoration: none;
    border-radius: 0px;
    border-radius: 12px;
    border: 1px solid #081535;
}

.sub-coupon-item-list > .sub-coupon-dropdown-list > button {
    background-color: #ffffff;
    padding: 1px 10px;
    margin: 1px 0px !important;
    width: 100%;
    text-decoration: none;
    border-radius: 0px;
    border-radius: 12px;
    border: 1px solid #081535;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .sub-coupon-item-list > .sub-coupon-dropdown-list > button span {
        background-color: #ffffff;
        color: #081535;
        padding: 8.5px 0px;
        margin: 1px 0px;
        font-weight: 400;
        font-size: 14px;
        display: flex;
        text-align: left;
    }

        .sub-coupon-item-list > .sub-coupon-dropdown-list > button span:nth-child(1) {
            width: 100%;
            padding-right: 12px;
        }

        .sub-coupon-item-list > .sub-coupon-dropdown-list > button span:nth-child(2) {
            width: 10%;
        }

.coupon-item-list > .coupon-dropdown-list > a:active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
    border-radius: 12px;
}

.sub-coupon-item-list > .sub-coupon-dropdown-list > button:active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
}

.coupon-item-list > .coupon-dropdown-list > a:hover {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
}

.sub-coupon-item-list > .sub-coupon-dropdown-list > button:hover {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
    outline: none;
}

.coupon-item-list > .coupon-dropdown-list > a.coupon-active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
    padding: 10.5px 10px;
}

.sub-coupon-item-list > .sub-coupon-dropdown-list > button.sub-coupon-active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
    padding: 1px 10px;
}

.coupon-item-list > .coupon-dropdown-list > .coupon-dropdown-list-active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
}

.sub-coupon-item-list > .sub-coupon-dropdown-list > .sub-coupon-dropdown-list-active {
    border: 1px solid rgba(141, 198, 63, 1);
    color: #081535;
    transition: initial;
}

/*===== BETTING COMPONENT STYLES =====*/
.flag-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
}

    .flag-icon img {
        width: 30px;
        height: 30px;
    }

.sport-highlight-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafa;
    width: 32px;
    height: 32px;
    margin: 0 4px;
    border-radius: 50%;
}

    .sport-highlight-icon img {
        width: 30px;
        height: 30px;
    }

.sport-category-header h1 {
    font-size: 10px !important;
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-left: 4px;
    padding: 0;
    color: #ffffff;
    text-align: left;
}

.popular-markets-header h1 {
    font-size: 10px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0;
    color: #ffffff;
    text-align: left;
}

.sport_header_title_container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.sport-description-count {
    width: 35%;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 4px;
    font-weight: normal !important;
    outline: none;
    color: #ffffff;
}

    .sport-description-count > span {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #ffffff;
    }

    .sport-description-count > i {
        margin-left: 4px;
        font-size: 20px !important;
        margin-right: 4px;
    }

.betting-markets-title-container {
    width: 100%;
}

.betting-markets-title-wrapper {
    display: flex;
    width: 100%;
    padding: 5px 0px;
    justify-content: flex-end;
    border-bottom: 1px solid #081535;
}

.betting-markets-title-wrapper-two {
    display: none;
}

.betting-markets-title {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    text-align: center;
}

    .betting-markets-title > div {
        width: 100%;
        max-width: 50%;
        padding: 0px;
    }

.horses-market-title > div {
    width: 100%;
    max-width: 50%;
    padding-left: 20px;
}

.betting-markets-title > div > span {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #081535 !important;
    letter-spacing: 0.5px;
}

.horses-market-title > .place-bet-type > span {
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.sport-content-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

.date-wrapper {
    width: 50%;
    padding: 5px 0px;
}

.date-time {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #081535 !important;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding-right: 10px !important;
}

    .date-time > span {
        font-size: inherit !important;
        font-weight: 500 !important;
        color: #081535 !important;
        letter-spacing: 0.5px;
    }

.more-markets-wrapper {
    width: initial;
}

.ib-smm-link-wrapper {
    width: initial;
    margin-right: 2px;
}

    .ib-smm-link-wrapper img {
        width: 24px;
        height: 24px;
    }

.ib-more-features-wrapper {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.more-bets-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0px;
    cursor: pointer;
}

    .more-bets-button > a {
        background-color: rgba(255, 255, 255, 1);
        padding: 0 4px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid #F8981C;
        border-radius: 12px;
    }

        .more-bets-button > a span {
            font-size: 12px;
            font-weight: normal;
            color: #081535;
            letter-spacing: 0;
        }

        .more-bets-button > a img {
            width: 22px;
            height: 22px;
        }

        .more-bets-button > a:active {
            background-color: #f2f2f2;
            border: 2px solid #F8981C;
            transition: 0.5s;
        }

        .more-bets-button > a:hover {
            background-color: #f2f2f2;
            border: 2px solid #F8981C;
            transition: 0.5s;
        }

.ib-smm-link > a:active {
    background-color: #f2f2f2;
    border: 2px solid rgba(141, 198, 63, 0.75);
    transition: 0.5s;
}

.ib-smm-link > a:hover {
    background-color: #f2f2f2;
    border: 2px solid rgba(141, 198, 63, 0.75);
    transition: 0.5s;
}

.more-markets-link {
    font-size: 11px !important;
    font-weight: 500;
    color: #081535 !important;
    padding: 3px 0px;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.more-bets-button > a > span i {
    vertical-align: middle;
    font-size: 1.5em !important;
    color: #081535 !important;
    margin-left: 0px;
}

.ib-smm-link a {
    border: 2px solid rgba(141, 198, 63, 1) !important;
}

.sport-content-body {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: initial;
    background-color: #ffffff !important;
    border-radius: 0px;
    border-bottom: 1px solid #f2f2f2;
    border-right: initial;
    border-left: initial;
}

.sport-highlights-body-outrights.expand-runners > .co-betting-card-highlights {
    display: flex;
}

.teams {
    display: flex;
    flex-direction: column;
    color: #081535;
    width: 50%;
}

.coupon-odds-block {
    padding: 10px 5px !important;
}

.coupon-odds-name {
    font-size: 14px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 22px;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}

.golf_arena_partcipants {
    width: 100%;
}

.betting-market-odds {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

    .betting-market-odds > div {
        width: 100%;
        max-width: 50%;
    }

.match-result {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: 1px;
}

    .match-result > div {
        position: relative;
    }

.sport-match-result > div {
    margin-bottom: 1px;
}

.match-result > div > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    font-size: 14px !important;
    font-weight: initial !important;
    color: #ffffff;
    background-color: #081535;
    font-weight: 500 !important;
    text-decoration: none;
    border-radius: 0px;
    letter-spacing: 0.5px;
}

.match-result div a:hover {
    background-color: #39445d;
    color: #ffffff;
}

.match-result div a:active {
    background-color: #39445d;
    color: #ffffff;
}

.match-result div a:focus {
    background-color: #39445d;
    color: #ffffff;
}

.input-active {
    background-color: #FF8812 !important;
    color: #081535 !important;
}

.spread-selection-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #081535;
    border-radius: 0px;
    height: 45px;
    position: relative;
}

    .spread-selection-wrapper:active {
        background-color: #39445d !important;
    }

    .spread-selection-wrapper:hover {
        background-color: #39445d !important;
    }

.handicap > .spread-odds-soccer > div > a {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-evenly;
    width: 100%;
    height: 41px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.handicap div > a {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 45px;
    font-size: 14px !important;
    margin-top: 0px;
    font-weight: 500 !important;
    text-decoration: none;
    color: #ffffff;
    outline: none;
    letter-spacing: 0.5px;
}

    .handicap div > a:hover {
        background-color: #39445d;
    }

    .handicap div > a:hover {
        background-color: #39445d;
    }

.sport-handicap-result > .spread-odds-values-wrapper {
    margin-bottom: 1px;
}

.isShort {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #8BC34A;
    transform: rotateX( 180deg);
}

.isLong {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #bf0a30;
    transform: rotateX( 180deg);
}

.ib-odds-label .isShort {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #8BC34A;
    transform: rotateX( 0deg);
    position: relative;
    margin-left: 4px;
    top: 4px;
}

.ib-odds-label .isLong {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #bf0a30;
    transform: rotateX( 0deg);
    position: relative;
    margin-left: 4px;
    top: 4px;
}

.spread-value {
    color: #ffffff;
    margin-top: 0px;
    padding-bottom: 0px;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    visibility: visible;
    position: relative;
    top: 3px;
}

.sport-category-markets-header {
    justify-content: initial;
    background-color: #081535;
}

.sport-market-props {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.back-to-prematch {
    background-color: initial;
    padding: 0;
    border-radius: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    border: initial;
    padding: 0px 8px;
}

    .back-to-prematch:hover {
        background-color: initial;
        border: initial;
        transition: initial;
    }

        .back-to-prematch:hover > a {
            color: #FF8812 !important;
            transition: initial;
        }

    .back-to-prematch > a {
        color: #ffffff !important;
        font-weight: 500 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

        .back-to-prematch > a > .fa-chevron-circle-left {
            color: #ffffff !important;
            font-size: 1.3em;
            font-weight: 600 !important;
            padding-right: 5px;
        }

.sport-markets-title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

    .sport-markets-title > h1 {
        padding-right: 100px;
        width: 90%;
        font-size: 14px !important;
        font-weight: 400 !important;
        padding: 5px;
        color: #ffffff;
        text-align: right;
        line-height: 18px;
        letter-spacing: 0.5px;
    }

.sport-market-props > .sport-markets-title > .flag-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: initial;
    width: 40px;
    height: 35px;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: none !important;
    margin-left: 5px;
}

.more-market-title {
    display: flex;
    padding: 5px;
    font-size: 12px !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1px;
    color: #ffffff !important;
    padding: 12px;
    background-color: #081535;
    cursor: pointer;
    border-radius: 8px;
}

    .more-market-title > .fa-caret-down {
        font-size: 1.8em;
    }

.bet-boost-market-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.market-collapsed {
    display: none;
}

.market-expaned {
    display: block;
    margin: 0 4px;
}


.category_grouping_container {
    padding: 0px;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px;
    justify-content: flex-start;
    border-top: 1px solid #ffffff;
    border-bottom: initial;
    background-color: #fafafa !important;
}

.sub_cat_group_container {
    width: 100%;
    padding: 2px;
    background-color: #f2f2f2;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 4px 0;
}

.sub_cat_group_market_container {
    padding: 2px;
    background-color: #f2f2f2;
    border: 1px solid #4d5a7a;
    margin-bottom: 3px;
    border-radius: 4px;
}

    .sub_cat_group_market_container .co-betting-card {
        min-height: initial !important;
    }

    .sub_cat_group_market_container .co-betting-card {
        width: 100%;
    }

.co-betting-card-outrights {
    display: block;
}

.more-markets-betting-component {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2 !important;
    background-color: #ffffff !important;
}

.more-markets-part-desc {
    width: 50%;
    padding: 5px;
    font-size: 14px !important;
    font-weight: initial !important;
    color: #081535 !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}

.more-markets-odds-block {
    width: 130px;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

    .more-markets-odds-block > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 45px;
        padding: 8px;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center;
        color: #ffffff;
        background-color: #081535;
        border-radius: 0px;
        text-decoration: none;
        letter-spacing: 0.5px;
    }

        .more-markets-odds-block > a:active {
            background-color: #F8981C !important;
            transition: 0.5s;
        }

        .more-markets-odds-block > a:hover {
            background-color: #F8981C !important;
            transition: 0.5s;
        }

.show-more-runners-btn-outrights > span {
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #081535;
    padding: 5px 10px;
    border-radius: 0px;
    background-color: #FF8812;
    border: 2px solid #FF8812;
    letter-spacing: 0.5px;
    width: 150px;
    margin: 10px auto;
    font-weight: 500;
}

.popular-tab-betting-componet > #SportBodyMain > div > .sport-market-props {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

/*===== HORSES BETTING COMPONENT STYLES =====*/
.horses-catergory-header {
    padding: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: initial;
}

    .horses-catergory-header > h1 {
        font-size: 14px;
        font-weight: 500 !important;
        text-transform: capitalize;
    }

#HorseracingPage {
    width: 100%;
}

.horses-betting-component {
    padding: 4px;
    border-radius: 12px;
}

.horses-content-header {
    display: flex;
    min-height: 49px;
    align-items: center;
    padding: 4px 8px;
    background-color: #081535;
    background-image: initial;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-bottom: 1px;
}

    .horses-content-header[data-boost-odds="true"] {
        background-color: #d4af37;
    }

.ResultsLoading {
    background-color: #081535;
    padding: 5px;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .ResultsLoading > span {
        font-size: 12px !important;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
        color: #ffffff;
    }

.EventCompleted {
    background-color: #081535;
    padding: 5px;
}

    .EventCompleted > span {
        font-size: 12px !important;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
        color: #ffffff;
    }

.flag-icon-circle {
    width: 30px;
    height: 30px;
}

    .flag-icon-circle img {
        width: 28px;
        height: 28px;
        border: 2px solid #ffffff;
        border-radius: 50%;
    }


.odds-boost-circle {
    margin-left: 4px !important;
}

    .odds-boost-circle img {
        width: 28px;
        height: 28px;
        border: 2px solid #d4af37;
    }

.horse-racing-header-info {
    display: flex;
    flex-direction: column;
    width: 61%;
}

.horses-content-header .horse-racing-header-info > h1 {
    display: block;
    margin-left: 8px;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 18px;
}

.horses-content-header .horse-racing-header-info > span {
    margin-left: 6px !important;
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-left: 10px !important;
    padding-top: 5px;
}

.horses-market-title > .win-bet-type > span {
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: normal !important;
    letter-spacing: 0.5px;
}

.horses-runner-cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    display: none;
    border-bottom: 1px solid #f2f2f2 !important;
    background-color: #ffffff !important;
    min-height: 46px;
}

    .horses-runner-cards:nth-child(-n+5) {
        display: flex;
    }

.expand-runners > .horses-runner-cards {
    display: flex;
}

.horses-silks {
    max-width: 35px;
    height: 35px;
    text-align: center;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
}

    .horses-silks > img {
        width: 30px;
        height: auto;
    }

.horses-participants {
    width: 50%;
    padding: 0px 5px;
    overflow: hidden;
}

.scratched {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-left: 1px;
    color: #081535;
    font-size: 12px;
}

    .scratched > .horses-jockey-name > span {
        text-decoration: line-through;
        text-decoration-color: #bf0a30;
    }

    .scratched > span {
        text-decoration: line-through;
        text-decoration-color: #bf0a30;
    }

.horses-participants > div {
    width: 100%;
}

.horses-participants-no {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

    .horses-participants-no > span {
        font-size: 14px !important;
        font-weight: initial !important;
        color: #081535 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

.horses-market-odds {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    max-width: 50%;
}

.jockey-icon-wrapper {
    visibility: visible;
    width: 35px;
    height: 35px;
    position: relative;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .jockey-icon-wrapper > a {
        text-decoration: none;
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.colWinButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 50%;
    height: 45px;
    text-align: center;
    background-color: #081535;
    cursor: pointer;
    border-radius: 0px;
    margin-right: 1px;
}

.WinButton {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .WinButton > div {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

.colWinButton > .WinButton > div > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.colWinButton:active {
    background-color: #39445d !important;
    color: #081535 !important;
}

.colWinButton:hover {
    background-color: #39445d !important;
    color: #081535 !important;
}

.WinButton > div > span {
    position: absolute;
    right: 0px;
    top: 0;
}

.WinButton button.btnOdds.disabled {
    color: #ffffff;
}

.colPlaceButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 50%;
    height: 45px;
    text-align: center;
    background-color: #081535;
    cursor: pointer;
    border-radius: 0px;
}

    .colPlaceButton:active {
        background-color: #39445d !important;
        color: #ffffff !important;
    }

    .colPlaceButton:hover {
        background-color: #39445d !important;
        color: #ffffff !important;
    }

.PlaceButton {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .PlaceButton > div {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

.colPlaceButton > .PlaceButton > div > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.PlaceButton > div > span {
    position: absolute;
    right: 0;
    top: 0;
}

.PlaceButton button.btnOdds.disabled {
    color: #ffffff;
}

/*===== SILK COLOUR CODED BLOCKS =====*/
[data-number="1"] {
    background-color: #f44336;
}

    [data-number="1"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="2"] {
    background-color: #FFFFFF;
}

    [data-number="2"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="3"] {
    background-color: #3F51B5;
}

    [data-number="3"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="4"] {
    background-color: #FFEB3B;
}

    [data-number="4"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="5"] {
    background-color: #4CAF50;
}

    [data-number="5"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="6"] {
    background-color: #2E2923;
}

    [data-number="6"] > span {
        color: #D4AF34;
        font-weight: 700;
    }

[data-number="7"] {
    background-color: #FF5722;
}

    [data-number="7"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="8"] {
    background-color: #E91E63;
}

    [data-number="8"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="9"] {
    background-color: #00BCD4;
}

    [data-number="9"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="10"] {
    background-color: #673AB7;
}

    [data-number="10"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="11"] {
    background-color: #9E9E9E;
}

    [data-number="11"] > span {
        color: #f44336;
        font-weight: 700;
    }

[data-number="12"] {
    background-color: #CDDC39;
}

    [data-number="12"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="13"] {
    background-color: #795548;
}

    [data-number="13"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="14"] {
    background-color: #9C27B0;
}

    [data-number="14"] > span {
        color: #FFEB3B;
        font-weight: 700;
    }

[data-number="15"] {
    background-color: #C3B091;
}

    [data-number="15"] > span {
        color: #000000;
        font-weight: 700;
    }

[data-number="16"] {
    background-color: #91D0E0;
}

    [data-number="16"] > span {
        color: #f44336;
        font-weight: 700;
    }

[data-number="17"] {
    background-color: #1A237E;
}

    [data-number="17"] > span {
        color: #ffffff;
        font-weight: 700;
    }

[data-number="18"] {
    background-color: #1B5E20;
}

    [data-number="18"] > span {
        color: #FFEB3B;
        font-weight: 700;
    }

[data-number="19"] {
    background-color: #304FFE;
}

    [data-number="19"] > span {
        color: #f44336;
        font-weight: 700;
    }

[data-number="20"] {
    background-color: #F50057;
}

    [data-number="20"] > span {
        color: #FFEB3B;
        font-weight: 700;
    }

[data-number="21"] {
    background-color: #AB47BC;
}

    [data-number="21"] > span {
        color: #1A237E;
        font-weight: 700;
    }

.account-page-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

/*===== Horseracing race cards modal =====*/
.ib-race-cards-list-item {
    border-radius: 0;
    padding: 10px;
    margin-bottom: 0;
    border: 1px solid #f2f2f2;
}

    .ib-race-cards-list-item > a {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        cursor: pointer;
        align-items: center;
        text-decoration: none !important;
    }

        .ib-race-cards-list-item > a img {
            margin-right: 15px;
        }

        .ib-race-cards-list-item > a > span {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: #081535;
        }

/*===== IB VEGAS GAMES STYLES =====*/

.slot-container {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.slot-img-nav .prev {
    position: absolute;
    z-index: 10;
    font-size: 25px;
    top: 40%;
    left: 10px;
    font-weight: 700;
}

.slot-img-nav .next {
    right: 10px;
    position: absolute;
    font-size: 25px;
    z-index: 10;
    top: 40%;
}

.slot-img-nav .nav-btn {
    background: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

    .slot-img-nav .nav-btn:hover {
        background: white;
    }

.slot-modal-images {
    transition: all 0.3s ease;
}

    .slot-modal-images img {
        width: 100%;
        transition: all 0.3s ease;
    }

.slot-img-item {
    position: relative;
    display: none;
}

.slot-img-main {
    display: block;
}

.slot-img-caption {
    bottom: 0;
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.3);
    height: 35px;
}
/*==================*/

#currentGame::-webkit-scrollbar {
    display: none;
}

#currentGame {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #081535;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ib-close-iframe {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    background-color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
}

    .ib-close-iframe span {
        font-size: 14px;
        font-weight: 500;
        color: #081535;
        letter-spacing: 0.5px;
        margin-right: 10px;
    }

    .ib-close-iframe .fa-times {
        font-size: 1.3em;
        color: #081535;
    }

.ib-vegas-iframe::-webkit-scrollbar {
    display: none;
}

.ib-vegas-iframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow-x: hidden !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.vegas-lobby-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: start;
    background-color: #fafafa;
    border-bottom: 1px solid #ffffff;
}

    .vegas-lobby-nav > .filter-lobby-link:active {
        border-bottom: 2px solid #00aedb;
    }

    .vegas-lobby-nav > a {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 4px 0;
        border-bottom: 2px solid #fafafa;
        cursor: pointer;
    }

    .vegas-lobby-nav > .active-lobby-link {
        border-bottom: 2px solid #00aedb;
    }

    .vegas-lobby-nav > a > span {
        font-size: 14px;
        font-weight: normal;
        color: #081535;
        margin-left: 4px;
        margin-right: 4px;
        line-height: 16px;
        text-align: center;
        margin-top: 5px;
    }

.lobby-nav-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 0px;
    position: relative;
}

    .lobby-nav-icon img {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 0px;
    }

.lobby-spacer {
    display: block;
    width: 2px;
    height: 50px;
    background-color: #ffffff;
}

    .lobby-spacer.sub-nav-desktop {
        display: none;
    }

.evoLobbyMenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.vegas-lobby-menu-mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #f2f2f2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

    .vegas-lobby-menu-mobile > span {
        padding: 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

.slots-mobile-menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #f2f2f2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}


    .slots-mobile-menu > span {
        padding: 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

.slots-hot-badge {
    display: inline-block;
    font-size: 10px !important;
    width: 35px;
    padding: 3px;
    background-color: #f44336;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 1px;
    position: absolute;
    margin-left: 5px;
    top: -10px;
}

.slots-new-badge {
    display: inline-block;
    font-size: 0.7em;
    width: 35px;
    padding: 3px;
    background-color: #4caf50;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 1px;
    position: absolute;
}

.slot-badge-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 70px;
    padding: 0px 2px;
    position: absolute !important;
    top: -4px;
    font-size: 0.7em !important;
    font-weight: 600 !important;
    background-color: rgba(0, 174, 219, 1) !important;
    color: #ffffff !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.hide-text-mobile {
    display: none !important;
}

.slot-badge-2 {
    top: -2px;
    margin-left: 33px;
    font-size: 0.7em;
    width: 18px;
    height: 18px;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.slot-badge-3 {
    top: 15px;
    margin-left: 100px;
    font-size: 0.7em;
    width: 100%;
    max-width: 120px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff !important;
    border: 2px solid rgba(0, 174, 219, 1) !important;
    color: #081535;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: 0.9em;
    position: absolute;
}

.slot-coin-3 {
    top: 10px;
    margin-left: 100px;
    position: absolute;
    right: 52px;
    width: 30px !important;
    height: 30px !important;
}

.blink_me {
    visibility: hidden;
    animation: blinker 3s ease-in infinite;
}

@keyframes blinker {
    50% {
        transform: scale(1.3);
        opacity: 0.9;
    }
}

.vegas-lobby-menu-mobile > .fa-chevron-circle-down {
    padding: 5px;
    font-size: 1.2em;
}

.vegas-lobby-menu-items {
    width: 100%;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.expand-games-menu {
    display: flex;
}

.vegas-lobby-menu-items > a {
    width: 33%;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #ffffff;
    margin: 0px;
    cursor: pointer;
}

    .vegas-lobby-menu-items > a:active {
        border-bottom: 2px solid #00aedb;
    }

    .vegas-lobby-menu-items > a > span {
        padding: 10px 0px;
        color: #081535;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

    .vegas-lobby-menu-items > a > .letter-filter {
        padding: 10px 0px;
        color: #081535;
        font-weight: 500;
        line-height: 16px;
        text-align: center;
        letter-spacing: 0.5px;
        font-size: 16px;
    }

.vegas-lobby-menu-items > .active-link {
    border-bottom: 2px solid #00aedb;
}

.lobby-menu-icon {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}

    .lobby-menu-icon img {
        width: 40px;
        height: 40px;
    }

    .lobby-menu-icon .red-heart {
        width: 40px !important;
        height: 40px !important;
        display: block;
        background-image: url(/Content/images/red-heart.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

.vegas-games-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.vegas-lobby-menu {
    width: 100%;
    display: block;
    position: relative;
}

.vegas-lobby-games {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .vegas-lobby-games > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 5px;
        position: relative;
    }

        .vegas-lobby-games > div > .vegas-suite-title {
            width: 100%;
            padding: 10px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
        }

.search-slots {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

    .search-slots > h1 {
        color: #081535;
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid #00aedb;
        position: relative;
    }

.search-slot-input {
    position: relative;
    display: block;
    border: 1px solid #081535;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #081535;
    margin: 0 10px;
    border-radius: 4px;
    outline: none;
    height: 40px;
}

    .search-slot-input:focus {
        border: 1px solid #00aedb;
    }

.slot-search-icon {
    font-size: 1.4em;
}

.view-all-games {
    display: none;
}

.close-all-games {
    display: none;
}

.vegas-lobby-games > div > .vegas-suite-title > h1 {
    color: #081535;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #00aedb;
    position: relative;
}

.evo-games-login-wrapper {
    display: none;
    position: relative;
}

    .evo-games-login-wrapper img {
        width: 100%;
    }

    .evo-games-login-wrapper > span {
        position: absolute;
        font-size: 14px;
        color: #ffffff;
        font-weight: 700;
        width: 100%;
        text-align: center;
        padding: 10px 0px;
    }

        .evo-games-login-wrapper > span > a {
            font-size: 14px;
            color: #8DC63F;
            font-weight: 700;
        }

            .evo-games-login-wrapper > span > a:hover {
                color: #00AEDB;
            }

.ezugi-games-login-wrapper {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
}

    .ezugi-games-login-wrapper > span {
        font-size: 14px;
        color: #081535;
        font-weight: 500;
        letter-spacing: 0.5px;
        width: 100%;
        text-align: center;
        padding: 10px 0px;
    }

    .ezugi-games-login-wrapper img {
        width: 95%;
        height: 100%;
        max-width: 600px;
        border: 2px solid #f2f2f2;
        margin: 0px auto;
        border-radius: 4px;
    }

.blackjack_image_link {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 168px;
    max-height: 384px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(https://cdn.interbet.co.za/websitecontent/Interbet/App/vegas/20240503-blackjack-lobby.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    cursor: pointer;
}

    .blackjack_image_link img {
        width: 100%;
        height: auto;
        border-radius: 12px;
    }


.vegas-horizontal-scroll {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 12px;
}


.vegas-game-item {
    width: 50%;
    display: block;
    position: relative;
    padding: 4px;
}

.vegas-click-left, .vegas-click-right {
    display: none;
}

.vegas-game-item > a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

    .vegas-game-item > a:active > .game-image > .game-image-overlay-bg {
        display: none;
        cursor: pointer;
    }

        .vegas-game-item > a:active > .game-image > .game-image-overlay-bg > .game-image-overlay-button {
            display: block;
            cursor: pointer;
        }

    .vegas-game-item > a:active > .game-image > .stake-value-amounts {
        z-index: 1;
        color: #ffffff;
        background-color: #081535;
    }

    .vegas-game-item > a > .game-image {
        position: relative;
        border-radius: 12px;
    }

        .vegas-game-item > a > .game-image img {
            width: 100%;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .vegas-game-item > a > .game-image > .op-icon {
            display: none;
            width: 30px !important;
            position: absolute;
            top: 5px;
            right: 5px;
            border-radius: 4px;
        }

        .vegas-game-item > a > .game-image > .live-icon {
            display: none;
            width: 30px !important;
            position: absolute;
            top: 40px;
            right: 5px;
            background-color: #081535;
            border-radius: 4px;
        }

        .vegas-game-item > a > .game-image > .new-badge {
            display: block;
            width: 85px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -35px;
            margin-left: -42.5px;
            border-radius: 4px;
        }

        .vegas-game-item > a > .game-image > .stake-value-amounts {
            position: absolute;
            bottom: 5px;
            left: 0px;
            background-color: #00aedb;
            padding-left: 5px;
            padding-right: 5px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 500;
            color: #ffffff !important;
        }

.game-image-overlay-bg {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: rgba(0, 174, 219, 0.85);
    border: 2px solid #ffffff;
    border-radius: 0;
}

.game-image-overlay-button {
    display: none;
    position: absolute;
    width: 130px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #ffffff;
    color: #00aedb;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 20px;
    border: 2px solid #00e7ff;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
}

.vegas-game-item > .game-title {
    width: 100%;
    min-height: 50px;
    line-height: 15px;
    color: #081535;
    background-color: #f2f2f2;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: left;
    margin: 0px 0px;
    padding: 8px 4px;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vegas-game-item > a > span > strong {
    font-size: 1em;
}

/*===== Account Styles =====*/
.account-menu > a > .account-menu-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.account-menu-icon-circle {
    padding-bottom: 15px;
}

    .account-menu-icon-circle > .fa-gift {
        margin: 0px;
        width: initial;
    }

.account-icon {
    font-size: 1.8em !important;
    color: #ffffff;
}

.account-menu-name {
    padding: 2px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600 !important;
    text-align: center;
    padding: 2px !important;
    letter-spacing: 0.5px;
}

.deposit-icon {
    background-color: #4CAF50;
}

    .deposit-icon:hover {
        background-color: #66BB6A;
    }

.withdrawal-icon {
    background-color: #009688;
}

    .withdrawal-icon:hover {
        background-color: #26A69A;
    }

.summary-icon {
    background-color: #00BCD4;
}

    .summary-icon:hover {
        background-color: #26C6DA;
    }

.pending-icon {
    background-color: #03A9F4;
}

    .pending-icon:hover {
        background-color: #29B6F6;
    }


.finalised-icon {
    background-color: #2196F3;
}

    .finalised-icon:hover {
        background-color: #42A5F5;
    }

.redeem-loyalty-icon {
    background-color: #3F51B5;
}

    .redeem-loyalty-icon:hover {
        background-color: #5C6BC0;
    }


.statement-icon {
    background-color: #673AB7;
}

    .statement-icon:hover {
        background-color: #7E57C2;
    }


.details-icon {
    background-color: #9C27B0;
}

    .details-icon:hover {
        background-color: #AB47BC;
    }

.pin-icon {
    background-color: #E91E63;
}

    .pin-icon:hover {
        background-color: #EC407A;
    }

.delete-icon {
    background-color: #FF5722;
}

    .delete-icon:hover {
        background-color: #FF7043;
    }

.logout-icon {
    background-color: #F44336;
}

    .logout-icon:hover {
        background-color: #EF5350
    }

.limits-icon {
    background-color: #E91E63;
}

    .limits-icon:hover {
        background-color: #EC407A;
    }

.remove-card-dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(8, 21, 53, 0.75);
    z-index: 999999;
}

.remove-card-dialog {
    width: 300px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 8px;
}

.remove-card-dialog-text {
    padding: 12px !important;
    font-size: 16px;
}

.card-removed-dialog-text {
    padding: 12px !important;
    font-size: 16px;
    font-weight: bold !important;
    color: #4CAF50 !important;
    text-align: center;
}

.card-removed-failed-dialog-text {
    padding: 12px !important;
    font-size: 16px;
    font-weight: bold !important;
    color: #F44336 !important;
    text-align: center;
}

.remove-card-dialog-actions {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.remove-card-dialog-button {
    width: 50%;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #f2f2f2;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.remove-card-no {
    color: #ffffff;
    background-color: #BDBDBD;
}

.remove-card-yes {
    color: #ffffff;
    background-color: #F44336;
}

.close-transaction-dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(8, 21, 53, 0.75);
    z-index: 999999;
}

.transaction-dialog {
    width: 300px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 8px;
}

.transaction-dialog-warning {
    width: 128px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    background-color: #ffffff;
    border: 3px solid #F44336;
    border-radius: 12px;
}

.transaction-dialog-text {
    width: 100%;
    padding: 12px !important;
    font-size: 16px;
    font-weight: bold !important;
    text-align: center;
}

.transaction-dialog-actions {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.transaction-dialog-button {
    width: 50%;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #f2f2f2;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.transaction-no {
    color: #ffffff;
    background-color: #4CAF50;
}

.transaction-yes {
    color: #ffffff;
    background-color: #F44336;
}

.ib-account-menu-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.modal-backdrop {
    z-index: 9999 !important;
}

#iveri-litebox {
    z-index: 99999 !important;
}

.account-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px;
    padding: 5px;
}

.ib-account-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.account-menu > a {
    width: 33%;
    max-width: 33%;
    height: 100px;
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 4px;
    margin: 1px 0;
    cursor: pointer;
}

.ib-betting-limits {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

    .ib-betting-limits > p {
        color: #081535;
        font-size: 16px;
        letter-spacing: 0.5px;
        text-align: center;
    }

        .ib-betting-limits > p > a {
            color: #081535;
            font-size: 16px;
            letter-spacing: 0.5px;
            text-decoration: underline;
        }

.ib-account-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

    .ib-account-header > .back-to-account-menu {
        width: initial;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 0px;
        text-decoration: none;
    }

        .ib-account-header > .back-to-account-menu > .fa-chevron-left {
            margin-right: 5px;
            color: #ffffff;
        }

        .ib-account-header > .back-to-account-menu > span {
            font-weight: 700;
            color: #ffffff;
            font-size: 14px;
            letter-spacing: 0.5px;
        }

    .ib-account-header > h3 {
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #ffffff;
        font-weight: 700;
    }

    .ib-account-header > .ib-account-header-feature {
        display: flex;
        align-items: center;
    }

.filter-options-toggle {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #ffffff;
}

    .filter-options-toggle .fa-sliders-h {
        font-size: 1.2em;
    }

    .filter-options-toggle span {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.5px;
        margin-right: 5px;
    }

.ib-account-header > .ib-account-header-feature > h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-weight: 700;
}

.ib-account-header > .ib-account-header-feature > .filter-options-toggle > .fa-download {
    margin-right: 5px;
}

table, th, td {
    position: relative;
    vertical-align: middle;
    border: 1px solid #ffffff !important;
    font-size: 14px;
    color: #081535;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 10px 5px !important;
    border: 1px solid #081535 !important;
}

    td em {
        font-size: 11px;
        font-weight: 600;
    }

#tblPendingBets {
    width: 100%;
    margin-bottom: 0px !important;
}

.multipleExpand, .multipleDown {
    font-size: 1.8em !important;
    cursor: pointer;
    color: #ffffff;
}

#tblPendingBets > thead > tr > th > .fa-sort {
    font-size: 1em;
    vertical-align: middle;
    position: absolute;
    right: 2px;
    top: 2px;
}

#tblPastBets > thead > tr > th > .fa-sort {
    font-size: 1em;
    vertical-align: middle;
    position: absolute;
    right: 2px;
    top: 2px;
}

th {
    cursor: pointer;
    font-size: 14px;
    padding: 5px !important;
}

.ib-account-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.instant-deposit-emp {
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #f8981c;
}

.ib-account-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px 0px;
    border: 1px solid #f2f2f2;
    position: relative;
    border-radius: 12px;
}

.ib-deposit-option-title {
    width: 100%;
    padding: 5px;
    margin: 5px 0;
}

    .ib-deposit-option-title h5 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
    }


.ib-instant-icon {
    width: 35px;
    height: auto;
    position: absolute;
    top: -18px;
    right: -18px;
    border-radius: 50%;
    background-color: #ffffff;
}

.ib-upload-account-item {
    background-color: transparent;
    padding: 10px;
}

    .ib-upload-account-item h4 {
        font-size: 18px;
        color: #081535;
        letter-spacing: 0.5px;
    }

    .ib-upload-account-item > span {
        padding: 10px 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

.box.has-advanced-upload {
    background-color: white;
    border: 1px dashed #cccccc;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

    .box.has-advanced-upload > span {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 5px;
    }

.box.is-dragover {
    background-color: grey;
}

.box__input {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
}

.box__button {
    width: 100%;
    border: 0;
    padding: 10px;
    margin: 5px 0;
    color: #081535;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 16px;
    border-radius: 4px;
}

.upload-doc-success-btn {
    display: block;
    width: 120px;
    padding: 10px;
    background-color: #8DC63F;
    text-align: center;
    color: #081535;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 5px 0;
    border-radius: 4px;
}

    .upload-doc-success-btn:hover {
        background-color: rgba(141, 198, 63, 0.75);
        color: #081535;
    }

    .upload-doc-success-btn:active {
        background-color: rgba(141, 198, 63, 0.75);
        color: #081535;
    }

    .upload-doc-success-btn:focus {
        background-color: rgba(141, 198, 63, 0.75);
        color: #081535;
    }

.box__uploading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px;
    color: #081535;
    display: none;
}

.box__success {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px;
    color: #8DC63F;
    display: none;
}

.box__error {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px;
    color: #F44336;
    display: none;
}

.ib-password-account-item {
    background-color: #f2f2f2;
    padding: 10px;
}

.ib-account-item:first-child {
    margin: 10px 0px 5px 0px;
}

.ib-account-item > p {
    font-size: 16px;
}

.ib-account-item > img {
    width: 180px;
    border-radius: 0px;
}

.ib-account-item > .ib-instant-icon {
    width: 60px;
    position: absolute;
    left: -8px;
    top: -5px;
}

.ib-account-footer {
    margin-top: 15px;
}

    .ib-account-footer > p {
        font-size: 14px;
        font-weight: 500 !important;
        letter-spacing: 0.5px;
        padding: 10px !important;
        line-height: 20px;
    }

    .ib-account-footer > h4 {
        font-size: 18px;
        letter-spacing: 0.5px;
        padding: 15px 10px;
        color: #f8981c;
    }

    .ib-account-footer > ul {
        padding: 10px 30px;
    }

        .ib-account-footer > ul > li {
            font-size: 16px;
            letter-spacing: 0.5px;
            padding: 5px 0px !important;
            list-style-type: disc;
        }

.ib-account-instant-icon-wrapper {
    background-color: #081535;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #f8981c;
}

    .ib-account-instant-icon-wrapper > .ib-instant-icon {
        width: 50px;
        margin-right: 5px;
        background-color: #ffffff;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .ib-account-instant-icon-wrapper > p {
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

.ib-deposit-item-action {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px;
}

    .ib-deposit-item-action > img {
        width: 150px;
    }

    .ib-deposit-item-action > a {
        width: 120px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 10px;
        background-color: #8DC63F;
        border-radius: initial;
        border: 2px solid #8DC63F;
        color: #081535;
        font-weight: 700;
        font-size: 16px;
        margin: 5px 10px;
    }

.balance-account-body, .ib-account-statement {
    padding: 0px;
}

#ibAccountStatementDiv::-webkit-scrollbar {
    display: none;
}

#ibAccountStatementDiv {
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ib-withdrawls-account-item, .ib-loyalty-account-item, .ib-details-account-item, .ib-limits-account-item, .ib-password-account-ite, .ib-balance-item, .ib-statement-item, .ib-profile-items {
    width: 100%;
    height: initial;
    padding: 10px;
    background-color: #fafafa;
}

.ib_voucher_withdrawal_table {
    width: 100%;
}

.ib-pending-bets-statement {
    padding: 0px;
    margin: 5px 0px !important;
}

.ib-balance-item > .account-body-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding: 10px;
    margin: 5px 0px;
    border-radius: 4px;
}

.summary-deposit > span > a {
    color: #8DC63F;
    text-decoration: underline;
}

.ib-loyalty-points, .ib-achievement-level {
    width: 100%;
    padding: 10px;
    border: 1px solid #081535;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0px;
    border-radius: 4px;
}

.ib-loyalty-form {
    margin: 15px 0px;
}

    .ib-loyalty-form > label {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        padding: 0px 10px;
    }

    .ib-loyalty-form > p {
        margin: 10px 0px !important;
        font-size: 16px;
        letter-spacing: 0.5px;
        padding: 0px 10px !important;
    }

    .ib-loyalty-form .form-actions {
        justify-content: center;
    }

.ib-password-account-item .form-actions {
    justify-content: center;
}

.ib-withdrawls-account-item .form-actions {
    justify-content: center;
}

.ib-existing-limits > h4 {
    padding: 10px 0px;
}

.ib-existing-deposit-limit, .ib-existing-wager-limit {
    padding: 10px;
    border: 1px solid #f2f2f2;
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
}

.ib-update-deposit-limit {
    padding: 10px 0px;
}

.deposit-limit-toggle {
    background: rgba(255, 255, 255, 1);
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-radius: 0px;
    margin: 10px 0px;
    border: 1px solid #ced4da;
}

    .deposit-limit-toggle > input {
        border: none;
    }

.wager-limit-toggle {
    background: rgba(255, 255, 255, 1);
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-radius: 0px;
    margin: 10px 0px;
    border: 1px solid #ced4da;
}

    .wager-limit-toggle > input {
        border: none;
    }

.ib-limits-account-item .form-actions {
    justify-content: center;
}

#Points-error {
    color: #ef5350 !important;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    font-weight: 400;
}

/*===== HOME PAGE CONTENT STYLES =====*/
.rotating-Banners {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0px;
}

.home-welcome-content {
    display: flex;
    flex-direction: column;
}

    .home-welcome-content > h1 {
        color: #081535;
        font-size: 24px;
        letter-spacing: 0.5px;
        text-align: left;
        padding: 10px;
    }

    .home-welcome-content > p {
        color: #081535;
        font-size: 16px;
        letter-spacing: 0.5px;
        padding: 10px !important;
    }

.rotating-highlights {
    width: 98%;
    display: block;
    border: 1px solid #f2f2f2;
    margin: 10px auto;
}

    .rotating-highlights:nth-child(1) {
        margin: 0px auto;
    }

.rotating-highlight-content > h3 {
    width: 100%;
    font-size: 16px;
    color: #081535;
    padding: 10px 5px;
    border-bottom: 1px solid #8DC63F;
    font-weight: 500 !important;
}

#recentPayoutsDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
}

    #recentPayoutsDiv > h3 {
        width: 33%;
        height: 57px;
        font-size: 14px;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
        padding: 5px;
        display: flex;
        align-items: center;
    }

    #recentPayoutsDiv > p {
        width: 33%;
        height: 57px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.5px;
        padding: 5px !important;
        display: flex;
        align-items: center;
    }

        #recentPayoutsDiv > p:nth-child(3n) {
            width: 33%;
            height: 57px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            font-weight: 600 !important;
        }

.rotating-highlight-item {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #f2f2f2;
}

    .rotating-highlight-item > h3 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .rotating-highlight-item > h3 > span {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

.rotating-hr > p {
    padding: 10px 0px !important;
    border-bottom: 1px solid #f2f2f2;
}

    .rotating-hr > p:last-child {
        border-bottom: none;
    }

.rotating-soccer > p {
    padding: 10px 0px !important;
    border-bottom: 1px solid #f2f2f2;
}

    .rotating-soccer > p:last-child {
        border-bottom: none;
    }

.rotating-sport > p {
    padding: 10px 0px !important;
    border-bottom: 1px solid #f2f2f2;
}

    .rotating-sport > p:last-child {
        border-bottom: none;
    }

.rotating-tote-hr > p {
    padding: 10px 0px !important;
    text-align: center;
}

    .rotating-tote-hr > p:nth-child(6) {
        background-color: #8BC541 !important;
    }

    .rotating-tote-hr > p:nth-child(14) {
        background-color: #F4783B !important;
    }

    .rotating-tote-hr > p:nth-child(13) {
        background-color: #662D91 !important;
    }

    .rotating-tote-hr > p:nth-child(12) {
        background-color: #00A99D !important;
    }

    .rotating-tote-hr > p:nth-child(11) {
        background-color: #FAA01E;
    }

    .rotating-tote-hr > p:nth-child(10) {
        background-color: #00A055;
    }

    .rotating-tote-hr > p:nth-child(9) {
        background-color: #FF1D25 !important;
    }

    .rotating-tote-hr > p:nth-child(8) {
        background-color: #3B4D81 !important;
    }

    .rotating-tote-hr > p:nth-child(7) {
        background-color: #25A8E0 !important;
    }

    .rotating-tote-hr > p:nth-child(5) {
        background-color: #3B4D81 !important;
    }

    .rotating-tote-hr > p:nth-child(4) {
        background-color: #9E005D !important;
    }

    .rotating-tote-hr > p:nth-child(3) {
        background-color: #998675;
    }

    .rotating-tote-hr > p:nth-child(2) {
        background-color: #8967AC !important;
    }

    .rotating-tote-hr > p:nth-child(1) {
        background-color: #662D91;
    }

.rotating-higlight-button {
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
    background-color: #fafafa;
}

    .rotating-higlight-button > a {
        display: inline-block;
        width: 95px;
        color: #081535;
        background-color: rgba(141, 198, 63, 1);
        border: 2px solid rgba(141, 198, 63, 1);
        margin: 10px 0;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
    }

        .rotating-higlight-button > a:active {
            background-color: rgba(141, 198, 63, 0.75);
            border: 2px solid rgba(141, 198, 63, 0.75);
        }

        .rotating-higlight-button > a:hover {
            background-color: rgba(141, 198, 63, 0.75);
            border: 2px solid rgba(141, 198, 63, 0.75);
        }

.rotating-highlight-item.active:after {
    width: initial;
    height: initial;
    margin-left: initial;
    border-left: initial;
    border-right: initial;
    border-bottom: initial;
    content: initial;
    position: initial;
    bottom: initial;
    margin-left: initial;
    margin-right: initial;
}

.rotating-sport-markets.active:after {
    width: initial;
    height: initial;
    margin-left: initial;
    border-left: initial;
    border-right: initial;
    border-bottom: initial;
    content: initial;
    position: initial;
    bottom: initial;
    margin-left: initial;
    margin-right: initial;
}

.rotating-tote-hr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.rotating-sport-markets active {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.rotating-sport-markets > h3 {
    font-size: 16px;
    color: #081535;
    border-bottom: 1px solid #8DC63F;
    padding: 10px 5px;
    background-color: #ffffff;
    letter-spacing: 0.5px;
}

.rotating-highlight-item > p {
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.rotating-tote-hr > p {
    width: 48.5%;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.1px !important;
}

.rotating-tote-soccer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .rotating-tote-soccer > img {
        width: 50%;
        max-width: 200px;
    }

.rotating-numbers > p {
    padding: 10px 0px !important;
    border-bottom: 1px solid #f2f2f2;
}

    .rotating-numbers > p:last-child {
        border-bottom: none;
    }

.rotating-highlight-item > p > span {
    font-size: 14px;
    letter-spacing: 0.5px;
}

/*===== CONTACT PAGE STYLES =====*/
.ib-contact-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.ib-contact-notice {
    padding: 10px;
    display: none;
}

    .ib-contact-notice > p {
        font-size: 16px;
        letter-spacing: 0.5px;
        color: #081535;
    }

        .ib-contact-notice > p > a {
            font-size: 16px;
            letter-spacing: 0.5px;
            color: #f8981c;
            text-decoration: underline;
        }

.ib-contact-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 12px;
}

.ib-contact-header {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 5px;
    background-color: #fafafa;
    border-bottom: 1px solid #f8981c;
    color: #ffffff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

    .ib-contact-header > h3 {
        font-size: 20px;
        color: #081535;
        letter-spacing: 0.5px;
        font-weight: 700;
        margin-left: 15px;
    }

    .ib-contact-header > .fa-headphones, .ib-contact-header > .fa-envelope, .ib-contact-header > .fa-phone {
        color: #f8981c;
        font-size: 1.4em;
    }

.ib-contact-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .ib-contact-body > p {
        font-size: 14px;
        letter-spacing: 0.5px;
        padding: 5px 0px !important;
    }

        .ib-contact-body > p > a {
            font-size: 16px;
            letter-spacing: 0.5px;
            color: #081535;
            text-decoration: underline;
            font-weight: 700;
        }

        .ib-contact-body > p > .fa-envelope, .ib-contact-body > p > .fa-phone {
            font-size: 1.5em;
            vertical-align: middle;
            margin-right: 5px;
        }

/*===== PROMOTIONS PAGE STYLING =====*/


.promo-header {
    width: 98%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: relative;
    margin: 0px auto;
}

    .promo-header img {
        width: 100%;
        height: 100%;
        max-width: 1440px;
        max-height: 200px;
        border-radius: 12px;
    }

    .promo-header > h1 {
        width: 98%;
        max-width: 1440px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        color: #081535;
        padding: 10px 0px;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

.promo-wrapper {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

    .promo-wrapper > div {
        width: 100%;
        min-height: 280px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 10px 0 20px;
        border: 1px solid #f2f2f2;
        border-radius: 12px;
        background-color: #fafafa;
        border-radius: 12px;
    }

.signup-promo, .boost-promo {
    border-bottom: 1px solid #f2f2f2;
}

.promo-section-title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .promo-section-title > span {
        font-size: 20px;
        font-weight: 500;
        color: #081535;
        letter-spacing: 0.5px;
        padding: 5px 8px;
    }

.promo-main > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px 0px;
}

.promo-main img {
    display: block;
    width: 98%;
    height: 100%;
    max-width: 600px;
    max-height: 400px;
    margin: 0px auto;
    border-radius: 12px;
    padding: 0px;
    background-color: #081535;
}

.promo-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .promo-content img {
        width: initial;
        height: initial;
        max-width: initial;
        max-height: initial;
        padding: initial;
        background-color: transparent;
    }

    .promo-content > p {
        width: 100%;
        padding: 10px 10px 5px !important;
        font-size: 14px;
        font-weight: 500 !important;
        letter-spacing: 0.5px;
        color: #081535;
        text-align: left;
        line-height: 20px;
    }

    .promo-content > ul {
        padding: 0px 20px !important;
    }

        .promo-content > ul > li {
            padding: 5px !important;
            color: #081535;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 0.5px;
            list-style: disc !important;
        }

.bet-boost-icon {
    display: initial !important;
    width: 24px !important;
}

.promo-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

    .promo-actions > a {
        width: 150px;
        height: 40px;
        background-color: #00AEDB;
        color: #081535;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.5px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

.promo-actions-2 > a {
    width: 150px;
    height: 40px;
    background-color: #8DC63F;
    color: #081535;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #8DC63F;
}

.promo-boost-icon {
    width: 22px;
}

#vgamesPromo {
    display: none;
}

[data-authenticated="True"] #vgamesPromo {
    display: flex;
}

/* ===== LOYALTY PAGE STYLING ===== */
.loyalty-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .loyalty-wrapper > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

.loyalty-info > h1 {
    font-size: 20px;
    text-align: center;
    margin-top: 25px;
    color: #081535;
    padding: 10px;
    text-align: left;
    letter-spacing: 0.5px;
    font-weight: 700;
    line-height: 28px;
}

.loyalty-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .loyalty-header > h1 {
        color: #081535;
        font-size: 24px;
        padding: 10px;
    }

.filter-levels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 12px;
    margin: 0;
}

filter-levels > div {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.filter-levels > div {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
}

    .filter-levels > div:active {
        background-color: #ffffff;
    }

    .filter-levels > div > span {
        color: #081535;
        font-weight: 500;
        border-radius: 0px;
        letter-spacing: 0.5px;
    }

.loyalty-active {
    background-color: #ffffff;
    margin: 3px;
}

.loyalty-levels {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}

    .loyalty-levels > div {
        width: 100%;
        border-radius: 12px;
    }

.loyalty-savvy-saver {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/Content/images/loyalty/png/savvy-saver-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.loyalty-rookie {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/Content/images/loyalty/png/club.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.loyalty-semipro {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/Content/images/loyalty/png/silver.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.loyalty-pro {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/Content/images/loyalty/png/gold.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.loyalty-mvp {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/Content/images/loyalty/png/platinum.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.level-active {
    display: flex;
}

.badge-cirlce {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px;
}

    .badge-cirlce img {
        width: 100%;
        max-width: 600px;
        height: 210px;
        border: 0px solid #081535;
        border-radius: 12px;
    }

.loyalty-savvy-saver .badge-cirlce img {
    height: auto;
}

.loyalty-header > h1 {
    color: #081535;
    font-size: 24px;
    padding: 15px 10px;
    text-align: left;
    width: 100%;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.loyalty-level-title {
    font-size: 70px;
    text-align: center;
    font-weight: 900 !important;
    color: #081535;
}

.loyalty-savvy-saver .loyalty-level-title {
    font-size: 48px;
    text-align: center;
    font-weight: 900 !important;
    color: #ffffff;
}

.loyalty-desc {
    /* width: 98%; */
    /* max-width: 420px; */
    padding: 10px !important;
    color: #ffffff;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 8px !important;
    background-color: #081535;
    letter-spacing: 0.5px;
    border-radius: 12px;
}

.loyalty-savvy-saver .loyalty-desc {
    padding: 10px !important;
    color: #081535;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 8px !important;
    background-color: #ffffff;
    letter-spacing: 0.5px;
    border-radius: 12px;
}

.how-to-earn-loyalty > p {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: left;
    color: #081535;
    letter-spacing: 0.5px;
}

.how-to-earn-loyalty > h3 {
    color: #081535;
    padding-bottom: 15px;
}

    .how-to-earn-loyalty > h3 > u {
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 2px solid #081535;
        letter-spacing: 0.5px;
        letter-spacing: 0.5px;
    }

    .how-to-earn-loyalty > h3:nth-child(4) {
        margin-top: 15px;
    }

    .how-to-earn-loyalty > h3:nth-child(6) {
        margin-top: 15px;
    }

    .how-to-earn-loyalty > h3:nth-child(9) {
        margin-top: 30px;
    }

.loyalty-earnings {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

    .loyalty-earnings > .table-responsive > table {
        width: 100%;
    }

        .loyalty-earnings > .table-responsive > table > caption {
            color: #f44336;
        }

.how-to-earn-loyalty {
    display: flex !important;
    padding: 10px;
    margin-top: 20px;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

    .how-to-earn-loyalty > ul > li {
        list-style: disc !important;
        margin: 15px !important;
        color: #081535;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

.loyalty-level-true {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.loyalty-level-status {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.savvy_saver_points .loyalty-level-status {
    justify-content: flex-start;
    padding: 0 10px;
}

.loyalty-level-current {
    color: #081535;
    margin-right: 5px;
}

.loyalty-level-points {
    color: #081535;
    margin-left: 5px;
}

.savvy_saver_points .loyalty-level-points {
    margin: initial;
}

.loyalty-points-redeem {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .loyalty-points-redeem > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 98%;
        background-color: transparent;
        border: 2px solid #081535;
        color: #081535;
        font-weight: 700;
        margin-bottom: 12px;
        text-decoration: none;
        padding: 10px;
        margin: 0px auto 10px;
        border-radius: 4px;
    }

        .loyalty-points-redeem > a > span {
            color: #081535;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 500;
            margin-bottom: 12px;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
        }

.loyalty-points-redeem-active {
    background-color: #FF8812;
    border: 2px solid #081535;
    color: #081535;
    font-weight: 700;
    transition: 0.5s;
}

.loyalty-points-redeem > a > .fa-gift {
    margin-left: 10px;
    color: #FF8812;
    font-size: 1.5em !important;
}

/* ===== BETTING RULES =====*/
.betting-rules-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .betting-rules-wrapper > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .betting-rules-wrapper > h3 {
        width: 100%;
        text-align: left;
        font-size: 20px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 500;
    }

    .betting-rules-wrapper > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

    .betting-rules-wrapper > ul > li {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
    }

    .betting-rules-wrapper > ul {
        margin: 10px 0;
    }

        .betting-rules-wrapper > ul > li > a {
            text-align: left;
            font-size: 16px;
            letter-spacing: 0.5px;
            line-height: 1.6;
            color: #081535;
            text-decoration: underline;
            font-weight: 700;
        }

/* ===== COOKIES POLICY STYLING =====*/
.ib-cookies-policy {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .ib-cookies-policy > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .ib-cookies-policy > h3 {
        width: 100%;
        text-align: left;
        font-size: 20px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
    }

    .ib-cookies-policy > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

/* ===== COPYRIGHT STYLING =====*/
.ib-copyright {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .ib-copyright > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .ib-copyright > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

/*===== TERMS AND CONDITIONS STYLING =====*/
.ib-terms {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .ib-terms > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .ib-terms > h3 {
        width: 100%;
        text-align: left;
        font-size: 20px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 500;
    }

    .ib-terms > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

        .ib-terms > p > a {
            text-align: left;
            font-size: 16px;
            letter-spacing: 0.5px;
            line-height: 1.6;
            color: #081535;
            margin: 10px 0 !important;
            font-weight: 500 !important;
            text-decoration: underline;
        }

    .ib-terms > ul {
        margin: 10px 0;
        padding-left: 30px;
    }

    .ib-terms > ol {
        margin: 10px 0;
        padding-left: 30px;
    }

    .ib-terms > ul > li {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        font-weight: 500;
    }

    .ib-terms > ol > li {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
    }

    .ib-terms > ul > li > a {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        text-decoration: underline;
        font-weight: 700;
    }

/*===== FEES AND LIMITS STYLING =====*/
.ib-fees-and-limits {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .ib-fees-and-limits > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .ib-fees-and-limits > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

/*===== RESPONSIBLE GAMING STYLING =====*/
.ib-responsible-gaming {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .ib-responsible-gaming > h1 {
        width: 100%;
        text-align: left;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
        font-weight: 700;
    }

    .ib-responsible-gaming > h3 {
        width: 100%;
        text-align: left;
        font-size: 20px;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 10px 0;
    }

    .ib-responsible-gaming > p {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        margin: 10px 0 !important;
        font-weight: 500 !important;
    }

        .ib-responsible-gaming > p > a {
            text-align: left;
            font-size: 16px;
            letter-spacing: 0.5px;
            line-height: 1.6;
            color: #081535;
            text-decoration: underline;
            font-weight: 700;
        }

    .ib-responsible-gaming > div > p > a {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        color: #081535;
        text-decoration: underline;
        font-weight: 700;
    }

    .ib-responsible-gaming > ol {
        margin: 10px 0;
        padding-left: 30px;
    }

        .ib-responsible-gaming > ol > li {
            text-align: left;
            font-size: 14px;
            letter-spacing: 0.5px;
            line-height: 1.6;
            color: #081535;
            font-weight: 500;
        }

/* ===== BETTING BASICS STYLING ===== */
.ib-betting-basics {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.ib-betting-basic-header {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ib-betting-basic-header > h1 {
        color: #081535;
        font-size: 24px;
        letter-spacing: 0.5px;
        padding: 10px 0;
        text-align: left;
        font-weight: 700;
    }

    .ib-betting-basic-header > p {
        color: #081535;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        font-weight: 500 !important;
    }

.ib-betting-basics-body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ib-betting-basics-body > h2 {
        color: #081535;
        font-size: 22px;
        letter-spacing: 0.5px;
        padding: 10px 0;
        margin: 10px 0;
    }

.ib-betting-basic-difference {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-fixed-odds-basics {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #f2f2f2;
    padding: 10px;
    border-radius: 12px;
}

    .ib-fixed-odds-basics > h3 {
        color: #081535;
        font-size: 20px;
        letter-spacing: 0.5px;
        padding: 10px 0;
        font-weight: 500;
    }

    .ib-fixed-odds-basics > p {
        color: #081535;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        font-weight: 500 !important;
    }

    .ib-fixed-odds-basics > ul {
        padding: 10px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .ib-fixed-odds-basics > ul > li {
            list-style-type: none;
        }

    .ib-fixed-odds-basics > .ul-list-col {
        padding: 0px 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .ib-fixed-odds-basics > .ul-list-col > li {
            padding: 10px;
            list-style-type: disc;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 500;
        }

            .ib-fixed-odds-basics > .ul-list-col > li > a {
                font-weight: 700;
                color: #081535;
                text-decoration: underline;
            }

.ib-betting-basics-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

    .ib-betting-basics-actions > a {
        width: 250px;
        padding: 10px;
        background-color: #ff8812;
        color: #081535;
        font-weight: 700;
        text-decoration: none;
        margin: 5px 0px;
        text-align: center;
        letter-spacing: 0.5px;
        font-size: 14px;
        border-radius: 4px;
    }

        .ib-betting-basics-actions > a:active {
            background-color: #ff9a36;
        }

.ib-tote-basics {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #f2f2f2;
    padding: 10px;
    margin-top: 15px;
    border-radius: 12px;
}

    .ib-tote-basics > h3 {
        color: #081535;
        font-size: 20px;
        letter-spacing: 0.5px;
        padding: 10px 0;
        font-weight: 500;
    }

    .ib-tote-basics > p {
        color: #081535;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        font-weight: 500 !important;
    }

    .ib-tote-basics > ul {
        padding: 10px 30px;
    }

        .ib-tote-basics > ul > li {
            color: #081535;
            font-size: 14px;
            letter-spacing: 0.5px;
            line-height: 1.6;
            font-weight: 500;
        }

.ib-tote-bet-types {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-bet-type {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ib-bet-type-item {
    width: 46%;
    height: 100px;
    background-color: #f2f2f2;
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

    .ib-bet-type-item > a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
    }

        .ib-bet-type-item > a > img {
            width: 120px;
        }

        .ib-bet-type-item > a > span {
            color: #ffffff;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 500;
            color: #ffffff;
        }

.ib-bet-type-description {
    display: none;
}

.win-color {
    background-color: #25A8E0;
}

.place-color {
    background-color: #FF1D25;
}

.eachway-color {
    background-color: #8BC541;
}

.all-to-come-color {
    background-color: #9E005D;
}

.swinger-color {
    background-color: #3B4D81;
}

.exacta-color {
    background-color: #F4783B;
}

.double-color {
    background-color: #00A055;
}

.trifecta-color {
    background-color: #662D91;
}

.quartet-color {
    background-color: #00A99D;
}

.pick3-color {
    background-color: #FAA01E;
}

.bipot-color {
    background-color: #998675;
}

.place-accumulator-color {
    background-color: #3B4D81;
}

.jackpot-color {
    background-color: #8967AC;
}

.pick6-color {
    background-color: #662D91;
}

.ib-betting-basics-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}

    .ib-betting-basics-footer > h3 {
        color: #081535;
        font-size: 20px;
        letter-spacing: 0.5px;
        padding: 30px 0;
        font-weight: 500;
    }

.ib-betting-basic-footer-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .ib-betting-basic-footer-actions > a {
        width: 250px;
        background-color: #ff8812;
        color: #081535;
        padding: 10px;
        letter-spacing: 0.5px;
        font-weight: 700;
        margin: 5px 0;
        text-align: center;
        font-size: 14px;
        border-radius: 4px;
    }

        .ib-betting-basic-footer-actions > a:active {
            background-color: #ff9a36;
        }

/* ===== EXCHANGE BETTING STLING =====*/
.ib-exchange-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.ib-exchange-header {
    width: 100%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
}

    .ib-exchange-header > h1 {
        width: 100%;
        text-align: center;
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 24px;
        font-weight: 700;
        margin: 10px 0;
    }

.ib-exchange-login {
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 4px;
}

.ib-exchange-logged-in {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.ib-enter-exchange-btn {
    width: 150px;
    height: 40px;
    background-color: #8DC63F;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer !important;
}

    .ib-enter-exchange-btn:hover {
        background-color: rgba(141, 198, 63, 0.75);
    }

    .ib-enter-exchange-btn:active {
        background-color: rgba(141, 198, 63, 0.75);
    }

    .ib-enter-exchange-btn:focus {
        background-color: rgba(141, 198, 63, 0.75);
        outline: none;
        border: none;
    }



.ib-exchange-body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ib-exchange-body > h3 {
        color: #081535;
        font-size: 20px;
        letter-spacing: 0.5px;
        margin: 15px 0;
        font-weight: 500;
        line-height: 24px;
    }

.ib-exchange-difference-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-exchange-diff-left {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-exchange-diff-right {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-exchange-difference-title > p {
    font-size: 18px;
    color: #081535;
    padding: 10px 0px !important;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
}

.ib-exchange-diff-left > p {
    font-size: 16px;
    color: #081535;
    background-color: #f2f2f2;
    margin: 5px 0 !important;
    padding: 5px !important;
    letter-spacing: 0.5px;
    border-radius: 4px;
}

.ib-exchange-diff-right > p {
    font-size: 16px;
    color: #081535;
    background-color: #f2f2f2;
    margin: 5px 0 !important;
    padding: 5px !important;
    border-radius: 4px;
}

.ib-exchange-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 15px 0;
    border-radius: 12px;
}

/*===== SEARCH BY COUNTRY STYLING =====*/
.ib-search-by-country-title {
    width: 100%;
    padding: 10px;
}

    .ib-search-by-country-title > p {
        margin: 0px;
        padding: 0px;
        font-size: 18px;
        color: #081535;
        letter-spacing: 0.5px;
    }

.search-by-country-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .search-by-country-items > .ib-country-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 3px;
    }

        .search-by-country-items > .ib-country-wrapper > .arrow-expanded {
            transform: rotate( 0deg) !important;
        }

        .search-by-country-items > .ib-country-wrapper:hover {
            background-color: #f2f2f2;
        }

        .search-by-country-items > .ib-country-wrapper:focus {
            background-color: #f2f2f2;
        }

        .search-by-country-items > .ib-country-wrapper:active {
            background-color: #f2f2f2;
        }

.ib-country-wrapper > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #ffffff;
    padding: 5px;
}

    .ib-country-wrapper > div:nth-child(1) {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        background-color: #ffffff;
        justify-content: flex-end;
        align-items: center;
    }

        .ib-country-wrapper > div:nth-child(1):hover {
            background-color: #f2f2f2;
        }

        .ib-country-wrapper > div:nth-child(1):focus {
            background-color: #f2f2f2;
        }

        .ib-country-wrapper > div:nth-child(1):active {
            background-color: #f2f2f2;
        }

.ib-country-link {
    width: 100%;
    display: flex;
}

.ib-country-wrapper > div:nth-child(2) {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #ffffff;
    padding: 14px 10px;
    justify-content: flex-end;
}

.ib-country-link > a {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0px 10px;
    align-items: center;
    color: #081535;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 500 !important;
    cursor: pointer;
}

    .ib-country-link > a > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0px 0px;
        align-items: center;
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 14px;
        font-weight: 500 !important;
    }

        .ib-country-link > a > div:focus {
            color: #081535;
            letter-spacing: 0.5px;
            font-size: 14px;
            font-weight: 500;
        }

        .ib-country-link > a > div:active {
            color: #081535;
            letter-spacing: 0.5px;
            font-size: 14px;
            font-weight: 500;
        }

        .ib-country-link > a > div:hover {
            color: #081535;
            letter-spacing: 0.5px;
            font-size: 14px;
            font-weight: 500;
        }

.ib-country-img img {
    width: 35px;
    height: 35px;
    margin-right: 20px;
    border: 2px solid #081535;
    border-radius: 50%;
}

.ib-country-link > a > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ib-country-link > a > div:nth-child(2) > .fa-caret-right {
        font-size: 1.8em;
        color: #081535;
    }

/*===== HORSERACING STLING =====*/
.ib-media-panel {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    background-color: #ffffff;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .ib-media-panel > a {
        color: #081535;
        font-size: 12px;
        letter-spacing: 0.5px;
        background-color: #ffffff;
        padding: 0px 2px;
        border-radius: 50px;
        margin: 0px 3px;
        font-weight: 500;
        border: 1px solid #081535;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        width: 50%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.ib-streaming-panel {
    min-height: 46px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#live_stream_container {
    width: 100%;
}

#stream_container {
    margin: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #stream_container img {
        margin: 8px 0;
    }

.stream_frame {
    width: 100%;
    max-height: 768px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .stream_frame > iframe {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 768px !important;
        height: 768px;
        display: flex !important;
        margin: 0px auto !important;
        border: none !important;
        justify-content: center;
        align-items: center;
    }

    .stream_frame > iframe {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 768px !important;
        height: 240px;
        display: flex !important;
        margin: 0px auto !important;
        border: none !important;
        justify-content: center;
        align-items: center;
    }

.ib-stream-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 8px 3px;
    text-decoration: none !important;
    cursor: pointer;
}

.ib-stream-icon img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 3px;
}

.ib-stream-link > span {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #081535;
}

#podcastsDiv {
    width: 250px;
    position: absolute;
    top: 42px;
    left: -50px;
    background-color: #fafafa;
    border: 2px solid #ff8812;
    padding: 5px;
    border-radius: 4px;
    z-index: 9999;
}

    #podcastsDiv > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
        color: #081535 !important;
    }

        #podcastsDiv > span::after {
            content: '';
            position: absolute;
            left: 50%;
            top: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #ff8812;
            clear: both;
            transform: rotate( 180deg);
            margin-left: -40px;
        }

.event-refresh {
    padding: 10px;
    cursor: pointer;
    display: none;
}

    .event-refresh > .fa-sync-alt {
        color: #081535;
        font-size: 1.3em;
    }

@-webkit-keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.horses-jockey-name {
    margin-top: 2px;
    display: flex;
}

    .horses-jockey-name > span {
        font-size: 11px !important;
        letter-spacing: 0.5px;
        color: #081535;
    }

    .horses-jockey-name span > span {
        font-size: 11px !important;
        letter-spacing: 0.5px;
    }

a.JockeyInfoIcon:before {
    font-weight: normal;
    content: "i";
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1.4em;
    color: #ff8812;
    background-color: #f2f2f2;
    border: 1px solid #ff8812;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}

.info_icon_blue:before {
    color: rgba(0, 174, 219, 1) !important;
    margin-right: 10px !important;
}

.info_icon_green:before {
    color: rgba(141, 198, 63, 1) !important;
}

#jockeyModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.90);
    z-index: 99999;
}

.horseracing-modal-dialog {
    background-color: #081535 !important;
    pointer-events: initial !important;
    border-radius: 12px;
}

.horsracing-modal-header {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    padding: 15px !important;
    align-items: center;
    border-bottom: 2px solid #39445d;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.horseracing-modal-footer {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    padding: 15px !important;
    align-items: center;
    border-top: 2px solid #39445d;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .horseracing-modal-footer > a {
        width: 150px;
        height: 40px;
        background-color: #f2f2f2;
        color: #081535;
        font-size: 1.2em;
        font-weight: 600;
        letter-spacing: 0.5px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        cursor: pointer;
    }

.horseracing-modal-body {
    padding: 30px 10px 10px;
}

.slot-modal-body {
    padding: 0px !important;
}

.horseracing-modal-dialog {
    width: 100%;
    max-width: 480px;
    margin: 8px auto !important;
    border-radius: 12px;
}

.loader {
    width: 30px;
    height: 30px;
    margin: 10px auto;
    display: block;
    position: relative;
    top: 0;
    margin-top: -20px;
    left: 50%;
    margin-left: -15px;
    border: 6px solid #FF8812;
    border-top: 6px solid #00DAE5;
    border-bottom: 6px solid #9ADD26;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.JockeyInfoDiv > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .JockeyInfoDiv > div > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        position: relative;
        padding: 10px 0px;
        border-bottom: 1px solid #39445d;
    }

        .JockeyInfoDiv > div > div:last-child {
            border-bottom: none;
        }

        .JockeyInfoDiv > div > div > span {
            width: 50%;
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

.horsracing-modal-header > .modal-title {
    color: #ffffff !important;
    letter-spacing: 0.5px;
    font-size: 20px;
    font-weight: 500;
}

.horses-modal-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .horses-modal-close::after {
        content: "X";
        margin: 0px !important;
        padding: 0px !important;
        font-size: 20px !important;
        color: #ffffff !important;
    }

#ib-loader-wrapper {
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
}

#ib-loader {
    width: 50px;
    height: 50px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 8px solid #FF8812;
    border-top: 8px solid #00DAE5;
    border-bottom: 8px solid #9ADD26;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#ib-betslip-loader {
    width: 35px;
    height: 35px;
    margin: 10px auto;
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 6px solid #FF8812;
    border-top: 6px solid #00DAE5;
    border-bottom: 6px solid #9ADD26;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.horseracing-jockey-info {
    display: flex;
    flex-direction: column;
}

    .horseracing-jockey-info > div {
        display: flex;
        justify-content: space-between;
        padding: 10px 5px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    }

        .horseracing-jockey-info > div > span:nth-child(1) {
            color: #ffffff !important;
            font-weight: 700;
        }

        .horseracing-jockey-info > div > span:nth-child(2) {
            color: #ffffff !important;
            font-weight: 700;
        }

/*===== SOCCER 6 ZONE STYLING =====*/
.ib-soccer6-zone-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.ib-soccer6-iframe {
    width: 100%;
    height: 3500px;
}

.ib-betbuilder-iframe {
    width: 100%;
}
/*===== TOTE STYLING =====*/
/*===== TOTE TOP NAV STYLING =====*/
.ib-tote-top-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0;
    border-bottom: 2px solid #ff8812 !important;
}

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(1) {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/47.png);
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(2) {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/48.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(3) {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/50.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(4) {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url('/Content/images/icons/png/58.png');
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item > .ib-tote-top-nav-link {
        padding: 5px 10px;
        margin: 0px 3px;
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 12px;
        font-weight: 700;
        position: absolute;
        top: 39px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

.ib-tote-top-nav-active:after {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff8812;
    content: " ";
    position: relative;
    bottom: -10px;
    margin-left: auto;
    margin-right: auto;
}

.ib-tote-top-nav > .ib-tote-top-nav-link:active {
    border-bottom: 2px solid #ff8812 !important;
}

.ib-tote-top-nav > .ib-tote-top-nav-link:hover {
    border-bottom: 2px solid #ff8812 !important;
}

/*===== TOTE LEFT NAV STYLING (DROPDOWN FOR MOBILE) =====*/
.ib-tote-left-nav {
    width: 98%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    margin-top: 5px;
    padding: 0px 5px;
    border: 1px solid #081535;
    border-radius: 12px;
}

.ib-tote-meetings-venues {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 8px 0px;
}

.tote-menu-expanded {
    display: flex;
}

.ib-tote-meetings-venues > .ib-tote-meetings-venue-items {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1px 0 2px;
    padding: 5px;
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
}

.ib-tote-meetings-venues > .active-venue-item {
    border: 1px solid #ff8812;
    background-color: #ffffff;
    margin: 8px 0 0;
    border-radius: 48px;
}

    .ib-tote-meetings-venues > .active-venue-item span {
        color: #081535 !important;
    }

    .ib-tote-meetings-venues > .active-venue-item > .ib-tote-meeting-venue-action > .ib-tote-meeting-venue-action-btn {
        background-color: #ff8812;
    }

.ib-tote-venue-date {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px 8px;
    background-color: #f2f2f2;
    border-radius: 50px;
}

    .ib-tote-venue-date > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
    }

.ib-tote-meeting-venue-description {
    width: 70%;
    display: flex;
    flex-direction: column;
}

    .ib-tote-meeting-venue-description > span {
        font-size: 16px;
        color: #081535;
        letter-spacing: 0.5px;
    }

        .ib-tote-meeting-venue-description > span:nth-child(1) {
            font-size: 14px;
            color: #ffffff;
            letter-spacing: 0.5px;
            padding-left: 5px;
        }

.ib-tote-meeting-venue-action {
    width: 30%;
    max-width: 180px;
    display: flex;
    justify-content: center;
}

.tote-bet-open {
    width: 96px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background-color: #4CAF50;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    border-radius: 50px;
}

.ib-tote-meeting-venue-action-btn:active {
    font-weight: 400;
    color: #081535;
}

.ib-tote-meeting-venue-action-btn:hover {
    font-weight: 400;
    color: #081535;
}

.tote-bet-closed {
    padding: 10px;
    background-color: #f44336;
    color: #ffffff;
}

.ib-tote-bet-types {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-tote-horses-bet-types {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
}

.ib-tote-watch-live-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.ib-tote-watch-live-link {
    color: #081535;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    text-decoration: none !important;
}

    .ib-tote-watch-live-link:focus {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-watch-live-link:active {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-watch-live-link:hover {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-watch-live-link img {
        width: 28px;
        height: 28px;
        padding: 1px;
        margin-right: 5px;
        background-color: #ffffff;
        border-radius: 50%;
    }

.ib-tote-results {
    color: #081535;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

    .ib-tote-results:focus {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-results:active {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-results:hover {
        font-weight: 400;
        color: #ff8812;
    }

    .ib-tote-results img {
        width: 28px;
        height: 28px;
        padding: 1px;
        margin-right: 5px;
        background-color: #ffffff;
        border-radius: 50%;
    }

.ib-tote-horses-venue-description {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 10px 0;
}

    .ib-tote-horses-venue-description > span {
        color: #081535;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

.ib-tote-horses-bet-type-selection-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background-color: #fafafa;
    margin: 10px 0;
    border-radius: 12px;
}

.ib-tote-featured-bets {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.ib-all-to-come-action {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
}

.ib-all-to-come-action-link {
    width: 100%;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    cursor: pointer;
}

    .ib-all-to-come-action-link:focus {
        width: 100%;
        color: #ffffff;
        border: 2px solid #ffffff;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ib-all-to-come-action-link:active {
        width: 100%;
        color: #ffffff;
        border: 2px solid #ffffff;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ib-all-to-come-action-link:hover {
        width: 100%;
        color: #ffffff;
        border: 2px solid #ffffff;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.ib-ib-tote-horses-bet-type-selection {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #f2f2f2;
    margin: 5px 0;
    padding: 4px;
    background-color: #ffffff;
    border-radius: 12px;
}

.ib-tote-horses-bet-type-selection-race {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

    .ib-tote-horses-bet-type-selection-race > span {
        width: 100%;
    }

.ib-tote-horses-bet-type-selection-action {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 5px;
}

    .ib-tote-horses-bet-type-selection-action > a {
        width: 20%;
        background-color: #f2f2f2;
        color: #ffffff !important;
        letter-spacing: 0.5px;
        text-align: center;
        padding: 10px;
        font-weight: 500;
        font-size: 14px;
        border: 1px solid #ffffff;
        cursor: pointer;
        border-radius: 50px;
    }

.color-AT {
    background-color: #9E005D !important;
}

.color-WN {
    background-color: #25A8E0 !important;
}

.color-PL {
    background-color: #FF1D25 !important;
}

.color-EW {
    background-color: #8BC541 !important;
}

.color-SW {
    background-color: #3B4D81 !important;
}

.color-EX {
    background-color: #F4783B !important;
}

.color-DB {
    background-color: #00A055 !important;
}

.color-TF {
    background-color: #662D91 !important;
}

.color-QT {
    background-color: #00A99D !important;
}

.color-JP {
    background-color: #8967AC !important;
}

.color-P3 {
    background-color: #FAA01E !important;
}

.color-QU {
    background-color: #3B4D81 !important;
}

.color-PA {
    background-color: #3B4D81 !important;
}

.color-BI {
    background-color: #998675 !important;
}

.color-P6 {
    background-color: #662D91 !important;
}

.ib-tote-horses-info {
    width: 100%;
    background-color: #FFF3E0;
    padding: 10px 30px;
    margin: 10px 0px;
    border-radius: 12px;
}

    .ib-tote-horses-info > p {
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 16px;
    }

    .ib-tote-horses-info > ul > li {
        color: #081535;
        letter-spacing: 0.5px;
        line-height: 1.5;
    }

        .ib-tote-horses-info > ul > li > ul {
            padding-left: 40px;
        }

.ib-tote-field-selection {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-tote-field-selection-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-tote-back-to-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 5px;
}

.ib-tote-field-selection-race-description {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 8px;
    background-color: #081535;
}

    .ib-tote-field-selection-race-description > .ib-change-bet-type {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: #ffffff !important;
        letter-spacing: 0.5px;
        font-size: 14px;
        cursor: pointer;
    }

        .ib-tote-field-selection-race-description > .ib-change-bet-type > .fa-arrow-circle-left {
            font-size: 1.5em;
            margin-right: 5px;
        }

            .ib-tote-field-selection-race-description > .ib-change-bet-type > .fa-arrow-circle-left::after {
                content: "<"
            }

            .ib-tote-field-selection-race-description > .ib-change-bet-type:focus {
                font-weight: 400;
                color: #ff8812;
            }

        .ib-tote-field-selection-race-description > .ib-change-bet-type:active {
            font-weight: 400;
            color: #ff8812;
        }

        .ib-tote-field-selection-race-description > .ib-change-bet-type:hover {
            font-weight: 400;
            color: #ff8812;
        }

    .ib-tote-field-selection-race-description > div {
        width: 62%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
    }

        .ib-tote-field-selection-race-description > div > span {
            color: #ffffff;
            font-size: 14px;
            letter-spacing: 0.5px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .ib-tote-field-selection-race-description > div > span:nth-child(1) {
                margin-right: 5px;
            }

            .ib-tote-field-selection-race-description > div > span:nth-child(2) {
                padding: 3px 2px;
                color: #ffffff;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
                border-radius: 4px;
            }

.ib-tote-field-selection-participants {
    width: 100%;
}

    .ib-tote-field-selection-participants > .ib-tote-field-selection-participants-modifier {
        width: 100%;
    }

        .ib-tote-field-selection-participants > .ib-tote-field-selection-participants-modifier > .ib-tote-bet-modifier-action {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            background-color: #fafafa;
            padding: 5px 8px 0;
        }

.ib-tote-bet-modifier-action-title {
    width: 100%;
    margin-right: 10px;
}

    .ib-tote-bet-modifier-action-title > span {
        font-size: 16px;
        color: #081535;
        letter-spacing: 0.5px;
        color: #ff8812;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

.ib-tote-bet-modifier-action-radio {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
}

.choose-bet-selection {
    position: relative;
    margin: 5px 0;
    margin-right: 10px;
}

.ib-tote-label {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.bet-type-value {
    font-size: 11px;
    font-weight: 700;
}

.ib-tote-label > input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.bet-type-radio {
    position: relative;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #eee;
    border-radius: 50%;
    margin-right: 5px;
}

.ib-tote-label:hover input ~ .bet-type-radio {
    background-color: #ccc;
}

.ib-tote-label input:checked ~ .bet-type-radio {
    background-color: #8DC63F;
}

.bet-type-radio:after {
    content: "";
    position: absolute;
    display: none;
}

.ib-tote-label input:checked ~ .bet-type-radio:after {
    display: block;
}

.ib-tote-label .bet-type-radio:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.ib-tote-field-betslip-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    margin-top: 41px;
    z-index: 999999999 !important;
}

.tote-betslip-active {
    display: block;
}

.ib-tote-betslip-placeholder {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: calc(100% - 84px);
    background-color: #081535 !important;
    box-shadow: initial !important;
    overflow: auto;
    overflow-x: hidden;
    z-index: 999;
    background-color: initial;
    background-image: initial;
}

.ib-tote-field-betslip-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid var(--light);
}

    .ib-tote-field-betslip-header > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: #ffffff;
    }

.ib-tote-betslip-close-mobile {
    color: #ff8812;
    font-size: 1.4em;
    position: absolute;
    right: 10px;
}

.ib-tote-betslip-check-bet {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 5px 0px;
}

    .ib-tote-betslip-check-bet > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: #ffffff;
        padding: 8px 10px;
    }

.ib-tote-betslip-venue, .ib-tote-betslip-race, .ib-tote-betslip-Bet, .ib-tote-betslip-amount, .ib-tote-betslip-amount-check, .ib-tote-betslip-pool, .ib-tote-betslip-runners, .ib-tote-betslip-percentage {
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    margin: 0px auto;
}

.ib-tote-betslip-venue {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .ib-tote-betslip-venue > span:nth-child(1) {
        border-top-left-radius: 4px;
    }

    .ib-tote-betslip-venue > span:nth-child(2) {
        border-top-right-radius: 4px;
    }

.ib-tote-betslip-amount {
    width: 98%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .ib-tote-betslip-amount > span {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0px auto;
        padding: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: #081535;
    }

    .ib-tote-betslip-amount > input {
        width: 100%;
        height: 48px;
        border: 1px solid #f2f2f2;
        font-size: 14px;
        font-weight: 600;
        padding: 8px;
    }

.ib-tote-betslip-action {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0;
    padding: 0 3px;
}

.ib-tote-betslip-action-confrim-bet {
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 5px auto;
}

.ib-tote-betslip-action-btn {
    width: 100%;
    height: 48px;
    color: #081535;
    background-color: #8DC63F;
    margin: 0px auto;
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    cursor: pointer;
}

.ib-tote-betslip-action > button {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    color: #081535;
    background-color: #8DC63F;
    letter-spacing: 0.5px;
    margin: 0px auto;
    padding: 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 0;
    margin: 0px 0px !important;
    outline: none;
    cursor: pointer;
}

    .ib-tote-betslip-action > button:focus {
        width: 98%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        color: #081535;
        background-color: #8DC63F;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        border: none;
        font-weight: 700;
        font-size: 16px;
        border: 2px solid #ffffff;
        border-radius: 0;
        margin: 0px 0px !important;
        outline: none;
        cursor: pointer;
    }

ib-tote-betslip-action > button:active {
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    color: #081535;
    background-color: #8DC63F;
    letter-spacing: 0.5px;
    margin: 0px auto;
    padding: 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 0;
    margin: 0px 0px !important;
    outline: none;
    cursor: pointer;
}

ib-tote-betslip-action > button:hover {
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    color: #081535;
    background-color: #8DC63F;
    letter-spacing: 0.5px;
    margin: 0px auto;
    padding: 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 0;
    margin: 0px 0px !important;
    outline: none;
    cursor: pointer
}

.ib-tote-betslip-action-confrim-bet > button {
    width: 49%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    color: #081535;
    background-color: #8DC63F;
    letter-spacing: 0.5px;
    margin: 0px auto;
    padding: 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 0;
    margin: 0px 0px !important;
    outline: none;
    cursor: pointer;
}

    .ib-tote-betslip-action-confrim-bet > button > .fa-edit, .ib-tote-betslip-action-confrim-bet > button > .fa-check-circle {
        font-size: 1.2em;
        color: #081535;
    }

    .ib-tote-betslip-action-confrim-bet > button:focus {
        width: 49%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        color: #081535;
        background-color: #8DC63F;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        border: none;
        font-weight: 700;
        font-size: 16px;
        border: 2px solid #ffffff;
        border-radius: 0;
        margin: 0px 0px !important;
        outline: none;
        cursor: pointer;
    }

    .ib-tote-betslip-action-confrim-bet > button:active {
        width: 49%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        color: #081535;
        background-color: #8DC63F;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        border: none;
        font-weight: 700;
        font-size: 16px;
        border: 2px solid #ffffff;
        border-radius: 0;
        margin: 0px 0px !important;
        outline: none;
        cursor: pointer;
    }

    .ib-tote-betslip-action-confrim-bet > button:hover {
        width: 49%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        color: #081535;
        background-color: #8DC63F;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        border: none;
        font-weight: 700;
        font-size: 16px;
        border: 2px solid #ffffff;
        border-radius: 0;
        margin: 0px 0px !important;
        outline: none;
        cursor: pointer;
    }

    .ib-tote-betslip-action-confrim-bet > button:nth-child(1) {
        width: 49%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        color: #081535;
        background-color: #ffffff;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        border: none;
        font-weight: 700;
        font-size: 16px;
        border: 2px solid #FF8812;
        border-radius: 0;
        margin: 0px 0px !important;
        outline: none;
        cursor: pointer;
        cursor: pointer;
    }

        .ib-tote-betslip-action-confrim-bet > button:nth-child(1):focus {
            width: 49%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: center;
            color: #081535;
            background-color: #ffffff;
            letter-spacing: 0.5px;
            margin: 0px auto;
            padding: 10px;
            border: none;
            font-weight: 700;
            font-size: 16px;
            border: 2px solid #FF8812;
            border-radius: 0;
            margin: 0px 0px !important;
            outline: none;
            cursor: pointer;
        }

        .ib-tote-betslip-action-confrim-bet > button:nth-child(1):active {
            width: 49%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: center;
            color: #081535;
            background-color: #ffffff;
            letter-spacing: 0.5px;
            margin: 0px auto;
            padding: 10px;
            border: none;
            font-weight: 700;
            font-size: 16px;
            border: 2px solid #FF8812;
            border-radius: 0;
            margin: 0px 0px !important;
            outline: none;
            cursor: pointer;
        }

        .ib-tote-betslip-action-confrim-bet > button:nth-child(1):hover {
            width: 49%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: center;
            color: #081535;
            background-color: #ffffff;
            letter-spacing: 0.5px;
            margin: 0px auto;
            padding: 10px;
            border: none;
            font-weight: 700;
            font-size: 16px;
            border: 2px solid #FF8812;
            border-radius: 0;
            margin: 0px 0px !important;
            outline: none;
            cursor: pointer;
        }

.ib-tote-betslip-msg {
    display: flex;
    width: 98%;
    margin: 0px auto;
}

#BetslipMessage {
    display: none;
}

.ib-tote-betslip-msg > span {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #f44336;
    color: #081535;
    font-size: 14px;
    font-weight: 400 !important;
    text-align: center;
    padding: 8px;
    border-radius: 0px;
    margin: 0px 0;
    border-radius: 4px;
}

.ib-tote-betslip-venue > span, .ib-tote-betslip-race > span, .ib-tote-betslip-Bet > span, .ib-tote-betslip-pool > span, .ib-tote-betslip-runners > span, .ib-tote-betslip-percentage > span, .ib-tote-betslip-amount-check > span {
    width: 50%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #081535;
    padding: 8px;
    border: 1px solid #f2f2f2;
    overflow-wrap: break-word;
}

.ib-tote-field-selection-participants-runners {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    padding: 5px;
    border: 1px solid #f2f2f2;
    margin: 4px 0;
    border-radius: 12px;
}

.ib-tote-field-selection-participants-runners-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-tote-participant-runners-title {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .ib-tote-participant-runners-title > span {
        font-size: 14px;
        font-weight: 600;
        color: #081535;
    }

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

.ib-tote-odds {
    font-size: 14px;
    font-weight: 600;
    color: #081535;
    margin-right: 4px;
}

.ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch {
    position: relative;
    display: flex;
    width: 50px;
    height: 24px;
    margin: 0;
}

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch > .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 25px;
    }

        .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch > .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch input:checked + .slider {
        background-color: #8DC63F;
    }

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .ib-tote-participant-runners-title > .ib-tote-odds-toggle > .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
        left: 2px;
    }

.ib-tote-particpant-runners-list {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.tote-list {
    width: 100%;
    padding: 5px;
    margin: 1px 0px;
    background-color: #fafafa;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.SCR > .ib-tote-horse-runner > .ib-tote-horse-runner-info > span {
    text-decoration: line-through;
    text-decoration-color: #f44336;
    color: #cccccc !important;
}

.SCR > .ib-tote-horse-runner > .ib-tote-jockey-info > span {
    text-decoration: line-through;
    text-decoration-color: #f44336;
    color: #cccccc !important;
}

.SCR > .ib-tote-horse-runner > .ib-tote-jockey-info > span {
    text-decoration: line-through;
    text-decoration-color: #f44336;
    color: #cccccc !important;
}

.ib-tote-silk {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.not-scratched {
    background-color: #4CAF50;
}

.tote-list:nth-child(1) > .ib-tote-silk {
    display: none;
}

.tote-list:nth-child(1) > .ib-tote-jockey-info {
    display: none;
}

.tote-list:nth-child(1) > .JockeyInfoIcon {
    display: none;
}

.ib-tote-horse-runner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 8px;
}

.ib-tote-horse-runner-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.tote-list:nth-child(1) > .ib-tote-horse-runner > span {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-weight: 700;
    padding: 0px 5px;
}

    .tote-list:nth-child(1) > .ib-tote-horse-runner > span:nth-child(1) {
        margin-right: 5px;
    }

.ib-tote-jockey-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tote-list > .ib-tote-horse-runner > .ib-tote-horse-runner-info > span {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #081535;
    line-height: 1;
}

    .tote-list > .ib-tote-horse-runner > .ib-tote-horse-runner-info > span:nth-child(1) {
        margin-right: 5px;
    }

.ib-tote-jockey-info > span {
    font-size: 11px;
    color: #081535;
    letter-spacing: 0.5px;
}

.not-scratched > span {
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ib-tote-participant-runners-checkbox {
    width: 50%;
    max-width: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.ib-tote-participant-race-number {
    padding: 5px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ib-tote-participant-race-number > span {
        font-size: 14px;
        font-weight: 600;
    }

.ib-tote-field-selection-all-to-come {
    width: 250px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fafafa;
    margin: 10px;
    border-radius: 4px;
}

.ib-tote-field-selection-check-wrapper {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0px;
}

.ib-tote-field-selection-check {
    width: 100%;
    padding: 0;
    margin: 1px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    background-color: #fafafa;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    line-height: 0 !important;
    position: relative;
    top: 0px;
    height: 45px;
}

    .ib-tote-field-selection-check:nth-child(1) {
        background-color: #4CAF50;
        height: 29px !important;
    }

    /*Base for label styling*/
    .ib-tote-field-selection-check input[type="checkbox"]:not(:checked), .ib-tote-field-selection-check input[type="checkbox"]:checked {
        position: absolute;
        left: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
        width: 0px;
        height: 0px;
        box-sizing: initial;
        display: inline-block;
    }

        .ib-tote-field-selection-check input[type="checkbox"]:not(:checked) + label, .ib-tote-field-selection-check input[type="checkbox"]:checked + label {
            position: relative;
            font-size: initial;
            line-height: 0;
            cursor: pointer;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            /* checkbox aspect */
            .ib-tote-field-selection-check input[type="checkbox"]:not(:checked) + label:before, .ib-tote-field-selection-check input[type="checkbox"]:checked + label:before {
                content: '';
                position: relative;
                left: 0;
                top: 0;
                width: 22px;
                height: 22px;
                border: 1px solid #081535;
                background: #fff;
                border-radius: 0;
                -webkit-transition: all .175s;
                transition: all .175s;
                display: inline-block;
            }

            .ib-tote-field-selection-check input[type="checkbox"]:not(:checked) + label:after, .ib-tote-field-selection-check input[type="checkbox"]:checked + label:after {
                content: '✕';
                position: absolute;
                top: 0;
                margin-top: -5px;
                margin-left: 2px;
                left: 0px;
                font-weight: 700;
                color: #ff8812;
                line-height: 0;
                -webkit-transition: all .1s;
                transition: all .1s;
                font: initial;
                font-size: 1.4em;
                display: inline-block;
            }

            /* checked mark aspect changes */
            .ib-tote-field-selection-check input[type="checkbox"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0) rotate(45deg);
                transform: scale(0) rotate(45deg);
            }

            .ib-tote-field-selection-check input[type="checkbox"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
            }

    /* Disabled checkbox */
    .ib-tote-field-selection-check input[type="checkbox"]:disabled:not(:checked) + label:before, .ib-tote-field-selection-check input[type="checkbox"]:disabled:checked + label:before {
        box-shadow: none;
        border: 1px solid #f2f2f2;
        background-color: #e9e9e9;
    }

    .ib-tote-field-selection-check input[type="checkbox"]:disabled:checked + label:after {
        color: #777;
    }

    .ib-tote-field-selection-check input[type="checkbox"]:disabled + label {
        color: #aaa;
    }

.ib-tote-multi-selection-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-tote-venue-alert {
    width: 100%;
    max-width: 992px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}

    .ib-tote-venue-alert > p {
        font-size: 14px;
        font-weight: 500 !important;
        color: #081535;
        letter-spacing: 0.5px;
        padding: 10px !important;
        text-align: center;
    }

.ib-tote-venue-alert-action {
    width: 170px;
    background-color: #ff8812;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

    .ib-tote-venue-alert-action > a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 500 !important;
        color: #081535;
        letter-spacing: 0.5px;
        padding: 10px;
    }

        .ib-tote-venue-alert-action > a > .fa-arrow-circle-left {
            font-size: 1.3em;
            margin-right: 5px;
        }

        .ib-tote-venue-alert-action > a:focus {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            font-weight: 500 !important;
            color: #081535;
            letter-spacing: 0.5px;
        }

        .ib-tote-venue-alert-action > a:active {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            font-weight: 500 !important;
            color: #081535;
            letter-spacing: 0.5px;
        }

        .ib-tote-venue-alert-action > a:hover {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            font-weight: 500 !important;
            color: #081535;
            letter-spacing: 0.5px;
        }

.ib-tote-field-selection-multi-wrapper::-webkit-scrollbar {
    display: none;
}

.ib-tote-field-selection-multi-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ib-tote-field-selection-multi-scroll {
    width: 250px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fafafa;
    margin: 5px;
    border-radius: 12px;
}

    .ib-tote-field-selection-multi-scroll > form {
        width: 250px;
        max-width: 300px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

.ib-tote-multi-selection-participants {
    width: 100%;
}

.ib-tote-multi-title {
    padding: 5px;
}

    .ib-tote-multi-title > span {
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

.ib-tote-multi-participant-runners-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 1px 0;
    background-color: #ffffff;
    margin: 1px 0;
}

    .ib-tote-multi-participant-runners-wrapper:nth-child(1) {
        background-color: #4CAF50;
        margin: 0;
    }

.ib-tote-multi-participant-runners {
    width: 100%;
}

.ib-tote-multi-participant-runners-wrapper > .ib-tote-multi-participant-runners > label {
    color: #081535;
    letter-spacing: 0.5px;
    font-size: 14px !important;
    margin: 0;
    font-weight: initial;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .ib-tote-multi-participant-runners-wrapper > .ib-tote-multi-participant-runners > label.SCR span {
        text-decoration: line-through;
        text-decoration-color: #f44336;
        color: #cccccc !important;
    }

    .ib-tote-multi-participant-runners-wrapper > .ib-tote-multi-participant-runners > label > .ib-tote-silk {
        width: 100%;
    }

    .ib-tote-multi-participant-runners-wrapper > .ib-tote-multi-participant-runners > label > span {
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 14px !important;
        margin: 0;
        font-weight: initial;
    }

span.SCR {
    text-decoration: line-through;
    text-decoration-color: #f44336;
    color: #cccccc !important;
}

.ib-tote-multi-participant-runners-wrapper:nth-child(1) > .ib-tote-multi-participant-runners > label {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #081535;
}

/*TOTE MULTIPLE CUSTOM CHECKBOX*/
.ib-tote-multi-participant-checkbox input[type="checkbox"]:not(:checked), .ib-tote-multi-participant-checkbox input[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 0px;
    height: 0px;
    box-sizing: initial;
}

    .ib-tote-multi-participant-checkbox input[type="checkbox"]:not(:checked) + label, .ib-tote-multi-participant-checkbox input[type="checkbox"]:checked + label {
        position: relative;
        font-size: initial;
        line-height: 0;
        cursor: pointer;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        /* checkbox aspect */
        .ib-tote-multi-participant-checkbox input[type="checkbox"]:not(:checked) + label:before, .ib-tote-multi-participant-checkbox input[type="checkbox"]:checked + label:before {
            content: '';
            position: relative;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            border: 1px solid #081535;
            background: #fff;
            border-radius: 0;
            -webkit-transition: all .175s;
            transition: all .175s;
        }

        .ib-tote-multi-participant-checkbox input[type="checkbox"]:not(:checked) + label:after, .ib-tote-multi-participant-checkbox input[type="checkbox"]:checked + label:after {
            content: '✕';
            position: absolute;
            margin-top: 0px;
            left: 2px;
            font-size: 1.5em;
            font-weight: 700;
            color: #ff8812;
            line-height: 0;
            -webkit-transition: all .1s;
            transition: all .1s;
        }

        /* checked mark aspect changes */
        .ib-tote-multi-participant-checkbox input[type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
        }

        .ib-tote-multi-participant-checkbox input[type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }

/* Disabled checkbox */
.ib-tote-multi-participant-checkbox input[type="checkbox"]:disabled:not(:checked) + label:before,
.ib-tote-multi-participant-checkbox input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border: none;
    background-color: #e9e9e9;
}

.ib-tote-multi-participant-checkbox input[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

.ib-tote-multi-participant-checkbox input[type="checkbox"]:disabled + label {
    color: #aaa;
}

.ib-tote-race-selection-controls {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 8px;
}

.tote-click-left {
    position: relative;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #ff8812;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

    .tote-click-left > .tote_markcheck {
        width: 36px;
        height: 36px;
        background-color: #ff8812;
        position: relative;
        border-radius: 50%;
    }

        .tote-click-left > .tote_markcheck::after {
            content: '<';
            color: white;
            font-size: 1.2em;
            font-weight: bold;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
        }

.tote-click-right {
    position: relative;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: #ff8812;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

    .tote-click-right > .tote_markcheck {
        width: 36px;
        height: 36px;
        background-color: #ff8812;
        position: relative;
        border-radius: 50%;
    }

        .tote-click-right > .tote_markcheck::after {
            content: '>';
            color: white;
            font-size: 1.2em;
            font-weight: bold;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
        }

/*===== TOTE ALL TO COME STYLING =====*/
.ib-tote-field-selection-all-to-come-wrapper::-webkit-scrollbar {
    display: none !important;
}

.ib-tote-field-selection-multi-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-tote-field-selection-all-to-come-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    overflow-x: auto;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.ib-tote-field-selection-all-to-come {
    width: 250px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fafafa;
    margin: 10px;
    border-radius: 12px;
}

    .ib-tote-field-selection-all-to-come > form {
        width: 250px;
    }

.ib-tote-all-to-come-race-title {
    width: 100%;
    padding: 5px;
}

.ib-tote-all-to-come-race-title {
    width: 100%;
    background-color: #4CAF50;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

    .ib-tote-all-to-come-race-title > span {
        width: 100%;
        font-size: 14px;
        color: #ffffff;
        letter-spacing: 0.5px;
        font-weight: 700;
    }

.ib-tote-win {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ib-tote-win > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

.ib-tote-place {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 5px;
}

    .ib-tote-place > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

.ib-tote-all-to-come-participants {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 5px;
    border-radius: 4px;
}

.ib-tote-all-to-come-participant-runners {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    margin: 1px 0;
    padding: 10px 5px;
    border-radius: 4px;
}

    .ib-tote-all-to-come-participant-runners:nth-child(1) {
        margin: 0;
    }

.ib-tote-all-to-come-participant-runner-names {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

    .ib-tote-all-to-come-participant-runner-names > .ib-tote-silk {
        width: 100%;
    }

    .ib-tote-all-to-come-participant-runner-names > span {
        font-size: 14px;
        color: #081535;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

        .ib-tote-all-to-come-participant-runner-names > span:nth-child(1) {
            margin-right: 5px;
        }

.ib-tote-all-to-come-participant-runner-checkbox {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*TOTE SLIDE UP ODDS STYLING*/
.ib-tote-odds-wrapper::-webkit-scrollbar {
    display: none;
}

.ib-tote-odds-wrapper {
    width: 50%;
    max-width: 200px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ib-tote-info-slide-up {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ib-tote-win-place {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ib-tote-win-place {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
    padding: 0;
}

.ib-tote-particpant-runners-odds {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-tote-win-place > span:nth-child(1) {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ib-tote-win-place > span:nth-child(2) {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ib-tote-win-place > span:nth-child(3) {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #4CAF50;
    height: 29px;
    max-height: 29px;
    margin: 1px 0;
    padding: 5px;
}

.ib-tote-particpant-runners-odds > div {
    width: 100%;
    min-height: 45px;
    padding: 4px 0px;
    margin: 1px 0px;
    background-color: #fafafa;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .ib-tote-particpant-runners-odds > div > div:nth-child(1) {
        width: 50%;
        height: 36px;
        text-align: center;
        background-color: #081535;
        padding: 5px 10px;
        margin-right: 5px;
        border: 1px solid #081535;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        .ib-tote-particpant-runners-odds > div > div:nth-child(1) > span {
            font-size: 14px;
            color: #ffffff;
            letter-spacing: 0.5px;
        }

    .ib-tote-particpant-runners-odds > div > div:nth-child(2) {
        width: 50%;
        height: 36px;
        text-align: center;
        background-color: #081535;
        padding: 5px 10px;
        margin-right: 5px;
        border: 1px solid #081535;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        .ib-tote-particpant-runners-odds > div > div:nth-child(2) > span {
            font-size: 14px;
            color: #ffffff;
            letter-spacing: 0.5px;
        }

    .ib-tote-particpant-runners-odds > div > div > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        width: 100%;
        display: block;
    }

#toteboardModal > .modal-dialog > .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fafafa;
    background-clip: initial;
    border: none;
    border-radius: 0;
    outline: 0;
}

    #toteboardModal > .modal-dialog > .modal-content > .modal-header {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse;
        -ms-flex-align: start;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 5px 10px;
        border-bottom: 1px solid #f2f2f2;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        #toteboardModal > .modal-dialog > .modal-content > .modal-header > button {
            color: #ff8812;
            opacity: 1;
            margin: 0;
            padding: 0;
            padding-bottom: 0 !important;
            font-size: 2em;
        }

            #toteboardModal > .modal-dialog > .modal-content > .modal-header > button:focus {
                margin: 0;
            }

        #toteboardModal > .modal-dialog > .modal-content > .modal-header > h2 {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0.5px;
            color: #081535;
        }

    #toteboardModal > .modal-dialog > .modal-content > .modal-body > iframe {
        width: 100%;
        height: 100%;
        border: 1px solid #f2f2f2;
    }

.ib-tote-bet-confirmation {
    width: 98%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 10px auto;
}

.ib-tote-bet-header {
    width: 100%;
    padding: 5px;
}

    .ib-tote-bet-header > span {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #4CAF50;
    }

.ib-tote-bet-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 5px 0;
    background-color: #fafafa;
}

    .ib-tote-bet-body > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
        padding: 0px 0px;
        margin: 0px 0;
        border: 1px solid #ffffff;
    }

        .ib-tote-bet-body > div > span {
            width: 50%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            text-align: left;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: #081535;
            border: 1px solid #f2f2f2;
            padding: 5px;
        }

.ib-tote-bet-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-tote-bet-actions {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .ib-tote-bet-actions > a {
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 10px 5px;
    }

        .ib-tote-bet-actions > a:nth-child(1) {
            background-color: #8DC63F;
            border: 2px solid #8DC63F;
            color: #081535;
        }

        .ib-tote-bet-actions > a:nth-child(2) {
            background-color: #fafafa;
            border: 2px solid #f2f2f2;
            color: #081535;
        }

    .ib-tote-bet-actions > a {
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 10px 5px;
        text-align: center;
    }

    .ib-tote-bet-actions > button {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 10px 5px;
        margin: 5px 0;
        border: 1px solid #f2f2f2;
        outline: none;
    }

        .ib-tote-bet-actions > button:focus {
            width: 100%;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 10px 5px;
            margin: 5px 0;
            border: 1px solid #f2f2f2;
            outline: none;
        }

        .ib-tote-bet-actions > button:active {
            width: 100%;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 10px 5px;
            margin: 5px 0;
            border: 1px solid #f2f2f2;
            outline: none;
        }

        .ib-tote-bet-actions > button:hover {
            width: 100%;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 10px 5px;
            margin: 5px 0;
            border: 1px solid #f2f2f2;
            outline: none;
        }

        .ib-tote-bet-actions > button > .fa-print {
            font-size: 1.3em;
        }

/* ===== NUMBERS STYLING =====*/

.ib-numbers-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-numbers-country-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    padding: 4px;
    background-color: var(--grey);
    border-radius: 4px;
}

.country-nav-left {
    width: 36px;
    height: 36px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border-radius: 50%;
    cursor: pointer;
}

.ib-numbers-country-nav-container::-webkit-scrollbar {
    display: none;
}

.ib-numbers-country-nav-container {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
}

.country-nav-right {
    width: 36px;
    height: 36px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border-radius: 50%;
    cursor: pointer;
}

    .ib-numbers-country-nav-items {
        display: flex;
        flex-direction: column;
        flex: 0 0 auto;
        align-items: center;
        min-width: 60px;
        height: 54px;
        margin-right: 5px;
        margin-left: 0px;
        padding: 5px;
        border-radius: 0px;
        cursor: pointer;
    }

.ib-numbers-active-country {
    background-color: var(--primary-blue);
    border-radius: 4px;
}

.ib-numbers-country-nav-items > img {
    width: 24px;
    height: 24px;
    display: block;
}

.ib-numbers-country-nav-items > a {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: 24px;
    padding: 28px 8px;
}

.ib-numbers-country-open-bets {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin: 0px auto;
}

.ib-numbers-draw-dropdown {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    padding: 0 8px;
    background-color: var(--grey);
    border-radius: 4px;
}

.ib-numbers-draw-active {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
}

.ib-numbers-draw-dropdown-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper {
    width: 100%;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background-color: var(--grey);
    border-radius: 4px;
    padding: 8px;
}

.ib-numbers-country-open-bets > .open-bets-wrapper-active {
    display: flex;
    transition: 0.5s;
}

.ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item {
    width: calc(50% - 4px);
    min-height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border: 2px solid var(--dark);
    border-radius: 4px;
    text-align: center;
}

    .ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item:active {
        background-color: #ffffff;
        border: 2px solid #ff8812;
    }

.ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .numbers-open-bets-active {
    border: 2px solid transparent;
    background-color: var(--primary-blue);
}

.ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item > a {
    width: 100%;
    min-height: 48px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ib-open-bets-overlay {
    width: 100%;
    height: 48%;
    background: rgb(250,250,250);
    background: linear-gradient( -180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
}

    .ib-open-bets-overlay > .ib-number-show-more {
        width: 110px;
        border: none;
        outline: none;
        color: #081535;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 5px;
        background-color: transparent;
        justify-content: center;
        align-items: center;
        position: relative;
        display: block;
    }

        .ib-open-bets-overlay > .ib-number-show-more:focus {
            width: 110px;
            border: none;
            outline: none;
            color: #081535;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.5px;
            margin: 0px auto;
            padding: 5px;
            background-color: transparent;
            justify-content: center;
            align-items: center;
            position: relative;
            display: block;
        }

.ib-numbers-open-bets-count {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.5px;
    color: #00AEDB;
    position: absolute;
    top: -1px;
    right: 0;
    margin-left: 5px;
    display: block;
}

.ib-number-show-less {
    display: none;
    width: 110px;
    border: none;
    outline: none;
    color: #081535;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0px auto;
    padding: 10px;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .ib-number-show-less:focus {
        display: none;
        width: 110px;
        border: none;
        outline: none;
        color: #081535;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin: 0px auto;
        padding: 10px;
        background-color: transparent;
        justify-content: center;
        align-items: center;
        position: relative;
    }

.ib-numbers-country-beting-component {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.ib-numbers-bet-type-heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 4px;
}

    .ib-numbers-bet-type-heading > img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

    .ib-numbers-bet-type-heading > span {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        max-width: 85%;
        padding: 4px;
    }

.ib-media-panel--numbers {
    width: 100%;
    margin: 8px 0;
    background-color: initial;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

    .ib-media-panel--numbers > a {
        min-height: 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
        background-color: var(--light);
        border: 2px solid var(--dark);
        border-radius: 4px;
    }

.ib-numbers-bet-type-heading > span > span {
    font-size: inherit;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #081535;
}

.ib-numbers-bet-type-items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--grey);
    border-radius: 4px;
}

.ib-number-bet-type-scroll-container::-webkit-scrollbar {
    display: none !important;
}

.ib-number-bet-type-scroll-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.type-items-left {
    width: 36px;
    height: 36px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border-radius: 50%;
    cursor: pointer;
}

.ib-number-bet-type-scroll-container {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
}

.type-items-right {
    width: 36px;
    height: 36px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border-radius: 50%;
    cursor: pointer;
}

.ib-number-bet-type-scroll-items {
    width: 100%;
    min-width: 250px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    position: relative;
}

    .ib-number-bet-type-scroll-items > div {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

.numbers-open-bets-link-active > a > .ib-numbers-bet-type-desc > span {
    color: #081535;
    font-weight: 400;
}

.ib-number-bet-type-scroll-item-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer !important;
}

    .ib-number-bet-type-scroll-item-link > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ib-number-bet-type-scroll-item-link > .fa-check-circle {
        color: #cccccc;
        font-size: 2em;
    }

    .ib-number-bet-type-scroll-item-link:focus {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .ib-number-bet-type-scroll-item-link:active {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .ib-number-bet-type-scroll-item-link:hover {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

.ib-number-bet-type-scroll-items > div > .ib-numbers-bet-type-odds > .numbers-bet-type-active > span {
    color: #FF8813;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    border-right: none;
}

.numbers_checkmark {
    width: 32px;
    height: 32px;
    background-color: var(--grey);
    position: relative;
    border-radius: 50%;
}

    .numbers_checkmark::after {
        content: '✔';
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
    }

    .ib-number-bet-type-scroll-items > div > .ib-numbers-bet-type-odds > .numbers-bet-type-active-link > .numbers_checkmark {
        width: 32px;
        height: 32px;
        background-color: var(--primary-blue);
        position: relative;
        border-radius: 50%;
    }

    .ib-number-bet-type-scroll-items > div > .ib-numbers-bet-type-odds > .numbers-bet-type-active-link > .numbers_checkmark::after {
        content: '✔';
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
    }

.ib-numbers-bet-type-odds {
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 8px;
    background-color: var(--light);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .ib-numbers-bet-type-odds > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-bet-type-desc {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background-color: var(--dark);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .ib-numbers-bet-type-desc > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--light);
    }

.ib-numbers-stake-limits {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid var(--grey);
    background-color: #ffffff;
}

    .ib-numbers-stake-limits > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-bet-type-desc > .fa-info-circle {
    font-size: 1.3em;
    color: #00AEDB;
    display: none;
}

.ib-numbers-bet-type-ball-selections {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px;
}

    .ib-numbers-bet-type-ball-selections > #numbers-balls-div {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

.ib-numbers-ball-selection-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    background-color: var(--grey);
    border-radius: 4px;
}

.numbers-balls {
    width: 98%;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    border: 1px dashed #39445d;
    margin: 5px auto;
    border-radius: 4px;
}

    .numbers-balls > span {
        width: 25%;
        max-width: 90px;
        padding: 0px 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
    }

    .numbers-balls > .heading {
        width: 30%;
        max-width: 90px;
        padding: 0px 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #cccccc;
    }

.bonus-ball-set > .heading {
    width: 35%;
    max-width: 320px;
}

.numbers-balls > .ib-numbers-balls-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px;
}

.numbers-balls > .gridBall {
    width: initial;
    margin: 3px;
}

    .numbers-balls > .gridBall > a {
        padding: 4px;
        font-size: 1em;
        font-weight: 400;
        width: 35px;
        height: 35px;
        float: left;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border: none;
        color: #ffffff !important;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.5px;
    }

    .numbers-balls > .gridBall > .betslip-balls {
        padding: 4px;
        font-size: 14px;
        font-weight: 500;
        width: 28px;
        height: 28px;
        float: left;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: #ffffff !important;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.5px;
        padding-bottom: 5px;
    }

.numbers-balls > .default-ball > a {
    background-color: #cccccc !important;
    border: 2px solid #f2f2f2 !important;
    color: #081535 !important;
    padding: 4px;
    font-size: 1em;
    font-weight: 400;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
}

.numbers-balls-div > .ib-numbers-ball-selection-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-numbers-ball-selection-wrapper > .ib-numbers-balls-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-numbers-balls-wrapper > .ib-numbers-balls {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid var(--dark);
    border-radius: 4px;
}

.ib-numbers-balls > .numberball-grid {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    border-bottom: 2px solid var(--dark);
}

    .ib-numbers-balls > .numberball-grid > .fa-caret-down {
        font-size: 2em !important;
        transform: rotate( 180deg );
        display: none;
        transition: 0.3s;
        cursor: pointer;
    }

.ib-numbers-balls > .powerball-grid {
    width: 100%;
    padding: 8px 4px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #081535;
    margin: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #081535;
}

    .ib-numbers-balls > .powerball-grid > .fa-caret-down {
        font-size: 2em !important;
        transform: rotate( 180deg );
        display: none;
        transition: 0.3s;
        cursor: pointer;
    }

.ball span {
    line-height: 34px;
    font-size: 20px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    margin: 5px;
    padding: 0;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: black;
    border-radius: 50%;
}

.betslipBall a {
    padding: 1px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    margin: 2px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: black;
    border-radius: 50%;
}

.gridBall {
    width: 20%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer !important;
    outline: none;
    margin: 0px !important;
}

    .gridBall:focus {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

    .gridBall span {
        padding: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark) !important;
        width: 40px;
        height: 40px;
        text-align: center;
        text-decoration: none;
        border: 2px solid transparent;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

.hide-balls {
    display: none;
}

.display-balls {
    display: flex;
}

.arrow-rot-reset {
    transform: rotate(0deg) !important;
    transition: 0.3s;
}

.arrow-rotate {
    transform: rotate(180deg) !important;
    transition: 0.3s;
}

.ball a .active {
    opacity: 0.5;
    cursor: not-allowed;
}

.ball-selected > .orange-ball {
    background: #FFAB91 !important;
    border: 2px solid #081535;
}

.ball-selected > .amber-ball {
    background: #FFE082 !important;
    border: 2px solid #081535;
}

.ball-selected > .green-ball {
    background: #AED581 !important;
    border: 2px solid #081535;
}

.ball-selected > .blue-ball {
    background: #4FC3F7 !important;
    border: 2px solid #081535;
}

.ball-selected > .indigo-ball {
    background: #7986CB !important;
    border: 2px solid #081535;
}

.ball-selected > .power-pink {
    background: #F48FB1 !important;
    border: 2px solid #081535;
}

.ib-numbers-bet-type-stake {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #fafafa;
}

.ib-numbers-min-stake {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #081535;
}

.ib-numbers-max-stake {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #081535;
}

.ball-selection-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}

.ball-selection-title-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .ball-selection-title-container p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

    .ib-numbers-bet-type-heading > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-selection-actions {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    margin: 12px 0 0;
    padding: 4px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.btnReset {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 8px;
}

    .btnReset > a {
        width: 100%;
        color: #081535 !important;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.5px;
        border: 0px solid #f2f2f2;
        padding: 0px;
        text-align: center;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #ffffff;
        cursor: pointer;
    }

        .btnReset > a > span {
            display: block;
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ffffff;
            border: 1px solid #cccccc;
            border-radius: 50%;
            margin-right: 4px;
        }

            .btnReset > a > span > .fa-undo {
                font-size: 1em;
                color: #cccccc;
                margin-left: 1px;
                margin-top: 0px;
            }

.btnPlaceBet {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .btnPlaceBet > a {
        width: 100%;
        color: #081535 !important;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.5px;
        border: 0px solid #f2f2f2;
        padding: 0px;
        text-align: center;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .btnPlaceBet > a > span {
            display: block;
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #8DC63F;
            border: 1px solid #ffffff;
            border-radius: 50%;
            margin-right: 4px;
        }

            .btnPlaceBet > a > span > .fa-plus {
                color: #ffffff;
                font-size: 1em;
            }

.ib-numbers-high-low-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 10px 0;
}

    .ib-numbers-high-low-wrapper .ball-selection-title {
        margin-bottom: 5px;
    }

    .ib-numbers-high-low-wrapper > .numbers-balls-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 5px;
    }

        .ib-numbers-high-low-wrapper > .numbers-balls-div > .ib-high-low-title {
            padding: 10px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            display: none;
        }

        .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
        }

            .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallLow {
                width: 50%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                padding: 0 0 10px;
            }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallLow > .gridBall {
                    width: initial;
                }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallLow > .fa-long-arrow-alt-right {
                    font-size: 1.3em;
                    margin: 0 5px;
                }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallLow > .heading {
                    width: 100%;
                    font-size: 14px;
                    font-weight: 500;
                    letter-spacing: 0.5px;
                    text-align: center;
                    padding: 10px;
                }

            .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallhigh {
                width: 50%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                padding: 0 0 10px;
            }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallhigh > .gridBall {
                    width: initial;
                }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallhigh > .fa-long-arrow-alt-right {
                    font-size: 1.3em;
                    margin: 0 5px;
                }

                .ib-numbers-high-low-wrapper > .numbers-balls-div > #LottoHighLowDiv > .BonusBallhigh > .heading {
                    width: 100%;
                    font-size: 14px;
                    font-weight: 500;
                    letter-spacing: 0.5px;
                    text-align: center;
                    padding: 10px;
                }

#NumbersBallsBet > #BonusLow {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#NumbersBallsBet > #BonusHigh {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#NumbersBallsBet > .BonusBallLowSelected > .heading {
    width: 30%;
    max-width: 90px;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #cccccc;
}

#NumbersBallsBet > .BonusBallhighSelected > .heading {
    width: 30%;
    max-width: 90px;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #cccccc;
}

.BonusBallLowSelected > .bonus-ball-low > a {
    background-color: #FF8812 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: 1px solid #f2f2f2 !important;
}

.BonusBallhighSelected > .bonus-ball-high > a {
    background-color: #FF8812 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: 1px solid #f2f2f2 !important;
}

#NumbersBallsBet > .BonusBallLowSelected > .bonus-ball-low > a {
    padding: 4px;
    font-size: 1em;
    font-weight: 400;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 2px solid #FF8812 !important;
    background-color: #f2f2f2 !important;
    color: #081535 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    margin: 5px 0;
}

#NumbersBallsBet > .BonusBallhighSelected > .bonus-ball-high > a {
    padding: 4px;
    font-size: 1em;
    font-weight: 400;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 2px solid #FF8812 !important;
    background-color: #f2f2f2 !important;
    color: #081535 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    margin: 5px 0;
}

#PowerNumbersBallsBet > .ball-selected {
    padding: 4px;
    font-size: 1em;
    font-weight: 400;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 2px solid #FF8812 !important;
    background-color: #f2f2f2 !important;
    color: #081535 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    margin: 5px 3px;
}

.ib-numbers-high-low-wrapper > .numbers-balls-div > #BonusBallSingleNumberDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

    .ib-numbers-high-low-wrapper > .numbers-balls-div > #BonusBallSingleNumberDiv > .BonusBallSingleNumber {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0 0 10px;
    }

    .ib-numbers-high-low-wrapper > .numbers-balls-div > #BonusBallSingleNumberDiv > .BonusBallSingleNumSelected > .bonus-ball-single-num > a {
        background-color: #FF8812;
        color: #ffffff !important;
        font-weight: 500;
        border: 1px solid #f2f2f2;
    }

    .ib-numbers-high-low-wrapper > .numbers-balls-div > #BonusBallSingleNumberDiv > .BonusBallSingleNumber > .heading {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
        padding: 10px;
    }

    .ib-numbers-high-low-wrapper > .numbers-balls-div > #BonusBallSingleNumberDiv > .BonusBallSingleNumber > .fa-long-arrow-alt-right {
        font-size: 1.3em;
        margin: 0 5px;
    }

BonusBallLowSelected > .bonus-ball-single-num > a {
    background-color: #FF8812 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: 1px solid #f2f2f2 !important;
}

#NumbersBallsBet > BonusBallLowSelected > .bonus-ball-single-num > a {
    padding: 4px;
    font-size: 1em;
    font-weight: 400;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 2px solid #FF8812 !important;
    background-color: #f2f2f2 !important;
    color: #081535 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    margin: 5px 0;
}

.ib-numbers-betslip-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    position: relative;
    background-color: #081535;
    position: fixed;
    z-index: 999;
    bottom: 0;
    overflow: auto;
}

.numbers_betslip_container {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 300px;
    height: calc(-97px + 100vh);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--light);
    overflow-y: auto;
    z-index: 999;
}

.ib-numbers-betslip-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    border-bottom: 1px solid #39445d;
    padding: 0px 0px;
}

.ib-numbers-betslip-heading {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 4px;
}

.ib-numbers-betslip-heading-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

    .ib-numbers-betslip-heading-title img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .ib-numbers-betslip-heading-title > span {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

.ib-numbers-betslip-heading-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.ib-numbers-betslip-clear {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    color: #ffffff;
    align-items: center;
    padding: 4px;
    margin-right: 0;
}

    .ib-numbers-betslip-clear > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-right: 5px;
    }

    .ib-numbers-betslip-clear > .fa-trash-alt {
        font-size: 1.3em;
    }

.ib-numbers-betslip-close {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    color: #ffffff;
    align-items: center;
    padding: 5px;
}

    .ib-numbers-betslip-close > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-right: 5px;
    }

    .ib-numbers-betslip-close > .fa-times-circle {
        font-size: 1.5em;
    }

.ib-numbers-betslip-errors {
    padding: 0 5px;
}

    .ib-numbers-betslip-errors > div {
        width: 100%;
        display: none;
        padding: 10px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: rgb(244, 67, 54);
        background-color: rgb(255, 255, 255);
        text-align: center;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

.ib-numbers-betslip-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-numbers-betslip-ball-selections {
    padding: 5px 5px 3px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

    .ib-numbers-betslip-ball-selections > .bet-ball-set > .heading {
        display: none !important;
    }

    .ib-numbers-betslip-ball-selections > .bet-ball-set > .bonus-ball-low > a {
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .ib-numbers-betslip-ball-selections > .bet-ball-set > .fa-long-arrow-alt-right {
        color: #39445d;
    }

    .ib-numbers-betslip-ball-selections > .bet-ball-set > .bonus-ball-high > a {
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .ib-numbers-betslip-ball-selections > .bet-ball-set > .bonus-ball-single-num > a {
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .ib-numbers-betslip-ball-selections > .numbers-balls {
        width: 98%;
        margin: 3px 2px;
    }

.ib-numbers-add-bet-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 4px;
}

#bet_entry_ {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#bet_entry {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ib-numbers-add-bet {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ib-numbers-add-bet-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    background-color: #f2f2f2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .ib-numbers-add-bet-header img {
        width: 24px;
        height: 24px;
        border: 1px solid #081535;
        border-radius: 50%;
    }

    .ib-numbers-add-bet-header > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
        /* width: 40%; */
        /* padding: 0 4px; */
    }

        .ib-numbers-add-bet-header > span:nth-child(3) {
            text-align: right;
        }

.remove_numbers_bet_entry {
    width: 24px;
    height: 24px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    border: 2px solid var(--dark);
    border-radius: 50%;
    cursor: pointer;
}

.ib-numbers-add-bet-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px;
    background-color: #fafafa;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.stake_profit_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    border-bottom: 1px solid #f2f2f2;
}

.ib-numbers-stake-field {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.numbers_place_all_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--light);
}

.default_stake_input_control {
    width: calc(50% - 4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .default_stake_input_control label {
        width: 100%;
        min-height: 36px;
        color: var(--light);
        font-size: 12px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }

    .default_stake_input_control input {
        width: 100%;
        padding: 4px 24px;
        border-radius: 4px;
        outline: 0;
        border: none;
        height: 30px;
        background-color: #ffffff;
    }

        .default_stake_input_control input:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

#set_default_stake {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.set_default_stake_container_label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#total_stake {
    display: inline-block;
}

.ib-numbers-place-bet {
    width: 100%;
    background-color: rgba(141, 198, 63, 1);
    border-radius: 4px;
    height: 30px;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    border: 1px solid rgba(141, 198, 63, 1);
    cursor: pointer;
}

.stake_input_control {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .stake_input_control .currency-symbol-numbers {
        position: absolute;
        pointer-events: none;
        top: -5px;
        left: 0;
        font-size: 12px;
        display: flex;
        width: 18px;
        height: 18px;
        background-color: #f2f2f2;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
    }

    .stake_input_control input {
        width: calc(100% - 8px);
        padding: 4px 16px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        border: 1px solid #081535;
        border-radius: 4px;
        height: 30px;
        text-align: center;
    }

.ib-numbers-stake-decrease {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #081535;
}

    .ib-numbers-stake-decrease > .fa-minus {
        font-size: 1em;
        color: #ffffff;
    }

.ib-numbers-bet-stake {
    width: 70%;
    border: 1px solid #cccccc;
    color: #081535;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 5px;
    padding-left: 27px;
    margin: 0px 10px;
}

.ib-numbers-stake-increase {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #081535;
}

    .ib-numbers-stake-increase > .fa-plus {
        font-size: 1em;
        color: #ffffff;
    }

.ib-numbers-bet-limits {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

    .ib-numbers-bet-limits > span {
        width: 50%;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        color: var(--dark);
        padding: 4px;
    }

        .ib-numbers-bet-limits > span:nth-child(2) {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

.ib-numbers-bet-odds {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 4px;
    justify-content: flex-end;
}

    .ib-numbers-bet-odds > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-bet-profit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

    .ib-numbers-bet-profit > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-place-bet-action {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

    .ib-numbers-place-bet-action > button {
        font-size: 14px;
        font-weight: 700;
        color: #081535 !important;
        background-color: #8DC63F;
        letter-spacing: 0.5px;
        margin: 4px;
        padding: 8px;
        border: none;
        border-radius: 4px;
    }


        .display-countdown {
            font-size: 14px;
            font-weight: 500;
            color: #081535;
            letter-spacing: 0.5px;
            padding: 10px;
            display: none;
        }

    .display-countdown > .display-time {
        color: #8DC63F;
    }

        .display-countdown > .display-time > .fa-stopwatch {
            color: #8DC63F;
            font-size: 1.3em;
            margin-right: 5px;
        }

.betslip-ball {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    margin: 0 1px;
}

.orange-ball {
    color: #ffffff !important;
    background: rgb(255,87,34) !important;
    background: radial-gradient(circle, rgba(255,87,34,1) 0%, rgba(255,138,101,1) 100%) !important;
}

.amber-ball {
    color: #ffffff !important;
    background: rgb(255,193,7) !important;
    background: radial-gradient(circle, rgba(255,193,7,1) 0%, rgba(255,213,79,1) 100%) !important;
}

.green-ball {
    color: #ffffff !important;
    background: rgb(76,175,80) !important;
    background: radial-gradient(circle, rgba(76,175,80,1) 0%, rgba(129,199,132,1) 100%) !important;
}

.blue-ball {
    color: #ffffff !important;
    background: rgb(3,169,244) !important;
    background: radial-gradient(circle, rgba(3,169,244,1) 0%, rgba(79,195,247,1) 100%) !important;
}

.indigo-ball {
    color: #ffffff !important;
    background: rgb(63,81,181) !important;
    background: radial-gradient(circle, rgba(63,81,181,1) 0%, rgba(121,134,203,1) 100%) !important;
}

.power-pink {
    color: #ffffff !important;
    background: rgb(216,27,96) !important;
    background: radial-gradient(circle, rgba(216,27,96,1) 0%, rgba(240,98,146,1) 100%) !important;
}

.numbers-bet-modal-wrapper {
    width: 100%;
    height: calc(100% - 82px);
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba( 255, 255, 255, 0.95);
    z-index: 999;
}

.numbers-bet-modal {
    width: 300px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 35px;
    margin-left: -150px;
    padding: 10px;
    background-color: #ffffff;
    border: 2px solid #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.numbers-bet-modal-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -30px;
}

    .numbers-bet-modal-icon.unsuccessful {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: -30px;
    }

    .numbers-bet-modal-icon > .fa-check-circle {
        font-size: 2.5em;
        color: #8DC63F;
        position: relative;
        top: 0;
    }

    .numbers-bet-modal-icon.unsuccessful > .fa-times {
        font-size: 2.5em;
        color: #F44336;
        position: relative;
        top: 0px;
    }

.numbers-bet-modal-title {
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #8DC63F;
}

    .numbers-bet-modal-title.unsuccessful {
        margin-top: 20px;
        font-size: 20px;
        letter-spacing: 0.5px;
        color: #F44336;
    }

.numbers-bet-modal-desc {
    font-size: 14px;
    font-weight: 500 !important;
    color: #081535;
    letter-spacing: 0.5px !important;
    padding: 10px 0px !important;
    letter-spacing: 0.5px;
    text-align: center;
}

.numbers-bet-modal-actions {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.numbers-bet-modal-continue {
    border: none;
    background-color: #8DC63F;
    color: #081535;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 10px;
    margin-right: 5px;
}

    .numbers-bet-modal-continue.unsuccessful {
        border: none;
        background-color: #f2f2f2;
        color: #081535;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 10px;
        margin-right: 5px;
    }

.numbers-bet-modal-draw {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px;
}

    .numbers-bet-modal-draw > p {
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 5px 0 !important;
    }

.numbers-bet-modal-balls {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px;
}

    .numbers-bet-modal-balls > p {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        padding: 5px 0 !important;
    }

.streaming-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.streaming-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.streaming-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

    .streaming-title h1 {
        font-size: 16px;
        color: #081535;
        letter-spacing: 0.5px;
    }

    .streaming-title a {
        padding: 5px;
        background-color: #ff8812;
        color: #081535;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

        .streaming-title a:focus {
            padding: 5px;
            background-color: rgba(255, 136, 18, 0.75);
            color: #081535;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .streaming-title a:hover {
            padding: 5px;
            background-color: rgba(255, 136, 18, 0.75);
            color: #081535;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .streaming-title a:active {
            padding: 5px;
            background-color: rgba(255, 136, 18, 0.75);
            color: #081535;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

#StreamBox {
    width: 95%;
    max-width: 730px;
    height: 550px;
    display: block;
    margin: 0px auto;
    border: 2px solid #fafafa;
}

.ib-app--page-explainer {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

.ib-app--explainer {
    width: 98%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    background-color: #fafafa;
    border: 1px solid #081535;
    margin: 10px 0px;
    border-radius: 12px;
}

.ib-app--explainer-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #ffffff;
    padding: 5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ib-app--explainer-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.ib-app--explainer-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #081535;
    width: 65%;
}

.ib-app--explainer-close {
    width: 35%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #081535;
    padding-right: 5px;
    cursor: pointer;
}

    .ib-app--explainer-close .fa-times {
        font-size: 1.3em;
        margin-left: 5px;
    }

.ib-app--explainer-text {
    font-size: 14px;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    padding: 10px 5px !important;
}

.active-menu {
    padding: 1px !important;
    background-color: #ffffff !important;
    border: 2px solid #081535 !important;
    transition: initial !important;
}

    .active-menu span {
        color: #081535 !important;
        font-weight: bold;
    }

.fica-notice {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ef5350;
    margin: 10px;
    border-radius: 4px;
}

    .fica-notice > p {
        font-size: 14px;
        color: #ffffff;
        font-weight: 400 !important;
        text-align: center;
        padding: 10px !important;
        letter-spacing: 0.5px;
    }

.tblProfile {
    width: 100%;
}

.ib-account-statement-wrapper > .statement-icon, .ib-pending-bets-wrapper > .pending-icon, .ib-finalised-bets-wrapper > .finalised-icon {
    width: 100% !important;
}

.ib-app--content {
    width: 100%;
}

.JockeyInfoIcon {
    text-decoration: none !important;
}

.ib-deposit-box--logged-in {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-deposit-box--header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}

    .ib-deposit-box--header h1 {
        font-size: 20px;
        text-align: left;
        letter-spacing: 0.5px;
        padding: 0px;
    }

    .ib-deposit-box--header p {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500;
        padding: 10px 0px !important;
    }

    .ib-deposit-box--header em {
        font-size: 14px;
    }

.ib-deposit-box--body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ib-deposit-box--card {
    width: 100%;
    max-width: 310px;
    display: flex;
    flex-direction: column;
    border: 1px solid #081535;
    border-radius: 4px;
    margin: 10px 0;
    background-color: #fafafa;
}

.ib-deposit-box--card--title {
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .ib-deposit-box--card--title h3 {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 5px;
    }

    .ib-deposit-box--card--title img {
        width: 150px;
        padding: 3px;
        border: 2px solid #f2f2f2;
        border-radius: 4px;
    }

    .ib-deposit-box--card--title span {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 5px !important;
    }

.ib-deposit-box--card--text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ib-deposit-box--card--text p {
        padding: 10px !important;
    }

    .ib-deposit-box--card--text ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 20px 0px;
    }

        .ib-deposit-box--card--text ul li {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 5px;
            line-height: 20px;
        }

    .ib-deposit-box--card--text p {
        font-size: 14px;
        font-weight: 500 !important;
        letter-spacing: 0.5px;
        padding: 10px 20px !important;
        text-align: left;
    }

        .ib-deposit-box--card--text p a {
            font-size: 14px;
            font-weight: 500 !important;
            letter-spacing: 0.5px;
            padding: 5px !important;
            text-align: center;
            color: #081535;
            text-decoration: underline;
        }

.eft-deposit-explainer .ib-deposit-box--card--title {
    flex-direction: column;
}

.account-form-icon {
    font-size: 16px;
    font-weight: 700;
    color: #081535;
    margin-right: 10px;
    margin-left: 5px;
}

.ib-credit-card-process-card {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ib-credit-card-process-card img {
        width: 210px;
        margin: 0px auto;
    }

    .ib-credit-card-process-card h3 {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 5px;
    }

.ib-transfer-details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 12px;
    margin: 12px 0;
}

    .ib-transfer-details span {
        font-size: 14px;
        font-weight: 600;
    }

.ib-credit-card-process-success-header {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ib-credit-card-process-success-body .form-actions .form-button .fa-edit {
    font-size: 1.3em;
    margin-right: 5px;
}

.ib-credit-card-process-success-body .form-actions .form-button {
    padding: 10px;
    height: 45px;
    font-weight: 500;
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
    max-width: 180px;
}

.ib-cc-proceed {
    background-color: #8DC63F;
    border: none !important
}

    .ib-cc-proceed:hover {
        background-color: rgba(141, 198, 63, 0.75);
    }

    .ib-cc-proceed:active {
        background-color: rgba(141, 198, 63, 0.75);
    }

    .ib-cc-proceed:focus {
        background-color: rgba(141, 198, 63, 0.75);
    }

.ccContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

p a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #081535;
    text-decoration: underline;
}

.getImage {
    width: 100%;
    padding: 10px;
    max-width: 250px;
    margin: 10px 0;
}

.ib-app--install {
    position: fixed;
    bottom: 0;
    bottom: calc(5.5rem + env(safe-area-inset-bottom));
    width: calc(100% - 8px);
    min-height: 50px;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 4px;
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    border: 2px solid #8cd140;
    border-radius: 50px;
    z-index: 999;
}

.ib-app--install-group {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

    .ib-app--install-group:nth-child(1) {
        justify-content: flex-start;
    }

    .ib-app--install-group:nth-child(2) {
        justify-content: flex-end;
        gap: 0;
    }

.ib-app--install-btn {
    width: 72px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    color: #081535;
    background-color: #8cd140;
    border: 2px solid transparent;
    border-radius: 50px;
    outline: none;
    cursor: pointer;
}

.ib-app--install-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0px;
}

.ib-app--install-btn-txt {
    color: #081535;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.ib-app--install-btn-af:hover {
    background-color: #a4d165;
}

.ib-app--install-btn-af:active {
    background-color: #a4d165;
}

.ib-app--install-btn-af:focus {
    background-color: #a4d165;
}

.ib-app--dismiss {
    width: 72px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    color: #081535;
    background-color: #ffffff;
    border: 2px solid #081535;
    border-radius: 50px;
    outline: none;
    cursor: pointer;
}

#ibAccountSummaryDiv {
    width: 100%;
}

#ibDepositListDiv {
    width: 100%;
    max-width: 75%;
    margin-top: 12px;
}

#ib-app-install-safari {
    display: none;
    width: 230px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #081535;
    padding: 10px;
    position: fixed;
    left: 50%;
    margin-left: -115px;
    bottom: 70px;
    z-index: 9999;
}

.ib-app--install-prompt-ios {
    width: 100%;
    position: relative;
}

.ib-app--install-text-ios {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #081535;
}

.install-close {
    display: block;
    background-color: #f2f2f2;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    line-height: 1;
}

.betting-app-wrapper {
    width: 100%;
    max-width: 992px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px auto;
}

    .betting-app-wrapper h1 {
        width: 100%;
        padding: 10px;
        font-size: 24px;
        letter-spacing: 0.5px;
        color: #081535;
    }

.betting-app-options {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.betting-app-android {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}

.betting-app-ios {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}

.betting-app-android img {
    width: 98%;
    margin: 0px auto;
    display: block;
    border-radius: 12px;
}

.betting-app-ios img {
    width: 98%;
    margin: 0px auto;
    display: block;
    border-radius: 12px;
}

.betting-app-info {
    width: 100%;
    background-color: #fafafa;
}

.betting-app-benefits {
    width: 100%;
    padding: 5px;
}

    .betting-app-benefits h5 {
        background-color: #081535;
        color: #ffffff;
        letter-spacing: 0.5px;
        padding: 8px 4px;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

.betting-app-benefits-desc {
    padding: 20px;
}

    .betting-app-benefits-desc p {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 20px;
    }

.betting-app-android-howto {
    padding: 20px;
}

    .betting-app-android-howto p {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 20px;
    }

.betting-app-ios-howto {
    padding: 20px;
}

    .betting-app-ios-howto p {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 20px;
    }

.ib-deposit-response-success {
    background-color: #ffffff;
    padding: 10px;
    color: #4CAF50;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 5px 0;
    border-radius: 4px;
}

.ib-deposit-response-failed {
    background-color: #ffffff;
    padding: 10px;
    color: #F44336;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 5px 0;
    border-radius: 4px;
}

.ib-response-data {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-radius: 8px;
}

.ib-response-data-title {
    margin: 0;
    padding: 12px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

    .ib-response-data-title.success {
        color: green;
    }

    .ib-response-data-title.failed {
        color: red;
    }

.ib-response-data div {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
}

    .ib-response-data div:last-child {
        border: none;
    }

.ib-response-data span {
    width: 50%;
    padding: 4px;
    font-size: 14px;
}

    .ib-response-data span strong {
        font-weight: bold;
    }

.largeErrorMessage, .largeSuccessMessage {
    width: 100%;
}

.ib-notification-dot-none {
    display: none;
}

.ib-notification-dot-info {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #607D8B !important;
    border-radius: 50%;
    margin-right: 5px;
}

.ib-notification-dot-important {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #FF9800 !important;
    border-radius: 50%;
    margin-right: 5px;
}

.ib-notification-dot-critical {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #F44336 !important;
    border-radius: 50%;
    margin-right: 5px;
}

.header-bell {
    width: 10px;
    height: 10px;
    display: block;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: -5px;
    left: -5px;
}

.ib-messages-empty {
    color: #081535;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.ib-message-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.ib-message-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
}

.ib-message-list-items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding: 10px 5px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    margin: 1px 0px;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.ib-message-modal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ib-message-actions {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ib-message-read {
    border: 1px solid #081535;
    background-color: #f2f2f2;
    color: #081535;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px;
    margin-right: 8px;
    border-radius: 4px;
    width: 50px;
}

.ib-message-delete {
    border: none;
    padding: 15px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ib-message-close {
    position: fixed;
    z-index: 9999;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 1px solid #081535;
}

#ib-message-open {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -50%;
    background-color: #ffffff;
    z-index: 99;
    padding: 10px;
    border: 1px solid #081535;
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.ib-close-msg {
    font-size: 1.3em;
    color: #081535;
    cursor: pointer;
}

#ib-message-open > span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 22px;
    padding: 5px;
}

.LottoLive {
    width: 100%;
}

.live-numbers-login-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .live-numbers-login-wrapper span {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    .live-numbers-login-wrapper img {
        width: 95%;
        height: auto;
        border: 2px solid #f2f2f2;
        margin: 0px auto;
        display: block;
    }

.betslip_notice_holder {
}

.betslip_notice {
    width: 100%;
    max-width: 300px;
    height: 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #39445d;
    padding: 0px 5px;
    margin: 30px auto 0 auto;
    position: relative;
    border-radius: 12px;
}

.betslip_notice_icon {
    width: 45px;
    height: 45px;
    position: absolute;
    top: -25px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .betslip_notice_icon img {
        width: 35px;
        height: 35px;
    }

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

    .betslip_notice_msg span {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        font-weight: normal;
        color: #ffffff;
        text-align: center;
        padding: 0 5px;
        margin: 5px 0;
    }

    .betslip_notice_msg a {
        color: #8cd140;
        font-weight: bold;
        padding: 5px;
        text-align: center;
    }

.golf_arena_intro {
    width: 98%;
    display: block;
    margin: 24px auto;
    padding: 12px 4px;
    background-color: #fafafa;
    border-radius: 12px;
}

    .golf_arena_intro h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 4px 0;
        padding: 0 4px
    }

    .golf_arena_intro h3 {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        padding: 0 4px
    }

    .golf_arena_intro p {
        font-size: 16px !important;
        line-height: 20px !important;
        margin: 0;
        padding: 0 4px !important;
    }

.golf_arena_preview p {
    text-align: center;
    font-size: 14px !important;
    font-weight: normal;
    margin: 4px 0 !important;
    padding: 4px 12px !important;
    background-color: #ffffff;
    border-radius: 25px;
    border: 1px solid rgba(141, 198, 63, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .golf_arena_preview p img {
        vertical-align: middle;
    }

.golf_preview_vid {
    width: 100%;
    height: auto;
    padding: 12px;
    background-color: #000000;
    border-radius: 12px;
    margin: 16px 0;
}

    .golf_preview_vid video {
        width: 100%;
        height: auto;
        max-width: 1280px;
        max-height: 1080px;
        margin: 8px auto;
        display: block;
        border-radius: 12px;
    }

.close_preview {
    background-color: #ffffff;
    padding: 8px;
    display: block;
    width: 80px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 25px;
    margin: 0 0 0 auto;
    cursor: pointer;
}

    .close_preview:focus {
        border: 1px solid #ff8812;
    }

    .close_preview:active {
        border: 1px solid #ff8812;
    }

    .close_preview:hover {
        border: 1px solid #ff8812;
    }


.hide_on_mobile {
    display: none;
}

.promo_welcome_link {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    background-image: url(/Content/images/bg/ball-background.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

#fixtureDiv {
    padding: 0 4px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}

    #fixtureDiv > div {
        width: 100%;
    }

#golf_markets {
    width: 100%;
    margin: 4px 0;
}

#tournament_tracker {
    display: none;
    width: calc(100% - 8px);
    height: auto;
    margin: 4px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
}

.tournament_tracker_toggler {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(141,198,63,0.80);
    border-radius: 12px;
    height: 40px;
}

    .tournament_tracker_toggler p, button {
        margin: 0px 4px !important;
    }

#toggle_tournament_tracker {
    border: none;
    background-color: rgba(141,198,63,1);
    font-size: 16px;
    font-weight: normal;
    width: 24px;
    height: 24px;
    padding: 4px;
    position: relative;
    outline: 0;
    border-radius: 50%;
    margin: 0;
    background-image: url(/Content/images/golf-arena/golf_play_button.png);
    background-position: center;
    background-size: 16px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    transition: .15s ease-in;
    border: 1px solid #ffffff;
}

.tournament_tracker_container {
    position: relative;
}

#img-arena-event-centre {
    width: 100%;
    height: 400px;
}

.close-tracker-true {
    display: none;
    transition: height 2s ease-in-out;
}

.close-tracker-false {
    display: block;
    transition: height 2s ease-in-out;
}

.golf-nav-menu-label {
    width: 100%;
    padding: 4px !important;
}

#img-arena-event-centre.close-tracker-false {
    height: 362px;
    transition: height 0.5s ease;
}

[data-authenticated="False"] #ib-app-main {
    margin-top: 80px;
}

[data-authenticated="True"] #ib-app-main {
    margin-top: 108px;
}

.balls_selected_container {
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

.balls_selected_container {
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

#numbers_selected {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 4px;
}

    #numbers_selected span:nth-child(1) {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        margin-right: 4px;
    }

#LottoHighLowDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

.BonusBallLow {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
    cursor: pointer;
}

.BonusBallHigh {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
    cursor: pointer;
}

.bonus-ball-low, .bonus-ball-high {
    width: 40px;
    height: 40px;
}

#BonusBallSingleNumberDiv {
    width: 50%;
    display: block;
    margin: 0px auto;
}

.BonusBallSingleNumber {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}

.about-betting-container ul {
    padding-left: 16px;
}

.about-betting-container a {
    font-size: initial;
}


#exchange_header {
    width: initial;
    height: initial;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    z-index: initial;
}

    #exchange_header section {
        width: 50%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

.exchange_header_image_1 {
    width: 100%;
    min-height: 200px;
    height: auto;
    display: block;
    position: relative;
    background-image: url(/Content/images/exchange/jpg/exchange-header.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-top-left-radius: 12px;
    border: 1px solid #f2f2f2;
    border-right: none;
}

.exchange_header_image_2 {
    width: 100%;
    min-height: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url(/Content/images/exchange/png/interbet-zero-commission-betting.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 12px;
}

.exchange_text_1 {
    color: #ffffff !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

    .exchange_text_1 p:nth-child(1) {
        font-size: 4em !important;
    }

    .exchange_text_1 p:nth-child(2) {
        font-size: 2em !important;
    }

.exchange_text_2 {
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .exchange_text_2 h4 {
        font-size: 1.2em;
        text-align: center
    }

    .exchange_text_2 p {
        font-size: 1em;
        text-align: center;
        padding: 12px !important;
    }

.exchange_text_3 {
    width: 100%;
    color: #081535 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 0px !important;
    background-color: #f2f2f2;
    position: relative;
    margin: 0px auto 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .exchange_text_3 p {
        font-size: 0.8em;
    }

.zero_orange {
    color: #ff9900 !important;
}

.zero_blue {
    color: #00bdd4 !important;
}

.zero_green {
    color: #8cd140 !important;
}


.aviator_container[data-display="False"] {
    display: block;
    margin: 4px;
    padding-top: 48px;
}

    .aviator_container[data-display="False"] .aviator_image {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 400px;
        background-image: url(/Content/images/aviator/aviator-multiplier.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 12px;
    }

.aviator_link_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    top: -25px;
}

.aviator_link {
    width: 200px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #e50539;
    cursor: pointer;
    text-decoration: none !important;
    border: 3px solid #e50539;
}

    .aviator_link:active {
        color: #081535;
    }

    .aviator_link:hover {
        color: #081535;
    }


.bonus-ball-single-num {
    width: 20% !important;
}

.aviator_intro {
    display: block;
    margin-left: 4px;
    margin-right: 4px;
}

    .aviator_intro h1 {
        font-size: 24px !important;
        margin: 4px;
        padding: 4px;
    }

    .aviator_intro p {
        font-size: 16px !important;
        margin: 4px !important;
        padding: 4px !important;
    }

.shake {
    animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    color: red !important;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.number_of_balls_selected {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}

    .number_of_balls_selected span:nth-child(1) {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        color: var(--dark);
    }

.ib-numbers-betslip-message {
    width: 250px;
    height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #39445d;
    padding: 10px;
    margin: 50px auto;
    position: relative;
    border-radius: 8px;
}

    .ib-numbers-betslip-message > span {
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-align: center;
        padding-top: 10px;
    }

.ib-betslip-message-circle {
    width: 45px;
    height: 45px;
    position: absolute;
    top: -25px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ib-betslip-message-circle img {
        width: 30px;
        height: 30px;
    }

#numbers_betslip_message {
    width: 100%;
    display: none;
    padding: 8px 4px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: var(--red);
    background-color: vaR(--light);
    border-radius: 4px !important;
}

    #numbers_betslip_message a {
        font-size: 14px;
        font-weight: 600 !important;
        line-height: 1.2;
        color: var(--red);
    }

#featured_page_board {
    box-sizing: border-box;
    position: relative;
    height: 85px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
    border-radius: 24px;
    margin: 8px;
    background-image: url(/Content/images/bg/background-laduma-light.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

#featured_page_board__general {
    box-sizing: border-box;
    position: relative;
    display: none;
    width: 100%;
    min-height: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: #ffffff;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    background-position-y: 0;
    text-decoration: none;
}

.featured_page_board__general {
    box-sizing: border-box;
    position: relative;
    display: none;
    width: 100%;
    height: 250px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: #081535;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: -64px;
    text-decoration: none !important;
    cursor: pointer;
}

.featured_golf_arena_link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
}

    .featured_golf_arena_link:focus,
    .featured_golf_arena_link:active,
    .featured_golf_arena_link:hover {
        text-decoration: none;
    }

.featured_golf_arena_copy {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: rgba(8, 21, 53, 0.85);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

    .featured_golf_arena_copy h1 {
        font-size: 18px;
    }

.featured_golf_arena_cta {
    width: 196px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(141, 198, 63, 1);
    border-radius: 4px;
}

#featured_page_board__general h1 {
    font-size: 1.5em;
    color: #ffffff;
    text-align: center;
    margin-top: 12px;
}

#featured_page_board__general > div > div {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.featured_page_board__general > div {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    padding: 4px;
}

.featured_page_board_container.horses .featured_page_board__general > div {
    position: absolute;
    top: 0;
    height: initial;
    padding: initial;
}

.featured_page_board__general h1 {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    padding: 8px;
}

.featured_page_board__general > div > div {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

#featured_page_board__general > div > div img {
    width: 80px;
    height: auto;
    border-radius: 8px;
}


#featured_page_board__general_deposit {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
    border-radius: 24px;
    margin: 8px;
    background-image: url(../images/boards/r200-deposit-bonus-artwork-deposit.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

#featured_page_board .circle_close {
    width: 30px;
    height: 30px;
    border: 1px solid #081535;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 8px;
    right: 4px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    padding-bottom: 2px;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 9;
    color: #081535;
}

#featured_page_board .title_box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

#featured_page_board .circle_icon {
    box-sizing: border-box;
    position: relative;
    background-color: #ffffff;
    border: 3px solid #8DC63F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #featured_page_board .circle_icon img {
        width: 62px;
        height: 62px;
    }

#featured_page_board .text_shape {
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    margin: 4px 0;
}

    #featured_page_board .text_shape p {
        padding: 4px !important;
        font-size: 18px !important;
        text-align: center;
        max-width: 480px;
        color: #081535;
    }

        #featured_page_board .text_shape p strong {
            font-size: inherit !important;
        }

#featured_page_board .action_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

#featured_info_button {
    position: absolute !important;
    border: none !important;
    background-color: transparent !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    border-radius: 24px !important;
}

    #featured_info_button:focus {
        border: 1px solid transparent;
        outline: none;
    }

#featured_page_board .play_laduma7 {
    display: none;
    max-width: 142px;
    width: 100%;
    background-color: rgba(141, 198, 63, 1);
    color: #081535;
    border: none;
    padding: 12px;
    border-radius: 50px;
    text-decoration: none;
}

    #featured_page_board .play_laduma7:focus {
        background-color: rgba(141, 198, 63, 0.75);
    }

    #featured_page_board .play_laduma7:active {
        background-color: rgba(141, 198, 63, 0.75);
    }

    #featured_page_board .play_laduma7:hover {
        background-color: rgba(141, 198, 63, 0.75);
    }

    #featured_page_board .play_laduma7:visited {
        background-color: rgba(141, 198, 63, 0.75);
    }

.featured_pulse {
    overflow: visible;
    position: relative;
}

    .featured_pulse:before {
        content: ' ';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 3px;
        left: 50%;
        margin-top: -4px;
        margin-left: -15px;
        background-color: rgba(141, 198, 63, 0.9);
        transition: opacity .3s, transform .3s;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        border-radius: 50%;
        z-index: 1;
    }

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

#featured_page_board .circle_info {
    box-sizing: border-box;
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px;
    font-size: 18px;
    font-weight: bold;
    color: #081535;
    background-color: #8cd140;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    cursor: pointer !important;
}

.about-betting-container {
    box-sizing: border-box;
    position: relative;
    min-width: 250px;
    margin: 12px 0;
    padding: 12px;
}

.box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 768px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px;
    margin: 0px auto;
    border-radius: 24px;
    background-color: #f2f2f2;
}

.box-top {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 24px;
    background-image: url(/Content/images/boards/all-betting-zones-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.box-top-icon {
    box-sizing: border-box;
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #081535;
    border-radius: 50%;
}

    .box-top-icon img {
        width: 72px;
        height: 72px;
    }

.box-top-title {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .box-top-title h1 {
        font-size: 26px;
        margin-top: 12px;
        color: #ffffff;
        text-align: center;
    }

    .box-top-title div img {
        width: 32.33%;
        max-width: 150px;
        border-radius: 8px;
    }

.box-middle {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .box-middle p {
        width: 100%;
        max-width: 768px;
        margin: 12px 0 !important;
        font-size: 20px;
        font-weight: normal;
        text-align: center;
    }

        .box-middle p:nth-child(2) {
            font-size: 16px;
            font-weight: normal;
            text-align: center;
        }

.box-bottom {
    box-sizing: border-box;
    position: relative;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 12px 0;
    border-top: 1px solid #f2f2f2;
}

.box-bottom-group {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
}

.box-bottom a {
    width: 100%;
    max-width: 248px;
    padding: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #081535;
    background-color: #8cd140;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
}

.featured_page_board_container {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    margin: 4px;
    border-radius: 24px;
}

    .featured_page_board_container.horses {
        width: 99%;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f2f2f2;
        margin: 8px auto;
        border-radius: 24px;
    }

    .featured_page_board_container.liveFeatured {
        width: 98%;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f2f2f2;
        margin: 4px;
        border-radius: 24px;
    }

        .featured_page_board_container.liveFeatured .featured_page_board__general > div {
            position: absolute;
            bottom: 0;
            height: initial;
            padding: initial;
        }

        .featured_page_board_container.liveFeatured a {
            height: 150px;
        }

            .featured_page_board_container.liveFeatured a h1 {
                width: 100%;
                height: initial;
                border-bottom-left-radius: 24px;
                border-bottom-right-radius: 24px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 20px;
                background-color: rgba(8, 21, 53, 0.75);
                padding: 12px;
            }

    .featured_page_board_container a:nth-child(2) {
        padding: 8px;
        color: #081535;
        text-decoration: underline;
    }

.ib-nav-items.logged-in > div .ib-cancel-withdrawal {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: initial;
    border-radius: 4px;
    padding: 2px 0;
    border: 0px solid #ffffff;
}

.ib-cancel-withdrawal-btn {
    border: none;
    background-color: #F44336;
    border-radius: 4px;
    margin: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    outline: #EF5350;
    font-size: 12px;
    color: #ffffff;
    padding: 2px;
}

    .ib-cancel-withdrawal-btn:focus {
        background-color: #EF5350;
        outline: none;
    }

.reverse-withdrawals-modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.reverse-withdrawals-content {
    min-height: 180px;
    background-color: #fefefe;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -150px;
    padding: 20px;
    border: 1px solid #888;
    min-width: 300px;
    border-radius: 8px;
    position: absolute;
}

    .reverse-withdrawals-content h6 {
        font-size: 16px;
        padding: 12px 0;
        font-weight: bold;
        text-align: center;
    }

    .reverse-withdrawals-content p {
        text-align: center;
        padding: 12px 0;
    }

.withdrawal-modal-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.reverse-withdrawals-modal-close {
    min-width: 96px;
    padding: 12px;
    margin: 12px auto !important;
    border: none;
    border-radius: 4px;
    background-color: #9E9E9E;
}

.reverse-withdrawals {
    min-width: 96px;
    padding: 12px;
    margin: 12px auto !important;
    border: none;
    border-radius: 4px;
    background-color: #4CAF50;
    color: #ffffff;
}

.red-heart {
    width: 24px;
    height: 24px;
    background-image: url(/Content/images/red-heart.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.grey-heart {
    width: 24px;
    height: 24px;
    background-image: url(/Content/images/grey-heart.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.favourite-games-message {
    width: 100%;
    margin: 0;
    padding: 12px;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #081535 !important;
    text-align: center;
}

/*2023-07-12 Deposit Logged-In Updated Styles*/
.account-deposit {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 12px 0;
    padding: 0 12px;
}

.deposit_message_container {
    max-width: 960px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 auto;
}

.deposit_message_text {
    width: 100%;
    padding: 16px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.deposit_message_green {
    color: #4CAF50 !important;
}

.account-deposit iframe {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto;
}

.account-deposit h1 {
    font-size: 24px;
    padding: 12px;
    text-align: center;
}

.account-deposit h4 {
    padding: 12px;
    font-size: 18px;
    text-align: center;
}

.account-deposit-list {
    width: 100%;
    max-width: 960px;
    margin: 12px auto;
    padding: 0 12px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.account-deposit-list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}

    .account-deposit-list-item:last-child {
        border: none;
    }

    .account-deposit-list-item p {
        width: 100%;
        padding: 12px 0 !important;
        font-size: 14px;
        font-weight: bold !important;
    }

    .account-deposit-list-item a {
        width: calc(50% - 6px);
        max-width: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 2px solid #081535;
        border-radius: 50px;
    }

        .account-deposit-list-item a img {
            width: 100%;
            max-width: 180px;
            padding: 4px;
            border-radius: 50px;
        }

        .account-deposit-list-item a:focus,
        .account-deposit-list-item active,
        .account-deposit-list-item a:hover {
            border: 2px solid #8cd140;
            transition: border ease-in-out 0.2s;
        }

.deposit-method-menu {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto auto;
    padding: 4px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.deposit-method-selected {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 4px;
    border-radius: 4px;
    cursor: pointer;
}

    .deposit-method-selected p {
        font-size: 14px;
        padding: 0 8px !important;
    }

    .deposit-method-selected img {
        width: 100%;
        max-width: 100px;
        border-radius: 4px;
    }

.deposit-method-arrow {
    margin: 0 0 0 auto;
    font-size: 24px;
}

.self-exclusion {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 12px;
}

    .self-exclusion > p {
        text-align: center;
    }

.self-exclusion-list {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 12px 0;
    gap: 12px;
}

.self-exclusion-list-item {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    padding: 12px;
    border-radius: 4px;
}

    .self-exclusion-list-item a {
        font-size: 14px !important;
        color: #081535 !important;
        text-decoration: underline !important;
    }

.nav-deposit-method-list {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

    .nav-deposit-method-list.open {
        display: flex;
    }

    .nav-deposit-method-list.closed {
        display: none;
    }

.nav-deposit-method-list-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 4px;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 4px;
    text-decoration: none !important;
}

    .nav-deposit-method-list-item:focus {
        background-color: #f2f2f2;
    }

    .nav-deposit-method-list-item:hover {
        background-color: #f2f2f2;
    }

    .nav-deposit-method-list-item:active {
        background-color: #f2f2f2;
    }

    .nav-deposit-method-list-item:last-child {
        border: none;
    }

    .nav-deposit-method-list-item p {
        font-size: 14px;
        color: #081535;
    }

    .nav-deposit-method-list-item img {
        width: 100%;
        max-width: 100px;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
    }

.account-deposit-form {
    margin: 12px auto;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

    .account-deposit-form > label {
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 12px 0 !important;
        font-weight: bold;
        text-align: center;
    }

    .account-deposit-form > .form-field {
        max-width: 600px;
        margin: 0px auto;
        padding: 12px;
    }

.iveri-card-selection-dropdown {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 12px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 8px;
    cursor: pointer !important;
}

.iveri-card-selection-dropdown-text {
    font-size: 14px;
    font-weight: bold;
}

.iveri-card-selection-dropdown-icon {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 50%;
}

.iveri-card-selection-dropdown[data-active="true"] .iveri-card-selection-dropdown-icon {
    transform: rotate(180deg);
    transition: 0.25s;
}

.iveri-card-selection-container {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 8px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

    .iveri-card-selection-container[data-active="true"] {
        display: flex;
    }

.iveri-card-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px;
    background-color: #ffffff;
    border-radius: 8px;
}

.card-selection-input-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .card-selection-input-container label {
        width: 100%;
        height: 36px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        margin: 0;
        gap: 8px;
        cursor: pointer;
    }

        .card-selection-input-container label input[type="radio"] {
            width: 18px;
            height: 18px;
        }

.card_text {
    font-size: 16px;
    font-weight: bold;
}

.card_expiry {
    font-size: 14px;
}

.remove-card-button {
    width: 96px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #F44336;
    border: none;
    border-radius: 8px;
}

.account-deposit-form .form-actions {
    justify-content: center;
}

    .account-deposit-form .form-actions > .form-button {
        margin: 12px 0;
        color: #ffffff !important;
        background-color: #4CAF50;
        border: none;
        max-width: 192px;
        text-decoration: none !important;
    }

    .account-deposit-form .form-actions > .form-pending-button {
        margin: 12px 0;
        color: #ffffff !important;
        background-color: #00bdd4;
        border: none;
        text-decoration: none !important;
    }

.iveri_close_button {
    width: 96px;
    margin: 4px 4px 4px auto !important;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.deposit-error {
    width: 100%;
    display: block;
    padding: 12px;
    color: rgba(244, 67, 54, 1);
    text-align: center;
}

.account-deposit-eft {
    margin: 12px 0;
}

.eft-deposit-list {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.eft-deposit-list-item {
    width: calc(50% - 6px);
    min-height: 100px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    cursor: pointer;
}

    .eft-deposit-list-item img {
        width: 100%;
        max-width: 180px;
        border-radius: 4px;
    }

.eft-deposit-modal-overlay {
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    height: 100vh;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(8, 21, 53, 0.75);
}

.eft-deposit-modal {
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 24px);
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 12px auto;
    padding: 12px;
    gap: 12px;
    background-color: #ffffff;
    border-radius: 12px;
}

.eft-deposit-modal-head {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.eft-deposit-modal-title {
    font-size: 18px;
    font-weight: bold;
}

.eft-deposit-close {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #081535;
    background-color: #f2f2f2;
    border: none;
    border-radius: 50%;
}

.eft-deposit-modal-details {
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 12px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
    padding: 12px 4px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
}

.eft-deposit-modal-details-list {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    gap: 4px;
}

.eft-deposit-modal-details-list-item {
    width: 50%;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 4px !important;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-size: 14px;
}

    .eft-deposit-modal-details-list-item:nth-child(2) {
        font-weight: bold !important;
    }

.ib-racing-blog-wrapper {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
}

.ib-racing-blog-header {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .ib-racing-blog-header h1 {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
    }

.ib-racing-blog-header-img {
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(/Content/images/media/betting-blog.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
}

.ib-racing-blog-content {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ib-racing-blog-article {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .ib-racing-blog-article h2 {
        width: 100%;
        font-size: 22px;
        font-weight: bold;
    }

    .ib-racing-blog-article > span {
        font-size: 14px;
        font-style: italic;
    }

    .ib-racing-blog-article > article {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .ib-racing-blog-article > article > p span {
            font-size: 16px !important;
        }

.ib-racing-blog-buttons {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px auto;
}

    .ib-racing-blog-buttons a {
        width: 50%;
        height: 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        font-size: 16px;
        color: #081535;
        background-color: #ff9900;
        border-radius: 8px;
    }

.ib-racing-blog-author {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .ib-racing-blog-author h5 {
        font-size: 18px;
    }

.ib-racing-blog-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

    .ib-racing-blog-list h1 {
        padding: 8px 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px solid #ffffff;
    }

    .ib-racing-blog-list ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        list-style: none;
        gap: 8px;
        margin: 0;
        padding: 0;
    }

        .ib-racing-blog-list ul > strong {
            display: none;
        }

        .ib-racing-blog-list ul li {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: 8px 0;
        }

            .ib-racing-blog-list ul li h2 {
                padding-bottom: 8px;
                font-size: 22px;
                font-weight: bold;
            }

            .ib-racing-blog-list ul li p {
                font-size: 14px !important;
                font-weight: normal !important;
            }

.load-more-posts-button {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #081535;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.oneforyou_withdrawal_selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0 auto;
}

    .oneforyou_withdrawal_selection label {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px;
        background-color: #ffffff;
        border-radius: 12px;
        cursor: pointer !important;
    }

    .oneforyou_withdrawal_selection img {
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 0 auto;
    }

    .oneforyou_withdrawal_selection span {
        font-size: 14px;
        font-weight: bold;
    }

.oneforyou_withdrawal_number {
    width: 100%;
    margin-bottom: 12px;
}

    .oneforyou_withdrawal_number > div {
        margin-bottom: 8px;
    }

.oneforyou_voucher_responsive_table::-webkit-scrollbar {
    display: none !important;
}

.oneforyou_voucher_responsive_table {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: auto !important;
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 96px;
    padding: 4px;
}

.footer_container {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 0;
    background-color: #081535;
    border: none;
    border-radius: 12px;
}

.footer_container_grouped {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.footer_hr_spacer {
    width: calc(100% - 16px);
    height: 1px;
    display: block;
    margin: 12px auto;
    background-color: #ffffff;
}

.disclaimer_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
}

.disclaimer_icon {
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #F44336;
    background-color: #ffffff;
    border: 2px solid #F44336;
    border-radius: 50%;
}

.disclaimer_text {
    width: 100%;
    max-width: 600px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
}

    .disclaimer_text a strong {
        text-decoration: underline;
    }

    .disclaimer_text span {
        font-size: 14px;
        line-height: 22px;
        color: #ffffff;
    }

    .disclaimer_text strong {
        font-size: 14px;
        line-height: 22px;
        color: #ffffff;
    }

.site_links_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
    padding: 12px;
}

.site_links_container_grouped {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.site_links_container_title {
    font-size: 16px;
    font-weight: bold !important;
    color: #ffffff;
}

.site_links_nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

    .site_links_nav a {
        font-size: 16px;
        text-decoration: underline !important;
        color: #ffffff;
        cursor: pointer;
    }

        .site_links_nav a:focus,
        .site_links_nav a:active,
        .site_links_nav a:hover {
            font-weight: bold;
            transition: font-weight ease-in-out 0.2s;
        }

    .site_links_nav.social_media {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px;
    }

        .site_links_nav.social_media a {
            width: 60px;
            height: 60px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            border: 2px solid transparent;
            border-radius: 50%;
            cursor: pointer;
        }

            .site_links_nav.social_media a:focus,
            .site_links_nav.social_media a:active,
            .site_links_nav.social_media a:hover {
                border: 2px solid #00bdd4;
                transition: border ease-in-out 0.2s;
            }

            .site_links_nav.social_media a img {
                padding: 4px;
            }

.footer_deposit_options_container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.footer_deposit_options_container_title {
    width: 100%;
    padding: 0 0 12px 0 !important;
    font-size: 16px;
    font-weight: bold !important;
    text-align: center;
    color: #ffffff;
}

.footer_deposit_options_container a {
    width: calc(33.33% - 6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    color: #ffffff;
    background-color: #ffffff;
    border: 2px solid #081535;
    border-radius: 48px;
    cursor: pointer;
}

    .footer_deposit_options_container a img {
        width: 100%;
        max-width: 180px;
        height: auto;
        max-height: 50px;
        border-radius: 48px;
    }

    .footer_deposit_options_container a:focus,
    .footer_deposit_options_container a:active,
    .footer_deposit_options_container a:hover {
        border: 2px solid #8cd140;
        transition: border ease-in-out 0.2s;
    }

.copyright_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
}

.copyright_text {
    width: 100%;
    max-width: 600px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
}

    .copyright_text a strong {
        text-decoration: underline;
    }

    .copyright_text strong {
        font-size: 14px;
        line-height: 22px;
        color: #ffffff;
    }

.oneforyou_withdrawal_icon {
    width: 48px;
    height: 48px;
}

.deposit_options_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 4px;
}

.deposit_options_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.deposit_options_heading {
    width: 100%;
    font-size: 24px;
    font-weight: bold !important;
    text-align: left;
}

.deposit_options_text {
    width: 100%;
    font-size: 16px !important;
    text-align: left;
    line-height: 24px;
}

    .deposit_options_text img {
        width: 28px;
        height: auto;
    }

.deposit_options {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 0;
}

.deposit_option_card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #081535;
    border-radius: 12px;
}

.deposit_option_card_header {
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}

.deposit_option_card_title {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ffffff;
}

.deposit_option_card_icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

    .deposit_option_card_icon img {
        width: 100%;
        max-width: 36px;
        height: auto;
    }

.deposit_option_card_icon_text {
    font-size: 14px;
    color: #ffffff;
}

.deposit_option_card_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.deposit_option {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px;
    background-color: #ffffff;
    border-radius: 12px;
}

.deposit_option_icon {
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .deposit_option_icon.grouped img {
        width: 50%;
    }

    .deposit_option_icon img {
        width: 100%;
        max-width: 180px;
        height: auto;
        border: 2px solid #f2f2f2;
        border-radius: 48px;
    }

.deposit_option_text {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
}

.deposit_option_card_footer {
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.deposit_option_link {
    width: 120px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #081535;
    background-color: #8cd140;
    border-radius: 12px;
}

    .deposit_option_link:focus,
    .deposit_option_link:active,
    .deposit_option_link:hover {
        text-decoration: none;
        color: #081535;
        background-color: #a3e857;
        transition: background-color ease-in-out 0.2s;
    }

.carousel_banner_wrapper {
    width: calc(100% - 8px);
    min-height: 280px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #081535;
    border-radius: 24px;
    overflow: hidden;
}

    .carousel_banner_wrapper.carousel_withdrawal {
        margin: 8px auto;
    }

.carousel_banner_container {
    width: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    transition: transform 0.5s ease;
}

.carousel_banner {
    width: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    gap: 12px;
    padding: 4px;
    color: #081535;
    text-decoration: none;
    border: 1px solid transparent;
}

    .carousel_banner:focus,
    .carousel_banner:active,
    .carousel_banner:hover {
        text-decoration: none;
        color: #081535;
        border: 1px solid #8cd140;
        border-radius: 24px;
        transition: border ease-in-out 0.2s;
    }

.carousel_banner_image {
    width: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 24px;
}

.carousel_banner_actions {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.carousel_banner_title {
    width: 100%;
    font-size: 18px;
    font-weight: bold !important;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
}

.carousel_banner_text {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}

.carousel_banner_pagination_container {
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.carousel_banner_pagination {
    width: 12px;
    height: 12px;
    display: block;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0.5;
    cursor: pointer;
}

    .carousel_banner_pagination[data-active="true"] {
        opacity: 1;
    }

.password_requirements_container {
    position: absolute;
    top: 46px;
    width: calc(100% - 36px);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background-color: #f2f2f2;
    border-radius: 4px;
    z-index: 999;
}

.password_requirements {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.password_requirement {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.password_requirement_circle {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #081535;
    border-radius: 50%;
}

.password_requirement_text {
    font-size: 14px;
    font-weight: bold;
}

.reqValid .password_requirement_circle {
    background-color: green;
}

.reqValid .password_requirement_text {
    color: green;
}

.tote_message_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 8px 8px 8px;
}

.tote_message_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

.tote_message_text {
    width: 100%;
    max-width: 768px;
    font-size: 16px;
    line-height: 24px !important;
    text-align: center;
}

.account_activation_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 999999;
}

.account_activation_modal {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px;
    background-color: #081535;
    border-radius: 8px;
}

.account_activation_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
}

.account_activation_text {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 24px !important;
    color: #ffffff;
    text-align: center;
}

.account_activation_actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.account_activation_actions_button {
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(141, 198, 63, 1);
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.betslip_header.numbers {
    flex-direction: row;
    justify-content: space-between;
}

    .betslip_header.numbers > .betslip_title_actions > .betslip_title {
        flex-direction: row;
    }

.clear_all_numbers_bets {
    height: 36px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.clear_all_numbers_bets_text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--light);
}

.clear_all_numbers_bets_icon {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    border-radius: 50%;
}

.numbers_results_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    background-color: rgba(8, 21, 53, 0.75);
    z-index: 99999;
}

.numbers_results_modal {
    width: 100%;
    max-width: 480px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--dark);
    border-radius: 8px;
}

.numbers_results_modal_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}

.numbers_results_modal_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--light);
}

.close_numbers_results_modal {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    background-color: var(--light);
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
}

.numbers_results_modal_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.results_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.results {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px;
    background-color: var(--light);
    border-radius: 4px;
}

.results_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.results_header_date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--dark);
}

.results_header_event {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark);
}

.results_body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.results_body_text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--dark);
}

/*Payout*/
.numbers_payouts_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    background-color: rgba(8, 21, 53, 0.75);
    z-index: 99999;
}

.numbers_payouts_modal {
    width: 100%;
    max-width: 480px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--dark);
    border-radius: 8px;
}

.numbers_payouts_modal_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}

.numbers_payouts_modal_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--light);
}

.close_numbers_payouts_modal {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--dark);
    background-color: var(--light);
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
}

.numbers_payouts_modal_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.payouts_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.payouts {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px;
    background-color: var(--light);
    border-radius: 4px;
}

.payouts_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.payouts_header_date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--dark);
}

.payouts_header_event {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark);
}

.payouts_body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.payouts_body_text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--dark);
}

@media only screen and (min-width: 360px) {
    .ib-nav-right {
        width: 53%;
    }

    nav.ib-main-nav-items a:active > .ib-main-nav-items-link > span {
        font-size: 0.7em;
        font-weight: 500;
    }

    .ib-nav-items > .ib-grouped-btn {
        width: 180px;
    }

        .ib-nav-items > .ib-grouped-btn > .login-btn {
            font-size: 16px;
        }

        .ib-nav-items > .ib-grouped-btn > .sign-up-btn {
            font-size: 16px;
        }

    .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(1) > span {
        font-size: 14px;
        color: #081535;
        font-weight: normal;
        letter-spacing: 0.5px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(2) > .loyalty-points-balance > p > a {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500 !important;
        color: #081535;
        text-decoration: underline;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(2) > .loyalty-points-balance > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500 !important;
        color: #081535;
        letter-spacing: 0.5px;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-bonus-alert > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500;
        color: #081535;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(1) > p {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 500 !important;
        margin-right: 5px !important;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(3) > p {
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 600 !important;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(4) > .loyalty-points-balance > p {
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 600 !important;
    }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(4) > .loyalty-points-balance > p > a {
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 600 !important;
            color: #FF8812;
            text-decoration: underline;
        }

    .ib-top-nav.logged-in {
        padding-top: 106px;
    }

    .bet-type-value {
        font-size: 11px;
        font-weight: 700;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        background-color: #ffffff;
        padding: 0px;
        width: 100%;
        position: relative;
    }

    .popular-tabs-wrapper > .popular-tabs-nav > div.popular-tab > .popular-tab-input > .popular-tab-icon {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 1px;
    }

    .popular-tabs-wrapper > .popular-tabs-nav > div.popular-tab-active > .popular-tab-input > label {
        color: #ffffff;
        font-weight: 500;
        transition: 0.5s;
    }

    [data-authenticated="False"] #ib-app-main {
        margin-top: 0px;
    }

    [data-authenticated="True"] #ib-app-main {
        margin-top: 8px;
    }

    nav.ib-main-nav-items > a > div > .ib-main-link-img img {
        width: 28px;
        height: 28px;
        margin: 0px 0 0px 0;
    }

    .sitemap_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 12px;
    }


    .sitemap_heading {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
    }

    .sitemap_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .sitemap_group {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .sitemap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .sitemap_text {
        width: 100%;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    .sitemap ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding-left: 24px;
    }

        .sitemap ul li {
            width: 100%;
        }

            .sitemap ul li a {
                font-size: 16px;
                color: #081535;
                text-decoration: underline;
            }

                .sitemap ul li a:focus,
                .sitemap ul li a:active,
                .sitemap ul li a:hover {
                    font-weight: bold;
                    color: rgba(0, 174, 219, 1);
                    transition: color ease-in-out 0.2s;
                }

    .testimonial_shorts_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 12px;
        background-color: rgba(255, 255, 255, 1);
        z-index: 99999999;
    }

    .testimonial_shorts_video_container {
        width: 100%;
        height: 100%;
        max-width: 480px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin: 0 auto;
        padding: 4px;
    }

    .testimonal_shorts_header {
        width: 100%;
        height: 72px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .testimonal_shorts_title {
        font-size: 18px !important;
        font-weight: bold !important;
        font-style: italic;
        color: #081535;
    }

    .testimonial_shorts_close {
        width: 48px;
        height: 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 5px;
        font-size: 24px;
        font-weight: bold !important;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #f2f2f2;
        border-radius: 50%;
        cursor: pointer;
    }

    .testimonial_shorts_progress {
        width: 100%;
        min-height: 4px;
        visibility: hidden;
        margin: 8px 0 4px 0;
        background-color: #f2f2f2;
        border-radius: 48px;
    }

    .testimonial_shorts_progress_line {
        width: 100%;
        min-height: 4px;
        background-color: #081535;
        border-radius: 48px;
        opacity: 0.2;
    }

    .testimonal_shorts_body::-webkit-scrollbar {
        display: none;
    }

    .testimonal_shorts_body {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .testimonial_shorts_scroll_container::-webkit-scrollbar {
        display: none;
    }

    .testimonial_shorts_scroll_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow-y: auto;
        overflow-y: auto;
        scroll-snap-type: y mandatory;
    }

    .testimonial_shorts_video_item {
        scroll-snap-align: start;
    }

    .testimonial_shorts_video {
        width: 100%;
        min-height: calc(100vh - 156px);
        padding: 4px;
        background-color: transparent;
        border: 1px solid #f2f2f2;
        border-radius: 12px;
        object-fit: cover;
    }

    .testimonal_shorts_footer {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .testimonial_sign_up_link {
        width: 100%;
        height: 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold !important;
        text-decoration: none;
        color: #081535;
        background-color: rgba(0, 174, 219, 1);
        border-radius: 8px;
    }

        .testimonial_sign_up_link:focus,
        .testimonial_sign_up_link:active,
        .testimonial_sign_up_link:hover {
            color: #081535;
            text-decoration: none;
        }
}

@media only screen and (min-width: 412px) {
    /*===== HEADER STYLES =====*/
    header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img > img {
        width: 30px;
    }

    .rotating-tote-soccer > img {
        width: 33%;
        max-width: 200px;
    }
}

@media only screen and (min-width: 480px) {
    header > .ib-nav-bar > .ib-nav-right {
        width: 55%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
    }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }
}

@media only screen and (min-width: 600px) {
    /*===== HEADER STYLES =====*/
    .ib-news-msg > .ib-notification-bell.logged-in {
        height: initial;
    }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-bonus-alert > span {
        font-size: 14px;
    }

    .ib-news-msg > .ib-notification-bell > .ib-notification-dot {
        top: -5px;
        right: -3px;
    }

    header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img > img {
        width: 35px;
    }

    .ib-main-nav-items-link > span {
        font-size: 14px;
    }

    /*===== BETTING COMPONENT STYLES =====*/

    .betting-markets-title-container {
        display: flex;
        margin: 0px;
        padding: 3px;
    }

    .betting-markets-title-wrapper-two {
        display: flex;
    }

    .betting-markets-title-wrapper {
        display: flex;
        width: 50%;
        justify-content: flex-end;
        border-bottom: 1px solid #081535;
        margin: 0px 1px;
    }

    .betting-component-two-column {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .co-betting-card {
        display: flex;
        flex-direction: column;
        width: 50%;
        margin: 0px;
        padding: 0px;
        margin-top: 0px;
    }

    .sport-content-body {
        border-radius: 0px;
    }

    .sport-markets-body-outrights {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .sport-highlights-body-outrights {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #HorseracingPage > .co-betting-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 24px;
    }

    /*===== IB FORM STYLES =====*/
    .ib-form-item {
        width: 420px;
    }

    /*===== IB VEGAS GAMES STYLES =====*/
    .vegas-game-item {
        width: 33%;
        display: block;
        position: relative;
    }

    /*===== Account Styles =====*/
    .fica-notice {
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ef5350;
        margin: 10px;
        border-radius: 4px;
    }

        .fica-notice > p {
            font-size: 14px;
            color: #ffffff;
            font-weight: 400 !important;
            text-align: center;
            padding: 10px !important;
            letter-spacing: 0.5px;
        }

    .account-menu > a {
        height: 150px;
        padding: 10px;
    }

    .account-icon {
        font-size: 4em !important;
    }

    .ib-withdrawls-account-item, .ib-loyalty-account-item, .ib-details-account-item, .ib-limits-account-item, .ib-password-account-item {
        width: 100%;
        height: initial;
        flex-direction: column;
        padding: 10px;
    }

    /* ===== LOYALTY PAGE STYLING ===== */
    .loyalty-header {
        flex-direction: row;
    }

    .loyalty-desc {
        width: 420px;
        font-size: 16px !important;
        margin: 10px 0px !important;
        letter-spacing: 0.5px;
        line-height: 1.6 !important;
    }

    /* ===== BETTING BASICS STYLING ===== */
    .ib-betting-basics-actions {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

        .ib-betting-basics-actions > a {
            margin: 5px;
        }

    .ib-betting-basic-footer-actions {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .ib-betting-basic-footer-actions > a {
            width: 250px;
            background-color: #ff8812;
            color: #081535;
            padding: 10px;
            letter-spacing: 0.5px;
            font-weight: 500;
            margin: 5px;
            text-align: center;
            font-size: 14px;
        }

    /*===== TOTE TOP NAV STYLING =====*/
    .ib-tote-top-nav {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .ib-all-to-come-action {
        width: 33%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px;
    }

    /* ===== NUMBERS STYLING =====*/
    .ib-numbers-country-open-bets > .ib-numbers-open-bets-item {
        width: 32%;
    }

    .ib-open-bets-overlay {
        display: none;
    }

    .gridBall {
        width: 10%;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

        .gridBall:focus {
            width: 10%;
            background-color: transparent;
            border: none;
            cursor: pointer !important;
            outline: none;
        }

    .ib-app--explainer {
        width: 98%;
    }

    .ib-deposit-box--card {
        width: 100%;
        max-width: 98%;
        display: flex;
        flex-direction: column;
        border: 1px solid #081535;
        border-radius: 4px;
        margin: 10px 0;
    }

    .overseas-deposit-card .ib-deposit-box--card--title {
        flex-direction: row;
        padding: 13.6px 0px;
    }

    .ib-deposit-box--card--text ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 50px 0px;
    }

    .ib-numbers-bet-type-heading > span {
        width: initial;
    }

    .ib-media-panel--numbers {
        width: 100%;
        max-width: 244px;
    }


    .slot-badge-1 {
        width: 60%;
    }

    .betslip_notice_holder {
        display: flex;
        gap: 5px;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .tournament_tracker_toggler {
        justify-content: center;
    }

    .betting-app-options {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    nav.ib-main-nav-items > a > div > .ib-main-link-img img {
        width: 32px;
        height: 32px;
        margin: 0px 0 0px 0;
    }

    .oneforyou_withdrawal_icon {
        width: 60px;
        height: 60px;
    }

    .deposit_options {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: normal;
    }

    .deposit_option_card {
        width: calc(50% - 6px);
    }

    .carousel_banner {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .carousel_banner_title {
        font-size: 22px;
        line-height: 30px;
        text-align: left;
    }

    .carousel_banner_text {
        text-align: left;
    }

    .sitemap_container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }

    .sitemap_group {
        width: calc(50% - 6px);
    }
}

@media only screen and (min-width: 768px) {
    /*===== HEADER STYLES =====*/
    header > .ib-nav-bar > .ib-nav-left > .ib-logo-link > .ib-logo {
        width: 120px;
    }

    .ib-news-msg {
        margin-right: 10px;
    }

    header > .ib-top-nav {
        position: relative;
        padding-top: 92px;
    }

        header > .ib-top-nav > nav.ib-main-nav-items > a > div {
            height: 50px;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
        }

            header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img {
                width: 50%;
                display: flex;
                justify-content: flex-end;
                padding: 5px;
            }

                header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img > img {
                    width: 50px;
                }

        header > .ib-top-nav > nav.ib-main-nav-items > a > .ib-main-nav-items-link > span {
            width: 50%;
            display: flex;
            justify-content: flex-start;
            padding: 10px;
            font-size: 14px !important;
            text-align: left;
        }

    header > .ib-nav-bar > .ib-nav-left {
        width: 18%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    header > .ib-nav-bar > .ib-nav-right {
        width: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
    }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance {
            width: 50%;
            max-width: 304px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }

            header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > .ib-cash-bal {
                width: 100%;
                max-width: 265px;
                flex-direction: row;
                justify-content: space-between;
            }

            header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > .ib-cancel-withdrawal {
                width: 100%;
                max-width: 265px;
                flex-direction: row;
                justify-content: space-between;
            }

            header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance {
                width: 50%;
                max-width: 149px;
                flex-direction: row;
                justify-content: space-between;
            }

            header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > .ib-bonus-alert {
                width: 50%;
                max-width: 108px;
                flex-direction: row;
                justify-content: space-between;
            }

    .ib-nav-items.logged-in > .ib-nav-balance > div:nth-child(5) {
        top: 88px;
    }
    /*===== HORIZONTAL SCROLL MENU STYLES =====*/

    .horizontal-scroll-menu-display {
        margin-top: 5px;
    }

    /*===== COUPON LIST STYLES =====*/
    .coupons-mobile-menu {
        display: flex;
    }

    .coupon-dropdown-list {
        width: 100% !important;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 0px;
        width: initial;
    }

    .coupon-item-list > .coupon-dropdown-list > a {
        background-color: #ffffff;
        color: #081535;
        padding: 12px;
        margin: 1px 0px;
        font-weight: 500;
        font-size: 14px !important;
        width: 100%;
        text-decoration: none;
        border: 1px solid #081535;
        border-radius: 4px;
    }

    .coupon-item-list > .coupon-dropdown-list > a {
        width: initial;
        margin: 3px;
        border-radius: 50px;
        padding: 3px 8px !important;
    }

    /*===== HORSES BETTING COMPONENT STYLES =====*/

    #HorseracingPage {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

        #HorseracingPage > .co-betting-card {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 49%;
            margin-bottom: 24px;
            padding: 0px;
            background-color: transparent;
        }

    .horses-betting-component {
        background-color: #fff;
        position: relative;
    }

    .horses-market-title > div {
        width: 100%;
        max-width: 50%;
        padding-left: 20px;
    }

    /*===== IB FORM STYLES =====*/
    .ib-form-item {
        width: 520px;
    }

    /*===== IB VEGAS GAMES STYLES =====*/
    .vegas-game-item {
        width: 25%;
        display: block;
        position: relative;
    }

    /*===== Account Styles =====*/
    .account-menu > a {
        width: 33.33%;
        max-width: 33.33%;
    }

    .ib-account-body {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px 10px;
    }

    .ib-deposit-item-action {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 30px;
    }

    /* ===== PROMOTIONS PAGE STYLING ===== */
    .ib-all-to-come-action {
        width: 25%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px;
    }

    /* ===== NUMBERS STYLING =====*/
    .ib-numbers-country-open-bets > .ib-numbers-open-bets-item {
        width: 24%;
    }

    .ib-deposit-box--card {
        width: 100%;
        max-width: 310px;
        display: flex;
        flex-direction: column;
        border: 1px solid #081535;
        border-radius: 4px;
        margin: 10px 0;
    }

    .ib-deposit-box--body {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .eft-deposit-explainer {
        width: 100%;
        max-width: 98% !important;
    }

    .ib-deposit-box--card {
        width: 100%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        border: 1px solid #081535;
        border-radius: 4px;
        margin: 10px 0;
    }

    .promo-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        padding: 10px;
    }

        .promo-wrapper > div {
            width: 48%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 5px;
            border: 1px solid #f2f2f2;
            border-radius: 12px;
            background-color: #fafafa;
            padding: 4px;
        }

    .stream_frame > iframe {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 768px !important;
        height: 500px;
        display: flex !important;
        margin: 0px auto !important;
        border: none !important;
        justify-content: center;
        align-items: center;
    }

    .slot-badge-2 {
        top: 0px;
        margin-left: 35px;
        font-size: 0.7em;
        width: 20px;
        height: 20px;
        padding: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    #featured_page_board__general h1 {
        font-size: 2.8em;
        color: #ffffff;
        text-align: center;
        margin-top: 12px;
    }

    .ib-nav-items.logged-in > .ib-nav-balance.withdrawal-btn-0 > .ib-vegas-bonus-bal-wrapper {
        top: 64px;
    }

    .featured_page_board__general {
        background-position-y: -144px;
    }

    .blackjack_image_link {
        height: 384px;
    }
}

@media only screen and (min-width: 785px) {
    .ib-soccer6-iframe {
        height: 100vh;
    }
}

@media only screen and (min-width: 992px) {
    /*===== HEADER STYLES =====*/
    header > .ib-top-nav > nav.ib-main-nav-items > a > .ib-main-nav-items-link > span {
        font-size: 14px !important;
    }

    /*===== HORSES COMPONENT STYLES =====*/

    .horses-content-header {
        flex-direction: row;
    }
    /*===== IB FROM STYLES =====*/
    .ib-form-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .mobile_account_auth_header_image {
        display: none;
    }

    .ib-form-item-left {
        display: flex;
    }

    .form-image > img {
        width: 400px;
        height: 400px;
        border-radius: 12px;
    }

    /*===== HOME PAGE CONTENT STYLES ======*/
    .rotating-highlight-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 1px 0;
    }

        .rotating-highlight-item:nth-child(1) {
            margin: 0;
        }

    .rotating-tote-soccer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-start;
    }

        .rotating-tote-soccer > img {
            width: 25%;
            max-width: 200px;
        }

    /*===== LOYALTY PAGE STYLING =====*/
    .loyalty-wrapper > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .loyalty-header > h1 {
        color: #081535;
        font-size: 20px;
        padding: 10px;
        text-align: left;
        width: initial;
        letter-spacing: 0.5px;
    }

    .loyalty-header {
        width: 50%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
    }

    .loyalty-level-true {
        width: 50%;
        max-width: 650px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        padding: 10px;
    }

    .loyalty-level-status {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .loyalty-level-current > label {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        margin: 0;
    }

    .loyalty-level-points > label {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
        margin: 0;
    }

    .loyalty-points-redeem > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: transparent;
        border: 2px solid #081535;
        margin-bottom: 12px;
        text-decoration: none;
        padding: 10px;
        margin: 0;
    }

        .loyalty-points-redeem > a > span {
            color: #081535;
            font-weight: 700;
        }

    .filter-levels {
        width: 300px;
    }

    /* ===== NUMBERS STYLING =====*/
    .ib-numbers-country-open-bets > .ib-numbers-open-bets-item {
        width: 19%;
    }

    .numbers-open-bets-link-active {
        border: 2px solid #8DC63F;
    }

    .ib-numbers-balls-wrapper > .ib-numbers-balls {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 0px;
        margin: 5px 0px;
    }

    .gridBall {
        width: 9.8%;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

        .gridBall:focus {
            width: 9.8%;
            background-color: transparent;
            border: none;
            cursor: pointer !important;
            outline: none;
        }

        .gridBall span {
            width: 45px;
            height: 45px;
        }

    .streaming-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .streaming-item {
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    .streaming-title {
        width: 95%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance {
        width: 50%;
        max-width: 150px;
        flex-direction: row;
        justify-content: space-between;
    }

    .footer_container_grouped {
        flex-direction: row;
        align-items: initial;
        justify-content: initial;
    }

    .site_links_container {
        width: 50%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #ffffff;
    }

    .site_links_container_grouped {
        width: calc(50% - 24px);
        align-items: center;
        justify-content: center;
    }

    .site_links_nav {
        align-items: center;
        justify-content: center;
    }

    .site_links_container_grouped.social_media {
        width: 100%;
    }

    .footer_deposit_options_container {
        width: 50%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: initial;
        justify-content: initial;
    }
}

@media only screen and (min-width: 1024px) {
    .featured_page_board__general {
        background-position-y: -194px;
    }
}

@media only screen and (min-width: 1140px) {
    .ib_exchange_frame {
        min-width: 960px !important;
        width: 1024px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .country-nav-left {
        display: flex;
    }

    .country-nav-right {
        display: flex;
    }

    .type-items-left {
        display: flex;
    }

    .type-items-right {
        display: flex;
    }

    .about-betting-container.special {
        margin-left: 305px;
        margin-right: 305px;
    }

    #ib-body[data-authenticated="True"] > main > .ib-top-nav {
        margin-top: 0px;
    }

    .ib-top-nav {
        padding-left: 305px;
        padding-right: 305px;
    }

    header > .ib-top-nav > nav.ib-main-nav-items > a > div {
        height: initial;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img > img {
            width: 35px;
        }

    .ib-nav-items.logged-in > .ib-nav-balance > .ib-bonus-alert > span {
        font-size: 14px;
    }

    /*START: HOVER STATES*/
    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items > .ib-grouped-btn > .login-btn:hover {
        background-color: rgba(141, 198, 63, 0.75);
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items > .ib-grouped-btn > .sign-up-btn:hover {
        background-color: rgba(0, 174, 219, 0.75);
    }

    .show-more-runners-btn-highlights > span:hover {
        font-size: 14px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #081535;
        padding: 5px 10px;
        border-radius: 0px;
        background-color: #FF8812;
        border: 2px solid #FF8812;
        letter-spacing: 0.5px;
        width: 120px;
        margin: 10px auto;
        font-weight: 500;
    }

        .show-more-runners-btn-highlights > span:hover > .fa-caret-down {
            color: #081535;
        }

    .promo-actions > a:hover {
        background-color: #33bee2;
    }

    .filter-levels > div:hover {
        background-color: #ffffff;
    }

    .ib-betting-basics-actions > a:hover {
        background-color: #ff9a36;
    }

    .ib-betting-basic-footer-actions > a:hover {
        background-color: #ff9a36;
    }

    .show-more-runners-btn:hover > span {
        color: #081535;
        background-color: #FF8812;
        border: 2px solid #FF8812;
    }

    .show-more-runners-btn[data-boost-odds="true"]:hover > span {
        color: #ffffff;
        background-color: transparent;
        border: 2px solid #ffffff;
    }

    .show-more-runners-btn:hover > span > .fa-caret-down {
        color: #081535;
    }

    .show-more-runners-btn[data-boost-odds="true"]:hover > span > .fa-caret-down {
        color: #ffffff;
    }


    .ib-racing-blog-buttons > a:hover {
        background-color: #a4d165;
    }
    /*END: HOVER STATES*/

    /*===== HEADER STYLES =====*/
    header > .ib-nav-bar > .ib-nav-left > .ib-logo-link > .ib-logo {
        width: 120px;
        margin-left: 0px;
    }

    header > .ib-top-nav {
        padding-top: 98px;
        padding-left: 305px;
        padding-right: 305px;
    }

    header > .ib-nav-bar > .ib-nav-left > .ib-toggle-drawer {
        display: none;
    }

    header > .ib-top-nav > nav.ib-main-nav-items > a > .ib-main-nav-items-link > span {
        font-size: 12px !important;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0.5px;
        padding: 0px;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
    }

    header > .ib-top-nav > nav.ib-main-nav-items > a > div > .ib-main-link-img {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0px;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-out > a {
        display: flex;
        text-transform: initial;
        text-decoration: none;
        color: #081535;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        border: 2px solid #ffffff;
        margin-right: 0px;
        border-radius: 0px;
        padding: 3px;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-out > a:nth-child(1) {
            margin-right: 5px;
        }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-out > a:nth-child(2) {
            margin-right: 10px;
        }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-out > a:nth-child(3) {
            margin-right: 10px;
        }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-out > a:hover {
            display: flex;
            color: #ff8812;
            font-size: 14px;
            font-weight: 500;
            border: 2px solid #ff8812;
            transition: initial;
            text-decoration: none !important;
        }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items > .ib-grouped-btn {
        width: 200px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        border: initial;
        border-radius: initial;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .account-logged-in {
        display: flex;
        border-radius: initial;
        padding: 5px;
        align-items: center;
        color: #081535;
        border: 2px solid #ffffff;
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
    }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .deposit-logged-in {
        display: flex;
        margin-right: 5px;
        padding: 5px;
        align-items: center;
        color: #081535;
        border: 2px solid #ffffff;
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
    }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .deposit-logged-in:active {
            background-color: #ffffff;
            border: 2px solid #ff8812 !important;
            color: #ff8812 !important;
            transition: 0.2s;
        }

        header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .deposit-logged-in:hover {
            background-color: #ffffff;
            border: 2px solid #ff8812 !important;
            color: #ff8812 !important;
            transition: 0.2s;
        }

    header > .ib-nav-bar > .ib-nav-right > .ib-nav-items.logged-in > .account-logged-in:hover {
        background-color: #ffffff;
        border: 2px solid #ff8812 !important;
        color: #ff8812 !important;
        transition: 0.2s;
    }

    header > .ib-top-nav > nav.ib-main-nav-items > a:hover {
        padding: 0px;
        background-color: #ffffff;
        border: 2px solid rgba(255, 136, 18, 1);
        transition: initial !important;
    }

    header > .ib-top-nav > nav.ib-main-nav-items a:hover > .ib-main-nav-items-link > span {
        color: #081535;
        font-weight: 500;
        transition: initial !important;
    }

    header > .ib-bottom-nav {
        display: none;
    }

    .ib-nav-items.logged-in > a {
        font-weight: 500;
    }

        .ib-nav-items.logged-in > a:nth-child(1) {
            display: flex;
            margin-right: 5px;
            padding: 5px;
            color: #081535;
            align-items: center;
            border: 2px solid #ffffff;
            font-size: 14px;
            font-weight: 500;
            border-radius: 4px;
        }

        .ib-nav-items.logged-in > a:nth-child(2) {
            display: flex;
            margin-right: 5px;
            padding: 5px 3px;
            align-items: center;
            color: #081535;
            border: 2px solid #ffffff;
            font-size: 14px;
            font-weight: 500;
            border-radius: 4px;
        }

    .ib-nav-items.logged-in > .ib-nav-balance {
        width: 52%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }

        .ib-nav-items.logged-in > .ib-nav-balance > .ib-cash-bal {
            width: 150px;
            flex-direction: row;
            justify-content: space-between;
        }

        .ib-nav-items.logged-in > .ib-nav-balance > .account-loyalty-points-balance {
            width: 150px;
            flex-direction: row;
            justify-content: space-between;
        }

        .ib-nav-items.logged-in > .ib-nav-balance > .ib-bonus-alert {
            width: 150px;
            flex-direction: row;
            justify-content: space-between;
        }

    .ib-nav-items.logged-in > .ib-cash-bal {
        width: 115px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-right: 5px;
        padding: 5px 8px;
        background-color: #ffffff;
        border-radius: initial;
        border: 2px solid #8DC63F;
    }

    .ib-nav-items.logged-in > .ib-bonus-bal {
        width: 115px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-right: 5px;
        padding: 5px 8px;
        background-color: #ffffff;
        border-radius: initial;
        border: 2px solid #8DC63F;
    }

    .ib-nav-items.logged-in > .account-loyalty-points-balance {
        width: 250px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-right: 5px;
        padding: 5px 8px;
        background-color: #ffffff;
        border-radius: initial;
        border: 2px solid #8DC63F;
    }

    .loyalty-wrapper {
        width: 100%;
        margin: 0px auto;
        padding-left: 305px;
        padding-right: 10px;
    }

        .loyalty-wrapper > div {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }

    .loyalty-header {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .loyalty-header > h1 {
            color: #081535;
            font-size: 24px;
            padding: 5px;
            text-align: left;
            width: 100%;
        }

    .filter-levels {
        width: 100%;
        margin: 5px 0px 0px 5px;
    }

    .loyalty-level-status {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px;
        margin-bottom: 8px;
    }

    .savvy_saver_points .loyalty-level-status {
        justify-content: flex-end;
    }

    .loyalty-level-current {
        color: #081535;
        margin-right: 0;
        width: 50%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .loyalty-level-current > label {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: #081535;
        }

            .loyalty-level-current > label:nth-child(1) {
                margin-right: 5px;
            }

    .loyalty-level-points {
        color: #081535;
        width: 50%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .savvy_saver_points .loyalty-level-points {
        justify-content: flex-end;
    }

    .loyalty-level-points > label {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
    }

        .loyalty-level-points > label:nth-child(1) {
            margin-right: 5px;
        }

    .loyalty-level-true {
        width: 50%;
        max-width: 350px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
    }

    .savvy_saver_points {
        max-width: initial;
    }

    .loyalty-points-balance {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .loyalty-points-balance > a {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.5px;
            color: #f8981c;
            text-decoration: underline;
        }

    header > .ib-nav-bar > .ib-nav-right {
        width: 1024px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
    }

    header > .ib-nav-bar > .ib-nav-left {
        width: initial;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    /*===== HORIZONTAL SCROLL MENU ARROW STYLES =====*/
    .top-level-scroll {
        top: 30px;
        margin-left: 355px;
        margin-right: 355px;
    }

    .horizontal-click-right > i {
        color: #081535;
        font-size: 1.4em !important;
    }

    .horizontal-click-right {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        position: absolute;
        right: 300px;
        width: 55px;
        height: 55px;
        cursor: pointer;
    }

    .horizontal-click-left > i {
        color: #081535;
        font-size: 1.4em !important;
    }

    .horizontal-click-left {
        display: flex;
        align-items: center;
        position: absolute;
        justify-content: center;
        left: 300px;
        width: 55px;
        height: 55px;
        cursor: pointer;
    }

    /*===== NAVIGATION DRAWER STYLES =====*/

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-close {
        display: none;
    }

    .ib-nav-drawer > .ib-nav-drawer-header > .ib-nav-drawer-odds-display > .ib-odds-display-dropdown {
        display: none;
        width: 135px;
        position: absolute;
        top: 40px;
        left: 50px;
        background-color: #ffffff;
        border: 2px solid #FF8812 !important;
        border-radius: 12px;
        z-index: 1;
    }

    .odds-dropdown-inactive {
        display: none !important;
    }

    .odds-dropdown-active {
        display: block !important;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-nav-drawer-link:hover {
        background-color: #ffffff !important;
        transition: initial !important;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary:hover {
        background-color: #ffffff !important;
        transition: initial !important;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a:hover {
        background-color: #f2f2f2;
        transition: 0.5s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-horseracing-nav-list > ul#horse-primary-list > li > a:hover > span {
            font-weight: 700;
            color: #FF8812 !important;
            transition: initial !important;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary:hover > span {
        font-weight: 700;
        color: #FF8812 !important;
        transition: initial !important;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > #sports-primary:hover > .fa-caret-down {
        font-weight: 700;
        color: #FF8812 !important;
        transition: initial !important;
    }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a:hover {
        background-color: #f2f2f2;
        transition: 0.5s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#sports-primary-list > li > a:hover > span {
            font-weight: 700;
            color: #FF8812 !important;
            transition: initial !important;
        }

    .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#horse-primary-list > li > a:hover {
        background-color: #f2f2f2;
        transition: 0.5s;
    }

        .ib-nav-drawer > .ib-nav-drawer-links > .ib-sport-nav-list > ul#horse-primary-list > li > a:hover > span {
            font-weight: 700;
            color: #FF8812 !important;
            transition: initial !important;
        }

    .ib-nav-drawer::-webkit-scrollbar {
        display: none;
    }

    .ib-nav-drawer {
        width: 300px;
        top: 101px;
        left: 0%;
        height: calc(100% - 100px);
        border: 1px solid #39445d;
        box-shadow: none !important;
        z-index: 9999;
        border-top-right-radius: 12px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .ib-nav-drawer > .ib-nav-drawer-header {
            height: initial;
        }

    .popular-tabs-wrapper > .popular-tab-markets > div.popular-tab-subnav > .popular-sub-nav-icon {
        width: initial;
        margin: 4px;
    }

    /*===== BETSLIP STYLES =====*/

    #ib-app-main > .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-betslip-close {
        display: none;
    }

    .ib-betslip::-webkit-scrollbar {
        display: none;
    }

    .ib-betslip {
        display: block;
        top: 101px;
        right: 0;
        width: 300px;
        border: none;
        height: calc(100% - 100px);
        border: 1px solid #39445d;
        box-shadow: none !important;
        overflow: auto;
        overflow-x: hidden;
        z-index: 99;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-top-left-radius: 12px;
    }

    .ib-multiple-icons > .in-parlay > img {
        width: 18px;
    }

    .ib-multiple-icons > .not-in-parlay > img {
        width: 18px;
    }

    #ib-app-main > .ib-betslip > .ib-betting-slips > .ib-multiple-betslip-ticket > .ib-betslip-entry {
        height: initial;
        margin-bottom: 0px;
    }

    .popular-tabs-wrapper {
        padding-left: 308px;
        padding-right: 308px;
    }

    .betting-component {
        margin-right: 305px;
        margin-left: 305px;
        padding: 0px;
    }

    /*===== COUPON LIST STYLES =====*/

    .coupon-item-list {
        flex-wrap: wrap;
        border-bottom: initial;
    }

    .coupons-mobile-menu {
        display: none;
    }

    .ib-soccer-search-wrapper:hover {
        border: 2px solid rgba(141, 198, 63, 1);
        background-color: initial !important;
    }

    .ib-soccer-search-wrapper:focus > .search-by-country {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    .ib-soccer-search-wrapper:active > .search-by-country {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    .search-by-country:focus {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    .search-by-country:active {
        font-size: 16px;
        font-weight: 400;
    }

    .search-by-country:hover {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    /*===== HORSES COMPONENT STYLES =====*/
    .ib-media-panel {
        margin-top: 10px;
        margin-right: 305px;
        margin-bottom: 10px;
        margin-left: 305px;
        padding: 10px 0px;
        background-color: initial;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .ib-media-panel > a {
            color: #081535;
            font-size: 14px;
            background-color: #ffffff;
            padding: 8px 15px;
        }

            .ib-media-panel > a:focus {
                color: #081535;
                font-size: 14px;
                letter-spacing: 0.5px;
                font-weight: 500;
                border: 1px solid #081535;
                background-color: #39445d;
                color: #ffffff;
            }

            .ib-media-panel > a:active {
                color: #081535;
                font-size: 14px;
                letter-spacing: 0.5px;
                font-weight: 500;
                border: 1px solid #081535;
                background-color: #39445d;
                color: #ffffff;
            }

            .ib-media-panel > a:hover {
                color: #081535;
                font-size: 14px;
                letter-spacing: 0.5px;
                font-weight: 500;
                border: 1px solid #081535;
                background-color: #39445d;
                color: #ffffff !important;
            }

    .ib-stream-link {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding: 8px 3px;
    }

    .ib-stream-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-right: 5px;
    }

    .ib-stream-link > span {
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #081535;
    }

    .streaming-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin-top: 30px;
    }

    .streaming-title {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

        .streaming-title > h1 {
            color: #081535;
            font-size: 24px;
            letter-spacing: 0.5px;
        }

    #HorseracingPage {
        margin-left: 0px;
        margin-right: 0px;
        justify-content: space-between;
    }

        #HorseracingPage > .co-betting-card {
            width: 100%;
            margin-bottom: 24px;
        }

    .horses-market-title > div {
        width: 100%;
        max-width: 50%;
        padding-left: 0;
    }

    /*===== IB FORM STYLES =====*/
    .ib-form-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
        padding-left: 305px;
    }

    .ib-form-item-left {
        display: flex;
    }

    .form-image > img {
        width: 500px;
        height: 500px;
    }

    /*===== IB VEGAS GAMES STYLES =====*/
    .vegas-lobby-nav > a {
        width: initial;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 5px 15px;
    }

    .vegas-lobby-nav > .filter-lobby-link:hover {
        border-bottom: 2px solid #00aedb;
    }

    .vegas-lobby-nav > .active-lobby-link {
        border-bottom: 2px solid #00aedb;
    }

    .vegas-lobby-menu-mobile {
        display: none;
    }

    .vegas-lobby-menu-items {
        width: 100%;
        height: initial;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .vegas-lobby-menu-items > a {
            width: initial;
            height: initial;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px;
            background-color: #fafafa;
            border: 2px solid #f2f2f2;
            margin: 5px 3px;
            border-radius: 4px;
        }

        .vegas-lobby-menu-items > .active-link {
            border: 2px solid #00aedb;
        }

        .vegas-lobby-menu-items > a:hover {
            border-bottom: 2px solid #00aedb;
        }

    .lobby-spacer.sub-nav-desktop {
        display: none;
    }

    .lobby-menu-icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 8px;
        margin-right: 0px;
    }

        .lobby-menu-icon > img {
            width: 30px;
            height: 30px;
        }

        .lobby-menu-icon > .red-heart {
            width: 30px !important;
            height: 30px !important;
            display: block;
            background-image: url(/Content/images/red-heart.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            cursor: pointer;
        }

    .vegas-lobby-menu-items > a > span {
        padding: 0px;
        color: #081535;
        font-weight: 400;
        width: max-content;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    .vegas-lobby-menu-items {
        width: 100%;
        height: initial;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .evo-games-login-wrapper > span {
        position: absolute;
        font-size: 30px;
        color: #ffffff;
        font-weight: 700;
        width: 100%;
        text-align: center;
        padding: 10px 0px;
    }

        .evo-games-login-wrapper > span > a {
            font-size: 30px;
            color: #8DC63F;
            font-weight: 700;
        }

    .ezugi-games-login-wrapper > span > a:hover {
        color: #00AEDB;
    }

    .ezugi-games-login-wrapper > span {
        font-size: 24px;
        color: #081535;
        font-weight: 500;
        width: 100%;
        text-align: center;
        padding: 10px 0px;
    }

        .ezugi-games-login-wrapper > span > a {
            font-size: 30px;
            color: #8DC63F;
            font-weight: 700;
        }

            .ezugi-games-login-wrapper > span > a:hover {
                color: #00AEDB;
            }

    .vegas-lobby-games > div > .vegas-suite-title > h1 {
        color: #081535;
        font-size: 24px;
        margin: 0;
        padding: 0;
    }

    .vegas-game-item > a:hover > .game-image > .game-image-overlay-bg {
        display: none;
        transition: 0.5s;
    }

    .vegas-game-item > a:hover > .game-image > .stake-value-amounts {
        z-index: 1;
        background-color: #00aedb;
    }

    .vegas-game-item > a:hover > span {
        z-index: 1;
        transition: 0.5s;
    }

    .game-image-overlay-button {
        width: 120px;
        padding: 10px 20px;
    }

    .vegas-game-item > a:hover > .game-image > .game-image-overlay-bg > .game-image-overlay-button {
        display: block;
        transition: 0.5s;
        width: 140px;
        font-size: 16px;
    }

    button.view-all-games {
        display: block;
        border: 2px solid #ffffff;
        padding: 5px 10px;
        background-color: #00aedb;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
        border-radius: 50px;
    }

    button.close-all-games {
        display: none;
        border: 2px solid #00aedb;
        padding: 5px 10px;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        border-radius: 50px;
    }

    button.view-all-games:focus {
        display: block;
        border: 2px solid #f2f2f2 !important;
        padding: 5px 10px;
        background-color: #00aedb;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

    button.view-all-games:active {
        display: block;
        border: 2px solid #f2f2f2 !important;
        padding: 5px 10px;
        background-color: #00aedb;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

    button.view-all-games:hover {
        display: block;
        border: 2px solid #f2f2f2 !important;
        padding: 5px 10px;
        background-color: #00aedb;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

    .vegas-horizontal-scroll {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px;
        background-color: #f2f2f2;
        position: relative;
        margin-top: 10px;
    }

        .vegas-horizontal-scroll::-webkit-scrollbar {
            display: none;
        }

        .vegas-horizontal-scroll > .vegas-game-item {
            width: 228px;
        }

    .all-slots-item {
        width: 16.66% !important;
    }

    .vegas-game-item > a > .game-image {
        border: 1px solid #ffffff;
        background-color: #ffffff;
    }

    .vegas-game-item > .game-title {
        width: 100%;
        font-size: 14px;
        line-height: 15px;
        color: #081535;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        text-align: left;
        margin: 0px 0px;
        padding: 8px;
    }

    .vegas-game-item > a > span > strong {
        font-size: 1em;
    }

    .vegas-horizontal-scroll > .vegas-game-item > a > .game-image > img {
        width: 215px;
    }

    .all-slots-item .game-image > img {
        width: 100% !important;
    }

    .vegas-game-item > a > .game-image > .op-icon {
        display: none;
        width: 30px !important;
        position: absolute;
        top: 5px;
        right: 5px;
        border-radius: 4px;
    }

    .vegas-game-item > a > .game-image > .live-icon {
        display: none;
        width: 30px !important;
        position: absolute;
        top: 40px;
        right: 5px;
        background-color: #081535;
        border-radius: 4px;
    }

    .vegas-click-left {
        display: none;
        align-items: center;
        position: absolute;
        justify-content: center;
        top: 50%;
        left: 12px;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
    }

        .vegas-click-left > i {
            color: #081535;
            font-size: 2em !important;
        }

    .vegas-click-right {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        position: absolute;
        top: 50%;
        right: 12px;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
    }

        .vegas-click-right > i {
            color: #081535;
            font-size: 2em !important;
        }

    .vegas-lobby-nav {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        background-color: #fafafa;
        border-bottom: 1px solid #ffffff;
        padding-left: 305px;
    }

    .page-vegas #ib-loader {
        left: 50%;
        margin-left: 102.5px;
    }

    #allLiveGamesWrapper {
        padding-left: 305px;
    }

    #allSlotGamesWrapper {
        padding-left: 305px;
    }

    .ezugi-games-login-wrapper {
        width: 100%;
        display: none;
        padding-left: 305px;
    }

    /* ===== LIVE BETTING STYLES =====*/
    .BetInPlay-wrapper {
        padding-left: 305px;
    }

    /*===== Account Styles =====*/
    .ib-account-wrapper {
        max-width: 960px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ib-account-statement-wrapper, .ib-pending-bets-wrapper, .ib-finalised-bets-wrapper {
        padding-right: 5px;
        width: 100%;
        max-width: 100%;
    }

    .account-page-wrapper {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        margin-left: 305px;
        margin-right: 0px;
    }

    .ib-account-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-radius: 4px;
    }

    .account-deposit {
        width: 100%;
        padding: 0;
    }

    .ib-account-body {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px auto;
    }

    .balance-account-body, .ib-account-statement {
        padding: 0px;
    }

    .ib-withdrawls-account-item, .ib-loyalty-account-item, .ib-details-account-item, .ib-limits-account-item, .ib-password-account-item, .ib-profile-items, .ib-credit-card-item {
        width: 100%;
        max-width: 960px;
        height: initial;
        flex-direction: column;
        padding: 10px;
    }

    .ib-upload-account-item, .ib-withdrawls-account-item, .ib-loyalty-account-item, .ib-details-account-item, .ib-limits-account-item, .ib-password-account-ite, .ib-balance-item, .ib-statement-item {
        width: 100%;
        max-width: 960px;
        height: initial;
        padding: 10px;
        background-color: #f2f2f2;
    }

    .ib-account-statement {
        max-width: 100%;
    }

    .ib-statement-item {
        width: 100%;
        max-width: 100%;
        height: initial;
        padding: 5px;
        background-color: #f6f6f6;
    }

    #ibAccountStatementDiv {
        width: 100%;
    }

    .ib-details-field-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0px auto;
    }

        .ib-details-field-wrapper > .form-field {
            width: 48%;
        }

    /*===== HOME PAGE CONTENT STYLES =====*/
    .rotating-Banners {
        padding-left: 305px;
        padding-right: 305px;
        justify-content: space-between;
        align-items: flex-start;
    }

    .rotating-highlights:nth-child(1), .rotating-highlights:nth-child(2) {
        width: 100%;
    }

    /*===== CONTACT PAGE STYLES =====*/
    .ib-contact-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0px auto;
        padding-left: 305px;
    }

    .ib-contact-notice {
        width: 100%;
    }

    .ib-contact-item {
        width: 100%;
        /* height: 280px; */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-color: #f2f2f2;
        margin-top: 15px;
    }

    /* ===== PROMOTIONS PAGE STYLING =====*/
    .promo-header {
        width: 98%;
        max-width: 1440px;
        padding-left: 305px;
        padding-right: 5px;
    }

    .promo-wrapper {
        width: 98%;
        max-width: 1440px;
        margin: 0px auto;
        padding-left: 305px;
        /* padding-right: 5px; */
    }

    .deposit-options {
        margin: 15px;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    /* ===== BETTING RULES STYLING =====*/
    .betting-rules-wrapper {
        width: 100%;
        margin: 10px auto;
        padding-left: 350px;
    }

    /* ===== COPYRIGHT STYLING =====*/
    .ib-copyright {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }

    /* ===== COOKIES POLICY STYLING =====*/
    .ib-cookies-policy {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }

    /* ===== TERMS AND CONDITIONS STYLING =====*/
    .ib-terms {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }

    /* ===== FEES AND LIMITS STYLING =====*/
    .ib-fees-and-limits {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }

    /* ===== RESPONSIBLE GAMING STYLING =====*/
    .ib-responsible-gaming {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }
    /* ===== BETTING BASIC STYLING ===== */
    .ib-betting-basics {
        margin: 10px auto;
        padding-left: 350px;
        padding-right: 5px;
    }

    .ib-betting-basics-footer > h3 {
        color: #081535;
        font-size: 20px;
        letter-spacing: 0.5px;
        padding: 0px 0;
        text-align: center;
        margin: 10px 0px;
    }

    .ib-betting-basic-header {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
    }

    .ib-betting-basic-nav {
        width: 540px;
    }

    .ib-betting-basics-body {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
    }

        .ib-betting-basics-body > h2 {
            color: #081535;
            font-size: 22px;
            letter-spacing: 0.5px;
            font-weight: 500;
            padding: 10px 0;
            text-align: left;
            margin: 15px 0;
        }

    .ib-betting-basics-footer {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
        margin: 30px 0px;
        background-color: #f2f2f2;
        padding: 10px;
        border-radius: 12px;
    }

    /* ===== BETTING EXCHANGE STYLING ===== */
    .ib-exchange-wrapper {
        width: 100%;
        margin: 0px auto;
        padding-left: 305px;
        padding-right: 5px;
    }

    .ib-exchange-header > h1 {
        width: 100%;
        text-align: center;
        color: #081535;
        letter-spacing: 0.5px;
        font-size: 24px;
        margin: 10px 0;
    }

    .ib-exchange-login {
        width: 600px;
        margin: 0px auto;
        background-color: #f2f2f2;
        padding: 10px;
        font-size: 16px;
        text-align: center;
    }

    .ib-exchange-body {
        width: 100%;
        max-width: 1140px;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
    }

        .ib-exchange-body > h3 {
            color: #081535;
            font-size: 20px;
            letter-spacing: 0.5px;
            margin: 15px 0;
            padding: 0 10px;
        }

    .ib-exchange-difference-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .ib-exchange-diff-left {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0px 10px;
    }

    .ib-exchange-diff-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0px 10px;
    }

    .ib-exchange-footer {
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        margin: 15px auto;
        background-color: #f2f2f2;
        padding: 30px;
    }

    /*===== TOTE TOP NAV STYLING =====*/
    .ib-tote-top-nav {
        padding-left: 305px;
        padding-right: 305px;
    }

    .ib-tote-left-nav::-webkit-scrollbar {
        display: none !important;
    }

    .ib-tote-left-nav {
        width: 300px;
        height: calc(100% - 100px);
        /* position: fixed; */
        /* top: 101px; */
        border: initial;
        background-color: #081535;
        justify-content: flex-start;
        /* z-index: 9999; */
        overflow-y: auto;
        margin-top: 0;
        border-radius: 0;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
        border-top-right-radius: 12px;
    }

    .ib-tote-meetings-dropdown-desktop {
        width: 100%;
        padding: 8px 4px;
        background-color: initial;
    }

    .ib-tote-meetings-dropdown-desktop > span {
        color: #ffffff;
    }

    .ib-tote-meetings-dropdown-desktop > .fa-caret-down {
        color: #ffffff;
        display: none;
    }

    .ib-tote-meeting-venue-description > span {
        font-size: 14px;
        color: #081535;
        letter-spacing: 0.5px;
    }

            .ib-tote-meetings-venues > .ib-tote-meetings-venue-items:last-child {
                border-bottom: none;
            }

    .ib-tote-meeting-venue-description > span:nth-child(1) {
        font-size: 14px;
        color: #ffffff;
        letter-spacing: 0.5px;
    }

    .ib-tote-venue-date > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #081535;
    }

    .ib-tote-meeting-venue-description > span {
        font-size: 14px;
        color: #ffffff;
        letter-spacing: 0.5px;
    }

    .ib-tote-meetings-venues > .active-venue-item > .ib-tote-meeting-venue-description > span {
        color: #081535;
    }

    .ib-tote-bet-types {
        padding-left: 305px;
        padding-right: 305px;
    }

    .ib-tote-meetings-bet-nav {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 305px;
        padding-right: 305px;
    }

    .ib-tote-horses-venue-description {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 5px;
    }

        .ib-tote-horses-venue-description > span:nth-child(1) {
            margin-right: 10px;
        }

    .ib-tote-meetings-venues > .active-venue-item > .ib-tote-meeting-venue-action > .ib-tote-meeting-venue-action-btn:focus {
        font-weight: 400;
        color: #081535;
    }

    .ib-tote-meetings-venues > .active-venue-item > .ib-tote-meeting-venue-action > .ib-tote-meeting-venue-action-btn:hover {
        font-weight: 400;
        color: #081535;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(1) {
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/47.png);
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(2) {
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/48.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(3) {
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/50.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-top-nav > .ib-tote-top-nav-item:nth-child(4) {
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/Content/images/icons/png/58.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: top;
        height: 68px;
    }

    .ib-tote-field-betslip-wrapper::-webkit-scrollbar {
        display: none;
    }

    .ib-tote-field-betslip-wrapper {
        display: block;
        margin-top: 128px;
    }

    .ib-tote-betslip-placeholder::-webkit-scrollbar {
        display: none;
    }

    .ib-tote-betslip-close-mobile {
        display: none;
    }

    .ib-tote-betslip-placeholder {
        display: block;
        top: 101px;
        right: 0;
        width: 300px;
        border: none;
        height: calc(100% - 100px);
        border-top: initial;
        border-left: 1px solid #ffffff;
        box-shadow: none !important;
        overflow: auto;
        overflow-x: hidden;
        z-index: 999;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-top-left-radius: 12px;
        z-index: -1;
    }

    .ib-tote-bet-modifier-action-title {
        margin-right: 10px;
        width: initial;
    }

    .ib-tote-field-selection-participants > .ib-tote-field-selection-participants-modifier > .ib-tote-bet-modifier-action {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        background-color: #fafafa;
        padding: 5px 10px 0;
    }

    .ib-tote-bet-modifier-action-radio {
        width: initial;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        margin: 5px 0;
    }

    /* ==== NUMBERS STYLING ====*/
    .gridBall {
        width: 10%;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

        .gridBall:focus {
            width: 10%;
            background-color: transparent;
            border: none;
            cursor: pointer !important;
            outline: none;
        }

        .gridBall span {
            width: 50px;
            height: 50px;
        }

    .ib-numbers-betslip-wrapper {
        display: none;
        flex-direction: column;
        position: fixed;
        top: 101px;
        right: 0;
        width: 300px;
        background-color: #081535;
        border: none;
        height: calc(100% - 100px);
        border: 1px solid #39445d;
        box-shadow: none !important;
        overflow: auto;
        overflow-x: hidden;
        z-index: 9999;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-top-left-radius: 12px;
    }

    .ib-numbers-betslip-heading-title > span {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
    }

    .ib-numbers-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 305px;
        padding-right: 305px;
    }

    .ib-numbers-active-country > a {
        color: #081535 !important;
    }

    .ib-numbers-country-nav-items > img {
        width: 24px;
        height: 24px;
        display: block;
        margin-right: 15px;
        margin: 0px auto;
    }
    .ib-numbers-draw-dropdown {
        display: none;
    }

    .ib-numbers-country-open-bets {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        margin: 0px auto;
        background-color: transparent;
    }

        .ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            margin: 8px 0;
        }

            .ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item {
                width: calc(33.33% - 6px);
            }

                .ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item:hover {
                    background-color: #ffffff;
                    border: 2px solid var(--primary-blue);
                    transition: 0.2s ease-in-out;
                }

    .ib-numbers-betslip-clear > span {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
        text-align: center;
    }

    .ib-numbers-betslip-heading {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    ib-numbers-add-bet-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 0px 5px 0px;
    }

    .ib-numbers-bet-stake {
        width: 65%;
        border: 1px solid #cccccc;
        color: #081535;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.5px;
        padding: 5px;
        padding-left: 27px;
        margin: 0px 10px;
    }

    /*.ib-numbers-betslip-placeholder {
        display: block;
        position: fixed;
        top: 101px;
        right: 0;
        width: 300px;
        background-color: #081535;
        border: none;
        height: calc(100% - 100px);*/
        /* border: 1px solid #39445d; */
        /*box-shadow: none !important;
        overflow: auto;
        overflow-x: hidden;
        z-index: 99;
        -ms-overflow-style: none;
        scrollbar-width: none;*/
        /* border-top-left-radius: 12px; */
    /*}*/

    .ib-numbers-betslip-message {
        width: 250px;
        height: 100px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        border: 1px solid #39445d;
        padding: 10px;
        margin: 50px auto;
        position: relative;
        border-radius: 8px;
    }

        .ib-numbers-betslip-message > span {
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            text-align: center;
            padding-top: 10px;
        }

    .ib-betslip-message-circle {
        width: 45px;
        height: 45px;
        position: absolute;
        top: -25px;
        background-color: #ffffff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .ib-betslip-message-circle img {
            width: 30px;
            height: 30px;
        }

    .ball-selection-error-msg {
        width: 100%;
        display: none;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 10px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: rgb(244, 67, 54);
        background-color: rgb(255, 255, 255);
        position: relative !important;
        bottom: initial !important;
        z-index: initial !important;
    }


    .ib-numbers-betslip-clear:nth-child(2) {
        display: none !important;
    }

    .ib-numbers-betslip-close {
        display: none !important;
    }

    .numbers-bet-modal-wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 0;
    }

    .numbers-balls {
        width: 100%;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px;
        border: 1px dashed #39445d;
        margin: 5px auto;
    }

    .streaming-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .ib-app--page-explainer {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 305px;
        padding-right: 305px;
    }

    .ib-app--explainer {
        width: 100%;
    }

    .select-by-country-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 0px;
        height: 27px;
        margin: 10px 5px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 2px solid #081535;
        border-radius: 50px;
    }

    .ib-soccer-search-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 0px;
        height: 27px;
        margin: 10px 5px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 2px solid #081535;
        border-radius: 50px;
    }

    .ib-deposit-box--logged-in {
        width: 75%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ib-deposit-box--card {
        width: 100%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        border: 1px solid #081535;
        border-radius: 4px;
        margin: 10px 0;
    }

    .promo-wrapper > div {
        margin: 8px;
    }

    .ezugi-games-login-wrapper img {
        width: 600px;
        height: 100%;
        max-width: 600px;
        border: 2px solid #f2f2f2;
        margin: 0px auto;
        border-radius: 4px;
    }

    .ib-betslip > .ib-betting-slips > .ib-betslip-header > .ib-betslip-header-right > .ib-betslip-close {
        display: none !important;
    }

    .ib-news-msg {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        padding: 5px;
    }

    .ib-app--install {
        display: none;
        position: fixed;
        bottom: initial;
        width: 350px;
        left: 50%;
        z-index: 99999;
        border-radius: 4px;
        bottom: 10px;
        margin-left: -175px;
        border: 2px solid #081535;
    }

    #ib-app-install-safari {
        display: none !important;
    }

    .betting-app-wrapper {
        width: 100%;
        max-width: 1200px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin: 0px auto;
        padding-left: 305px;
    }

    .betting-app-options {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .ib-message-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px;
        padding-left: 305px;
        margin: 15px 0px;
    }

    .ib-message-list {
        width: 100%;
        max-width: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0;
    }

    .truncate {
        width: 480px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ib-message-open {
        width: 600px;
        max-width: 600px;
        left: 50%;
        margin-left: -300px;
    }

    .LottoLive {
        width: 100%;
        padding-left: 305px;
        padding-right: 5px;
    }

    .live-numbers-login-wrapper {
        width: 100%;
        padding-left: 305px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 10px 0;
    }

        .live-numbers-login-wrapper span {
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: #081535;
            width: initial;
            text-align: center;
            padding: 10px;
        }

    #currentGame {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
        top: initial;
        left: initial;
        background-color: initial;
        z-index: initial;
        overflow-x: initial;
        overflow-y: initial;
        -ms-overflow-style: initial;
        scrollbar-width: initial;
        padding-left: 305px;
        padding-right: 5px;
    }

    .ib-vegas-iframe {
        display: block;
        width: 100%;
        height: 680px;
        border: none;
        overflow-x: hidden !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .ib-close-iframe {
        display: none;
    }

    .ib-media-panel--numbers {
        width: 100%;
        max-width: 244px;
        margin: 0;
    }

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

    .stream_frame > iframe {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 768px !important;
        height: 768px;
        display: flex !important;
        margin: 0px auto !important;
        border: none !important;
        justify-content: center;
        align-items: center;
    }

    .coupon-dropdown-list {
        width: 100% !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 0;
        width: initial;
        background-color: initial;
    }

    .golf_arena_preview_scroll {
        padding: 8px 0;
        background-color: #f2f2f2;
        border-radius: 12px;
        width: 98%;
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    .hide_on_mobile {
        display: block;
        padding: 12px 12px 12px 12px !important;
    }

    .slot-coin-3 {
        top: 10px;
        margin-left: 100px;
        position: absolute;
        right: 30px;
        width: 30px !important;
        height: 30px !important;
    }

    .slots-mobile-menu {
        display: none !important;
    }

    #golf_markets {
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 12px;
    }

    .sub-coupons-mobile-menu {
        border: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        -moz-box-shadow: inset 0 0 3px rgba(33, 37, 41, 0.35);
        -webkit-box-shadow: initial;
        box-shadow: initial;
        border-radius: 0px;
        border: none;
        border-radius: 0;
        cursor: pointer;
        background-color: initial;
    }

    .sub-coupon-item-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 5px;
        justify-content: flex-start;
        border-top: 1px solid #ffffff;
        border-bottom: initial;
        background-color: #f2f2f2 !important;
    }

    .category_grouping_container {
        padding: 4px;
        border-top: 0;
        border-radius: 12px;
    }

    #golfArenaScroll {
        width: 100%;
        margin: 4px 0 !important;
        padding: 4px 0 !important;
        border-radius: 12px !important;
    }

    #golf_markets {
        width: 100%;
        margin: 0px 0;
        padding: 4px;
        border-radius: 12px;
    }

    .hide_on_desktop {
        display: none !important;
    }

    .aviator_container[data-display="False"] {
        display: block;
        margin-left: 305px;
        margin-right: 5px;
        padding-top: 48px;
    }

    .aviator_intro {
        display: block;
        margin-left: 305px;
        margin-right: 5px;
    }

    [data-authenticated="True"] #ib-app-main {
        margin-top: 0px;
    }

    #featured_page_board__general h1 {
        font-size: 2.3em;
        color: #ffffff;
        text-align: center;
    }

    .box-top-title div {
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    #featured_page_board__general {
        background-position: bottom;
        background-position-y: -100px;
    }

    .featured_page_board_container {
        margin-left: 305px;
        margin-right: 305px;
    }


    .all-pages {
        margin-left: 5px;
        margin-right: 5px;
    }

    .live-betting-page {
        margin-left: 305px;
        margin-right: 5px;
    }

    .featured_page_board_container.vegas {
        margin-left: initial;
        margin-right: 5px;
    }

        .featured_page_board_container.vegas > #featured_page_board__general {
            margin-bottom: 8px;
            background-position: bottom;
            background-position-y: -600px;
        }

    .ib-racing-blog-wrapper {
        padding-left: 310px;
    }

    .ib-racing-blog-header h1 {
        width: 100%;
        padding: 24px;
        font-size: 24px;
        font-weight: bold;
    }

    .ib-racing-blog-content {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .ib-racing-blog-article {
        padding: 24px;
    }

    .ib-racing-blog-list {
        max-width: 300px;
    }


    .eft-deposit-modal-overlay {
        padding-left: 305px;
    }

    .featured_page_board__general {
        background-position-y: -72px;
    }

    .oneforyou_voucher_responsive_table {
        width: 75% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        overflow: auto !important;
    }

    footer {
        margin-bottom: 0;
    }

    .footer_deposit_options_container a {
        width: calc(50% - 4px);
    }

    .deposit_options_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px;
        padding-left: 310px;
        padding-right: 10px;
    }

    .carousel_banner_wrapper.carousel_featured {
        width: calc(100% - 620px);
        margin: 0 auto;
    }

    .carousel_banner_wrapper.carousel_vegas {
        width: calc(100% - 10px);
        margin: 0 auto;
    }

    .carousel_banner {
        gap: 24px;
    }

    .sitemap_wrapper {
        padding-left: 310px;
    }

    .carousel_banner_actions {
        padding: 0 12px;
    }
}

@media only screen and (min-width: 1366px) {
    .ib-numbers-country-beting-component {
        flex-direction: row;
    }
    /*===== HEADER STYLES ======*/
    header > .ib-top-nav > nav.ib-main-nav-items > a > .ib-main-nav-items-link > span {
        font-size: 14px !important;
    }

    /*===== HOME PAGE STYLES =====*/
    .rotating-highlights:nth-child(1), .rotating-highlights:nth-child(2) {
        width: 48%;
    }

    .rotating-highlights {
        border: 1px solid #f2f2f2;
        margin: 0px auto;
    }

    /*===== IB FORMS STYLES =====*/
    .ib-form-item {
        width: 600px;
    }

    .form-image > img {
        width: 600px;
        height: 600px;
    }

    /*===== HORSERACING STYLES =====*/
    #HorseracingPage > .co-betting-card {
        width: 49%;
        margin-bottom: 24px;
    }

    .ib-all-to-come-action {
        width: 20%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px;
    }

    .ib-numbers-bet-type-items {
        width: calc(50% - 4px);
    }

    /* ===== LOYALTY STYLING =====*/
    .loyalty-wrapper > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .loyalty-header {
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
    }

        .loyalty-header > h1 {
            color: #081535;
            font-size: 20px;
            padding: 10px;
            text-align: left;
            width: initial;
            letter-spacing: 0.5px;
        }

    .filter-levels {
        width: 275PX;
        margin: 5px 0px 0px 5px;
    }

    .loyalty-level-true {
        width: 55%;
        max-width: 650px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        padding: 10px;
    }

    .loyalty-level-status {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    /* ===== NUMBERS STYLING =====*/
    .ib-numbers-ball-selection-wrapper > .ib-numbers-balls-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ib-numbers-bet-type-ball-selections {
        width: calc(50% - 4px);
    }

        .ib-number-bet-type-scroll-items > div {
            display: block;
            width: 100%;
            background-color: #ffffff;
        }

    .gridBall {
        width: 20%;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

        .gridBall:focus {
            width: 20%;
            background-color: transparent;
            border: none;
            cursor: pointer !important;
            outline: none;
        }

    .streaming-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }

    .ib_exchange_frame {
        min-width: 960px !important;
        width: 100% !important;
    }

    .ib-number-bet-type-scroll-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .type-items-left {
        display: none;
    }

    .type-items-right {
        display: none;
    }

    .featured_page_board__general {
        background-position-y: -142px;
    }

    .carousel_banner_title {
        font-size: 24px;
        line-height: 32px;
    }

    .carousel_banner_text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 1440px) {
    /*===== HEADER STYLES =====*/
    .ib-numbers-country-open-bets > .ib-numbers-country-open-bets-wrapper > .ib-numbers-open-bets-item {
        width: 19%;
        margin: 5px 3px;
        text-align: center;
    }

    .ezugi-games-login-wrapper {
        width: 100%;
        max-width: 1450px;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-left: 305px;
        padding-right: 10px;
        margin: 30px auto;
    }

        .ezugi-games-login-wrapper > span {
            font-size: 24px;
            color: #081535;
            font-weight: 500;
            width: 70%;
            text-align: center;
            padding: 10px 0px;
            margin: 0px auto;
            text-align: right;
            padding-right: 30px;
        }

        .ezugi-games-login-wrapper > img {
            width: 100%;
            max-width: 768px;
            border: 2px solid #f2f2f2;
        }

    .carousel_banner_actions {
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1600px) {
    .gridBall {
        width: 10%;
        background-color: transparent;
        border: none;
        cursor: pointer !important;
        outline: none;
    }

        .gridBall:focus {
            width: 10%;
            background-color: transparent;
            border: none;
            cursor: pointer !important;
            outline: none;
        }

        .gridBall span {
            width: 35px;
            height: 35px;
        }

    .ib-number-bet-type-scroll-items {
        width: 48%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-right: 0;
        margin: 8px 4px;
    }

    .ib-numbers-bet-type-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        overflow-x: auto;
    }

    .ib-deposit-box--card {
        width: 100%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        border: 1px solid #081535;
        border-radius: 4px;
        margin: 10px 0;
    }

    .featured_page_board__general {
        background-position-y: -182px;
    }

    .footer_deposit_options_container a {
        width: calc(33.33% - 6px);
    }

    .deposit_option_card {
        width: calc(33.33% - 8px);
    }

    .carousel_banner_title {
        font-size: 36px;
        line-height: 44px;
    }

    .carousel_banner_text {
        font-size: 20px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 1680px) {
    .promo-main > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 10px 0px;
    }

        .promo-main > div > img {
            width: 600px;
        }

    .promo-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px 10px;
    }
}

@media only screen and (min-width: 1920px) {
    .featured_page_board__general {
        background-position-y: -242px;
    }
}

.ib_form_unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 4px !important;
}

.ib_link__blue {
    display: block;
    color: rgba(0, 174, 219, 1) !important;
    text-decoration: underline !important;
    margin: 4px 0 !important;
    padding: 8px 0 !important;
    cursor: pointer !important;
}

.ib_link__default {
    font-size: 0.9em;
    display: block;
    color: #081535 !important;
    text-decoration: underline !important;
    margin: 4px 0 !important;
    padding: 8px 0 !important;
    cursor: pointer !important;
}

.ib_inline_link {
    font-size: inherit !important;
    font-weight: bold;
    color: #081535 !important;
    text-decoration: underline;
}

.ib_text_center {
    text-align: center !important;
}