@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
@import url("https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --app-height: 100%;
}

:root {
    --bg-body: #23292e;
    --text-body: #aaafb5;
    --bg-sidebar: #16191c;
    --text-sidebar: #aaafb5;
    --bg-table: #2e3439;
    --text-table: #aaafb5;
    --bg-table-header-new: #126e51;
    --text-table-header-new: #eeeeee;
    --text-highlight: #ffffff;
    --bg-menu1: #3c444b;
    --text-menu1: #aaafb5;
    --btn-primary: #0e684e !important;
    --text-btn-primary: #ffffff !important;
    --btn-secondary: 75, 75, 75;
    --text-btn-secondary: #eeeeee;
    --btn-reset: #fc4242;
}

    :root[data-theme="light"] {
        --bg-body: #dfe5e5;
        --text-body: #222;
        --bg-sidebar: #dddddd;
        --text-sidebar: #222;
        --bg-table: #fdfbfe;
        --text-table: #222;
        --bg-table-header-new: #126e51;
        --text-table-header-new: #eeeeee;
        --bg-menu1: #eeeeee;
        --text-menu1: #222222;
        --text-highlight: #000000;
        --btn-primary: #03b37f;
        --text-btn-primary: #ffffff;
        --btn-secondary: 75, 75, 75;
        --text-btn-secondary: #eeeeee;
        --btn-reset: #fc4242;
    }

    :root[data-theme="blue"] {
        --bg-body: #ffffff;
        --text-body: #3c444b;
        --bg-sidebar: #4a525a;
        --text-sidebar: #ffffff;
        --bg-table: #f1f4f3;
        --text-table: #71787d;
        --bg-table-header-new: #126e51;
        --text-table-header-new: #eeeeee;
        --bg-menu1: #eeeeee;
        --text-menu1: #222222;
        --text-highlight: #000000;
        --btn-primary: #03b37f;
        --text-btn-primary: #ffffff;
        --btn-secondary: 75, 75, 75;
        --text-btn-secondary: #eeeeee;
        --btn-reset: #fc4242;
    }

@font-face {
    font-family: numeric;
    src: url(../fonts/numeric.ttf);
}

@font-face {
    font-family: antonio;
    src: url(../fonts/antonio.ttf);
}

@font-face {
    font-family: droid sans;
    src: url(../fonts/droidsans.ttf);
}

@font-face {
    font-family: droid sans;
    src: url(../fonts/droidsans-bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: ab;
    src: url(../fonts/ab.ttf);
}

@font-face {
    font-family: "timer";
    src: url("../fonts/timer.woff2") format("woff2"), url("../fonts/timer.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "worli";
    src: url("../fonts/worli.woff2") format("woff2"), url("../fonts/worli.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Card Characters;
    src: url(../fonts/card.ttf);
}

@font-face {
    font-family: "SF Pro Display Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/SFPRODISPLAYREGULAR.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Ultralight Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Ultralight Italic"), url("../fonts/SFPRODISPLAYULTRALIGHTITALIC.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Thin Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Thin Italic"), url("../fonts/SFPRODISPLAYTHINITALIC.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Light Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Light Italic"), url("SFPRODISPLAYLIGHTITALIC.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Medium";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Medium"), url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Semibold Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Semibold Italic"), url("../fonts/SFPRODISPLAYSEMIBOLDITALIC.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Bold";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Bold"), url("../fonts/SFPRODISPLAYBOLD.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Heavy Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Heavy Italic"), url("../fonts/SFPRODISPLAYHEAVYITALIC.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Display Black Italic";
    font-style: normal;
    font-weight: normal;
    src: local("SF Pro Display Black Italic"), url("../fonts/SFPRODISPLAYBLACKITALIC.woff") format("woff");
}

* {
    outline: 0 !important;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
}

body {
    font-family: "Noto Sans";
    background-color: var(--bg-body);
    font-size: var(--font-body);
    line-height: 22px;
    letter-spacing: 0;
    color: var(--text-body);
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
}

    body::-webkit-scrollbar {
        width: 8px;
    }

    body::-webkit-scrollbar-track {
        background: #000000;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

button,
input,
optgroup,
select,
textarea,
option {
    font-family: revert;
}

body.modal-open {
    padding-right: 8px !important;
}

.modal-open .modal {
    padding-right: 8px !important;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.numeric {
    font-family: numeric;
    font-size: 30px;
    letter-spacing: 2px;
}

.pr {
    position: relative;
}

.vm {
    vertical-align: middle;
}

.vt {
    vertical-align: top;
}

.pointer {
    cursor: pointer;
}

.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.container-fluid-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.row.row1 {
    margin-left: -1px;
    margin-right: -1px;
}

    .row.row1 > [class*="col-"],
    .row.row1 > [class*="col"] {
        padding-left: 1px;
        padding-right: 1px;
    }

.row.row2 {
    margin-left: -2px;
    margin-right: -2px;
}

    .row.row2 > [class*="col-"],
    .row.row2 > [class*="col"] {
        padding-left: 2px;
        padding-right: 2px;
    }

.row.row3 {
    margin-left: -3px;
    margin-right: -3px;
}

    .row.row3 > [class*="col-"],
    .row.row3 > [class*="col"] {
        padding-left: 3px;
        padding-right: 3px;
    }

.row.row4 {
    margin-left: -4px;
    margin-right: -4px;
}

    .row.row4 > [class*="col-"],
    .row.row4 > [class*="col"] {
        padding-left: 4px;
        padding-right: 4px;
    }

.row.row5 {
    margin-left: -5px;
    margin-right: -5px;
}

    .row.row5 > [class*="col-"],
    .row.row5 > [class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }

.row.row6 {
    margin-left: -6px;
    margin-right: -6px;
}

    .row.row6 > [class*="col-"],
    .row.row6 > [class*="col"] {
        padding-left: 6px;
        padding-right: 6px;
    }

.row.row7 {
    margin-left: -7px;
    margin-right: -7px;
}

    .row.row7 > [class*="col-"],
    .row.row7 > [class*="col"] {
        padding-left: 7px;
        padding-right: 7px;
    }

.row.row8 {
    margin-left: -8px;
    margin-right: -8px;
}

    .row.row8 > [class*="col-"],
    .row.row8 > [class*="col"] {
        padding-left: 8px;
        padding-right: 8px;
    }

.row.row9 {
    margin-left: -9px;
    margin-right: -9px;
}

    .row.row9 > [class*="col-"],
    .row.row9 > [class*="col"] {
        padding-left: 9px;
        padding-right: 9px;
    }

.row.row10 {
    margin-left: -10px;
    margin-right: -10px;
}

    .row.row10 > [class*="col-"],
    .row.row10 > [class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }

.wrapper {
    display: flex;
    display: -webkit-flex;
    position: relative;
    flex-wrap: wrap;
}

.box10 {
    width: 10%;
    min-width: 10%;
    max-width: 10%;
}

.box15 {
    width: 15%;
    min-width: 15%;
    max-width: 15%;
}

.box20 {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}

.box25 {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

.box30 {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
}

.box35 {
    width: 35%;
    min-width: 35%;
    max-width: 35%;
}

.box40 {
    width: 40%;
    min-width: 40%;
    max-width: 40%;
}

.box45 {
    width: 45%;
    min-width: 45%;
    max-width: 45%;
}

.box50 {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.box55 {
    width: 55%;
    min-width: 55%;
    max-width: 55%;
}

.box60 {
    width: 60%;
    min-width: 60%;
    max-width: 60%;
}

.box65 {
    width: 65%;
    min-width: 65%;
    max-width: 65%;
}

.box70 {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
}

.box75 {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}

.box80 {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
}

.box85 {
    width: 85%;
    min-width: 85%;
    max-width: 85%;
}

.box90 {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
}

.box95 {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
}

.box100 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.back {
    background-color: var(--back);
}

    .back:hover {
        background-color: var(--back-hover);
    }

.back2 {
    background-color: var(--back2);
}

.back1 {
    background-color: var(--back1);
}

.lay {
    background-color: var(--lay);
}

    .lay:hover {
        background-color: var(--lay-hover);
    }

.lay1 {
    background-color: var(--lay1);
}

.lay2 {
    background-color: var(--lay2);
}

.back-border {
    border-left: 5px solid var(--back);
}

.lay-border {
    border-left: 5px solid var(--lay);
}

.andar-border {
    border-left: 5px solid #ffa07a;
}

.bahar-border {
    border-left: 5px solid #90ee90;
}

.suspended {
    position: relative;
    pointer-events: none;
}

    .suspended.lock-top:before {
        background-position: top 3px center;
    }

    .suspended:before {
        content: "";
        background-image: url("../img/lock.svg");
        background-size: 17px 17px;
        filter: invert(1);
        background-repeat: no-repeat;
        position: absolute;
        z-index: 100;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-position: center;
        pointer-events: none;
    }

    .suspended:after {
        content: "";
        background-color: #373636d6;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        cursor: not-allowed;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

.suspendedtext {
    position: relative;
    pointer-events: none;
}

    .suspendedtext:after {
        content: attr(data-title);
        text-transform: uppercase;
        background-color: #131313c2;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        height: 100%;
        width: 100%;
        right: 8px;
        top: 2px;
        color: var(--text-red);
        font-size: var(--font-headline);
        font-weight: var(--font-bold);
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        cursor: not-allowed;
        pointer-events: none;
    }

.suspendedfull {
    position: relative;
    pointer-events: none;
}

    .suspendedfull:after {
        content: attr(data-title);
        text-transform: uppercase;
        background-color: #131313c2;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        height: 100%;
        width: 100%;
        right: 8px;
        top: 2px;
        color: var(--text-red);
        font-size: var(--font-headline);
        font-weight: var(--font-bold);
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        cursor: not-allowed;
        pointer-events: none;
    }

/*Header CSS goes here*/

.header-top {
    position: fixed;
    top: 0;
    height: 34px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-table-header-new);
    z-index: 1002;
}

.animate-on .header-top {
    top: 34px;
}

.header-top ul {
    display: flex;
    display: -webkit-flex;
}

    .header-top ul li {
        margin: 0 16px;
        padding: 0 16px;
        position: relative;
    }

        .header-top ul li::after {
            position: absolute;
            content: "";
            background-color: var(--text-table-header-new);
            height: 8px;
            width: 8px;
            border-radius: 8px;
            top: 7px;
            right: -16px;
        }

        .header-top ul li:last-child:after {
            background-color: transparent;
        }

        .header-top ul li a {
            color: var(--text-table-header-new);
            font-weight: bold;
            font-size: 16px;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

            .header-top ul li a .badge {
                vertical-align: middle;
            }

.badge {
    vertical-align: middle;
    padding: 5px 10px;
}

.header {
    height: 60px;
    position: fixed;
    top: 34px;
    width: calc(100% - 302px);
    right: 0;
    background-color: var(--bg-body);
    z-index: 1030;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1001;
}

.animate-on .header {
    top: 68px;
}

.header ul {
    display: flex;
    display: -webkit-flex;
    float: left;
}

    .header ul li {
        padding: 0 16px;
    }

        .header ul li a {
            height: 22px;
            /*color: var(--text-body);*/
        }

            .header ul li a.router-link-active {
                font-weight: var(--font-semi);
            }

.header-right {
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 4px;
}

.odds-format {
    height: 22px;
    color: var(--text-table);
}

.format-name {
    height: 22px;
    padding-left: 8px;
}

.language {
    padding-left: 0;
    height: 22px;
    color: #eee;
}

.login-menu {
    margin-left: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--text-body);
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

    .login-menu:hover {
        background: var(--bg-success-hover);
        border-radius: 4px;
    }

.header .btn-primary {
    height: 40px;
    margin-left: 40px;
}

.language-block {
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 7px;
}

.language-login.language-block {
    position: absolute;
    left: 10px;
    top: 7px;
}

.language-box {
    border-radius: 0;
    position: absolute;
    padding: 16px;
    width: auto;
    min-width: 150px;
    left: 0;
    top: 31px;
    z-index: 100;
    background-color: #666;
    color: #eee;
}

    .language-box .flag {
        margin-bottom: 8px;
    }

        .language-box .flag img {
            height: 16px;
            width: 32px;
        }

    .language-box .flag-name.active {
        height: 22px;
        color: var(--bg-success);
        font-weight: var(--font-semi);
    }

    .language-box .flag-name {
        height: 22px;
        color: #eee;
    }

.odds-format-block {
    position: relative;
    cursor: pointer;
}

.odds-format-box {
    width: 160px;
    position: absolute;
    left: 0;
    border-radius: 4px;
    padding: 8px 0;
    z-index: 10;
}

    .odds-format-box a {
        display: block;
        height: 38px;
        width: 160px;
        line-height: 38px;
        padding-left: 16px;
        text-decoration: none;
    }

        .odds-format-box a:hover {
            background-color: #03b37f52;
            text-decoration: none;
        }

    .odds-format-box .active {
        background-color: var(--bg-success);
    }

.balance {
    /* height: 22px; */
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    background: #111;
    width: auto;
    padding: 0 5px 0 0;
    height: 46px;
}

    .balance > div:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        padding-right: 10px;
        padding-left: 10px;
        background-color: #444;
        color: #ddd;
    }

        .balance > div:first-child i {
            font-size: 20px;
        }

    .balance > div:last-child {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

.balance-value {
    color: #eee;
}

.username-info {
    display: inline-block;
    padding-left: 0;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    background: #111;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 10px;
    padding-right: 10px;
}

.user-icon {
    height: 100%;
    background-color: #444 !important;
    color: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

    .user-icon i {
        font-size: 20px;
    }

    .user-icon img {
        vertical-align: top;
    }

.username {
    height: 22px;
    margin-right: 8px;
    margin-left: 8px;
    color: #eee;
}

.user-dropdown {
    width: auto;
    position: absolute;
    right: 0;
    top: 100%;
    border-radius: 4px;
    background-color: #111;
    padding: 8px 0;
    z-index: 10;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.57);
    text-align: left;
    padding-top: 0;
    margin-top: 5px;
    border-radius: 0;
}

    .user-dropdown a {
        display: block;
        width: 170px;
        color: #eee;
        opacity: 0.9;
        padding-left: 0;
        text-decoration: none;
        font-size: var(--font-caption);
        margin-top: 4px;
        margin-bottom: 4px;
        padding-left: 16px;
        line-height: 22px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .user-dropdown a:hover {
            text-decoration: none;
            opacity: 1;
        }

    .user-dropdown .active {
        background-color: var(--bg-success);
    }

.login-seperator {
    background-color: #444;
    width: 100%;
    height: 1px;
    margin: 8px 0;
}

/*End Header CSS*/

/*Sidebar CSS goes here*/

.sidebar-left {
    width: 302px;
    background-color: var(--bg-sidebar);
    min-height: 100vh;
    position: fixed;
    top: 34px;
    left: 0;
    height: 100vh;
    transition: 0.8s;
    z-index: 101;
}

.animate-on .sidebar-left {
    top: 68px;
}

.sidebar-left.hide-sidebar {
    display: none;
}

    .sidebar-left.hide-sidebar ~ .main-container {
        width: 100%;
        margin-left: 0;
    }

        .sidebar-left.hide-sidebar ~ .main-container .header {
            width: 100%;
        }

.logo-box {
    padding: 4px 0;
    text-align: center;
    height: auto;
}

.logo {
    padding: 10px;
}

    .logo img {
        max-height: 65px;
        max-width: 100%;
    }

.sidebar-left .search-box {
    padding: 0 24px 0px 16px;
}

.search-box .form-group {
    position: relative;
    margin-right: 0;
}

.search-box .form-control {
    height: 48px;
    border-radius: 0;
    background-color: #444 !important;
    border-color: #444 !important;
    color: #fff;
}

.search-box .search-icon {
    position: absolute;
    top: 16px;
    right: 16px;
}

.search-list {
    position: fixed;
    left: 305px;
    top: 116px;
    width: 400px;
    border-radius: 0;
    background-color: #111;
    color: #eee;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28);
    z-index: 1030;
}

    .search-list .search-content {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
    }

        .search-list .search-content a:last-child .search-game {
            border-bottom: 0;
        }

    .search-list .search-title {
        font-weight: var(--font-bold);
        text-transform: uppercase;
        padding: 8px;
    }

    .search-list .search-content::-webkit-scrollbar {
        width: 8px;
    }

    .search-list .search-content::-webkit-scrollbar-track {
        background: #000000;
    }

    .search-list .search-content::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

.search-event-title {
    background-color: #444;
    padding: 8px 16px;
    color: #ddd;
}

.search-game {
    padding: 8px 16px;
    cursor: pointer;
    border-bottom: 1px solid #444;
    color: #eee;
}

    .search-game:hover {
        background-color: #666;
        color: #ccc;
    }

    .search-game .search-game-time {
        font-size: var(--font-small);
    }

.menu-box {
    margin-top: 0;
    width: 100%;
}

    .menu-box h5 {
        font-size: 16px;
        font-weight: bold;
        padding: 3px;
        background: var(--bg-table-header-new);
        color: var(--text-table-header-new) !important;
    }

        .menu-box h5 u {
            text-decoration: none;
        }

.all-menu {
    height: calc(100vh - 320px);
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
    overflow-x: hidden;
    overflow-y: auto;
}

    .all-menu::-webkit-scrollbar {
        width: 8px;
    }

    .all-menu::-webkit-scrollbar-track {
        background: #000000;
    }

    .all-menu::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

.special-menu {
    margin-top: 4px;
}

    .special-menu h5 {
        font-size: 16px;
        font-weight: bold;
        padding: 3px;
        background: var(--bg-table-header-new);
        color: var(--text-table-header-new) !important;
    }

        .special-menu h5 u {
            text-decoration: none;
        }

    .special-menu .dropdown-toggle {
        padding: 8px 16px;
        color: var(--text-sidebar);
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
    }

        /* .special-menu .dropdown-toggle.sport10,
.special-menu .dropdown-toggle.sport12 {
    color: #fff;
} */

        .special-menu .dropdown-toggle i {
            font-size: var(--font-18);
            width: 30px;
            display: inline-block;
        }

        .special-menu .dropdown-toggle::after {
            display: none;
        }

    .special-menu .dropdown-menu {
        left: unset !important;
        right: 0 !important;
        transform: translateX(100%) !important;
        -webkit-transform: translateX(100%) !important;
        -moz-transform: translateX(100%) !important;
        -ms-transform: translateX(100%) !important;
        -o-transform: translateX(100%) !important;
        background-color: #222;
        color: #eee;
        padding: 0 5px;
        margin-bottom: 10px;
        cursor: pointer;
        min-width: 250px;
    }

        .special-menu .dropdown-menu h5 {
            margin-bottom: 10px;
            border-bottom: 1px solid #444;
            padding-bottom: 10px;
            padding-top: 10px;
            padding-left: 10px;
        }

        .special-menu .dropdown-menu .horse-list-box {
            max-height: calc(100vh - 280px);
            overflow-x: hidden;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #333333 #000000;
        }

            .special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar {
                width: 8px;
            }

            .special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-track {
                background: #000000;
            }

            .special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-thumb {
                background-color: #333333;
            }

        .special-menu .dropdown-menu a {
            display: block;
            padding: 0;
        }

        .special-menu .dropdown-menu .dropdown-item {
            color: #eee !important;
            font-size: 14px;
            font-weight: bold;
            padding: 0;
        }

            .special-menu .dropdown-menu .dropdown-item:hover {
                background-color: #444;
                color: #ddd;
            }

    .special-menu .navbar-nav .dropdown-menu.show {
        transform-origin: unset;
        animation: unset;
        -webkit-animation: unset;
    }

.menu-box::-webkit-scrollbar {
    width: 8px;
}

.menu-box::-webkit-scrollbar-track {
    background: #000000;
}

.menu-box::-webkit-scrollbar-thumb {
    background-color: #333333;
}

.menu-box li {
    cursor: pointer;
}

    .menu-box li a {
        color: var(--text-sidebar);
        padding: 8px 16px;
        display: block;
    }

        .menu-box li a:hover,
        .menu-box li a:focus {
            color: var(--text-sidebar);
            /* opacity: 0.85; */
        }

    .menu-box li ul > li > a,
    .menu-box li ul > li > a:hover,
    .menu-box li ul > li > a:focus,
    .menu-box li ul > li > a:active {
        background-color: var(--bg-menu1);
        color: var(--text-menu1) !important;
    }

    .menu-box li ul ul li a,
    .menu-box li ul ul li a:hover,
    .menu-box li ul ul li a:focus,
    .menu-box li ul ul li a:active {
        background-color: var(--bg-table);
        color: var(--text-table) !important;
    }

    .menu-box li:not(.show) a[class*="sport"],
    .special-menu li:not(.show) a[class*="sport"] {
        background-color: transparent !important;
    }

    .menu-box li a[class*="sport"] > span.sport-name {
        margin-left: 0;
    }

    .menu-box li a {
        position: relative;
    }

.menu-box.casino-menu {
    height: calc(100vh - 200px);
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
    overflow-x: hidden;
    overflow-y: auto;
}

.casino-menu li .active,
.casino-menu li .active:hover,
.casino-menu li .active:focus {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
}

.menu-box li:not(.show) a[class*="sport"]:before,
.menu-box li.show a[class*="sport"]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.menu-box li a .d-icon {
    font-size: var(--font-18);
    width: 30px;
    display: inline-block;
}

    .menu-box li a .d-icon.icon-23,
    .menu-box li a .d-icon.icon-26 {
        font-size: 10px;
    }

.menu-box li:not(.show) a.sport1 .icon-1,
.point-sidebar .navbar-nav .nav-link .icon-1 {
    color: var(--football);
}

.menu-box li:not(.show) a.sport2 .icon-2,
.point-sidebar .navbar-nav .nav-link .icon-2 {
    color: var(--tennis);
}

.menu-box li:not(.show) a.sport3 .icon-3,
.point-sidebar .navbar-nav .nav-link .icon-3 {
    color: var(--boxing);
}

.menu-box li:not(.show) a.sport4 .icon-4,
.point-sidebar .navbar-nav .nav-link .icon-4 {
    color: var(--cricket);
}

.menu-box li:not(.show) a.sport5 .icon-5,
.point-sidebar .navbar-nav .nav-link .icon-5 {
    color: var(--golf);
}

.menu-box li:not(.show) a.sport6 .icon-6,
.point-sidebar .navbar-nav .nav-link .icon-6 {
    color: var(--boxing);
}

.menu-box li:not(.show) a.sport7 .icon-7,
.point-sidebar .navbar-nav .nav-link .icon-7 {
    color: var(--beach-volleyball);
}

.menu-box li:not(.show) a.sport8 .icon-8,
.point-sidebar .navbar-nav .nav-link .icon-8 {
    color: var(--table-tennis);
}

.menu-box li:not(.show) a.sport9 .icon-9,
.point-sidebar .navbar-nav .nav-link .icon-9 {
    color: var(--futsal);
}

.special-menu li:not(.show) a.sport10 .icon-10,
.point-sidebar .navbar-nav .nav-link .icon-10 {
    color: var(--horse-racing);
}

.menu-box li:not(.show) a.sport11 .icon-11,
.point-sidebar .navbar-nav .nav-link .icon-11 {
    color: var(--egames);
}

.special-menu li:not(.show) a.sport12 .icon-12,
.point-sidebar .navbar-nav .nav-link .icon-12 {
    color: var(--grey-hounds);
}

.menu-box li:not(.show) a.sport13 .icon-13,
.point-sidebar .navbar-nav .nav-link .icon-13 {
    color: var(--trotting);
}

.menu-box li:not(.show) a.sport14 .icon-14,
.point-sidebar .navbar-nav .nav-link .icon-14 {
    color: var(--speedway);
}

.menu-box li:not(.show) a.sport15 .icon-15,
.point-sidebar .navbar-nav .nav-link .icon-15 {
    color: var(--basketball);
}

.menu-box li:not(.show) a.sport16 .icon-16,
.point-sidebar .navbar-nav .nav-link .icon-16 {
    color: var(--moto-gp);
}

.menu-box li:not(.show) a.sport17 .icon-17,
.point-sidebar .navbar-nav .nav-link .icon-17 {
    color: var(--chess);
}

.menu-box li:not(.show) a.sport18 .icon-18,
.point-sidebar .navbar-nav .nav-link .icon-18 {
    color: var(--vollyball);
}

.menu-box li:not(.show) a.sport19 .icon-19,
.point-sidebar .navbar-nav .nav-link .icon-19 {
    color: var(--ice-hockey);
}

.menu-box li:not(.show) a.sport20 .icon-20,
.point-sidebar .navbar-nav .nav-link .icon-20 {
    color: var(--equine-sports);
}

.menu-box li:not(.show) a.sport21 .icon-21,
.point-sidebar .navbar-nav .nav-link .icon-21 {
    color: var(--australians-rules);
}

.menu-box li:not(.show) a.sport22 .icon-22,
.point-sidebar .navbar-nav .nav-link .icon-22 {
    color: var(--badminton);
}

.menu-box li:not(.show) a.sport23 .icon-23,
.point-sidebar .navbar-nav .nav-link .icon-23 {
    color: var(--formula-1);
}

.menu-box li:not(.show) a.sport24 .icon-24,
.point-sidebar .navbar-nav .nav-link .icon-24 {
    color: var(--nascar);
}

.menu-box li:not(.show) a.sport25 .icon-25,
.point-sidebar .navbar-nav .nav-link .icon-25 {
    color: var(--hockey);
}

.menu-box li:not(.show) a.sport26 .icon-26,
.point-sidebar .navbar-nav .nav-link .icon-26 {
    color: var(--supercars);
}

.menu-box li:not(.show) a.sport27 .icon-27,
.point-sidebar .navbar-nav .nav-link .icon-27 {
    color: var(--netball);
}

.menu-box li:not(.show) a.sport28 .icon-28,
.point-sidebar .navbar-nav .nav-link .icon-28 {
    color: var(--surfing);
}

.menu-box li:not(.show) a.sport29 .icon-29,
.point-sidebar .navbar-nav .nav-link .icon-29 {
    color: var(--cycling);
}

.menu-box li:not(.show) a.sport30 .icon-30,
.point-sidebar .navbar-nav .nav-link .icon-30 {
    color: var(--gaelick-sports);
}

.menu-box li:not(.show) a.sport31 .icon-31,
.point-sidebar .navbar-nav .nav-link .icon-31 {
    color: var(--biathlon);
}

.menu-box li:not(.show) a.sport32 .icon-32,
.point-sidebar .navbar-nav .nav-link .icon-32 {
    color: var(--motorbikes);
}

.menu-box li:not(.show) a.sport33 .icon-33,
.point-sidebar .navbar-nav .nav-link .icon-33 {
    color: var(--athletics);
}

.menu-box li:not(.show) a.sport34 .icon-34,
.point-sidebar .navbar-nav .nav-link .icon-34 {
    color: var(--squash);
}

.menu-box li:not(.show) a.sport35 .icon-35,
.point-sidebar .navbar-nav .nav-link .icon-35 {
    color: var(--basketball-3-3);
}

.menu-box li:not(.show) a.sport36 .icon-36,
.point-sidebar .navbar-nav .nav-link .icon-36 {
    color: var(--floorball);
}

.menu-box li:not(.show) a.sport37 .icon-37,
.point-sidebar .navbar-nav .nav-link .icon-37 {
    color: var(--sumo);
}

.menu-box li:not(.show) a.sport38 .icon-38,
.point-sidebar .navbar-nav .nav-link .icon-38 {
    color: var(--virtual-sports);
}

.menu-box li:not(.show) a.sport39 .icon-39,
.point-sidebar .navbar-nav .nav-link .icon-39 {
    color: var(--handball);
}

.menu-box li:not(.show) a.sport40 .icon-40,
.point-sidebar .navbar-nav .nav-link .icon-40 {
    color: var(--politics);
}

.menu-box li:not(.show) a.sport41 .icon-41,
.point-sidebar .navbar-nav .nav-link .icon-41 {
    color: var(--weather);
}

.menu-box li:not(.show) a.sport42 .icon-42,
.point-sidebar .navbar-nav .nav-link .icon-42 {
    color: var(--tv-games);
}

.menu-box li:not(.show) a.sport43 .icon-43,
.point-sidebar .navbar-nav .nav-link .icon-43 {
    color: var(--lottery);
}

.menu-box li:not(.show) a.sport44 .icon-44,
.point-sidebar .navbar-nav .nav-link .icon-44 {
    color: var(--bowls);
}

.menu-box li:not(.show) a.sport45 .icon-45,
.point-sidebar .navbar-nav .nav-link .icon-45 {
    color: var(--poker);
}

.menu-box li:not(.show) a.sport46 .icon-46,
.point-sidebar .navbar-nav .nav-link .icon-46 {
    color: var(--waterpolo);
}

.menu-box li:not(.show) a.sport47 .icon-47,
.point-sidebar .navbar-nav .nav-link .icon-47 {
    color: var(--alpine-skiing);
}

.menu-box li:not(.show) a.sport48 .icon-48,
.point-sidebar .navbar-nav .nav-link .icon-48 {
    color: var(--sailing);
}

.menu-box li:not(.show) a.sport49 .icon-49,
.point-sidebar .navbar-nav .nav-link .icon-49 {
    color: var(--hurling);
}

.menu-box li:not(.show) a.sport50 .icon-50,
.point-sidebar .navbar-nav .nav-link .icon-50 {
    color: var(--ski-jumping);
}

.menu-box li:not(.show) a.sport51 .icon-51,
.point-sidebar .navbar-nav .nav-link .icon-51 {
    color: var(--bandy);
}

.menu-box li:not(.show) a.sport52 .icon-52,
.point-sidebar .navbar-nav .nav-link .icon-52 {
    color: var(--motor-sports);
}

.menu-box li:not(.show) a.sport53 .icon-53,
.point-sidebar .navbar-nav .nav-link .icon-53 {
    color: var(--baseball);
}

.menu-box li:not(.show) a.sport54 .icon-54,
.point-sidebar .navbar-nav .nav-link .icon-54 {
    color: var(--rugby-union);
}

.menu-box li:not(.show) a.sport55 .icon-55,
.point-sidebar .navbar-nav .nav-link .icon-55 {
    color: var(--rugby-league);
}

.menu-box li:not(.show) a.sport56 .icon-56,
.point-sidebar .navbar-nav .nav-link .icon-56 {
    color: var(--curling);
}

.menu-box li:not(.show) a.sport57 .icon-57,
.point-sidebar .navbar-nav .nav-link .icon-57 {
    color: var(--darts);
}

.menu-box li:not(.show) a.sport58 .icon-58,
.point-sidebar .navbar-nav .nav-link .icon-58 {
    color: var(--americal-footbal);
}

.menu-box li:not(.show) a.sport59 .icon-59,
.point-sidebar .navbar-nav .nav-link .icon-59 {
    color: var(--snooker);
}

.menu-box li:not(.show) a.sport60 .icon-60,
.point-sidebar .navbar-nav .nav-link .icon-60 {
    color: var(--gaelick-sports);
}

.menu-box li:not(.show) a.sport61 .icon-61,
.point-sidebar .navbar-nav .nav-link .icon-61 {
    color: var(--lottery-specials);
}

.menu-box li:not(.show) a.sport62 .icon-62,
.point-sidebar .navbar-nav .nav-link .icon-62 {
    color: var(--football);
}

.menu-box li:not(.show) a.sport63 .icon-63,
.point-sidebar .navbar-nav .nav-link .icon-63 {
    color: var(--special-bets);
}

.menu-box li:not(.show) a.sport64 .icon-64,
.point-sidebar .navbar-nav .nav-link .icon-64 {
    color: var(--egames);
}

.menu-box li:not(.show) a.sport65 .icon-65,
.point-sidebar .navbar-nav .nav-link .icon-65 {
    color: var(--grey-hounds);
}

.menu-box li:not(.show) a.sport66 .icon-66,
.point-sidebar .navbar-nav .nav-link .icon-66 {
    color: var(--kabaddi);
}

.menu-box li:not(.show) a.sport67 .icon-67,
.point-sidebar .navbar-nav .nav-link .icon-67 {
    color: var(--boat-racing);
}

.menu-box li:not(.show) a.sport68 .icon-68,
.point-sidebar .navbar-nav .nav-link .icon-68 {
    color: var(--e-socker);
}

.menu-box li.show a[class*="sport"],
.special-menu li.show a[class*="sport"] {
    color: var(--text-white) !important;
}

.menu-box li a[class*="sport"] {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.menu-box li a.sport1 ~ ul > li > a.active {
    background-color: var(--football_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport1 ~ ul ul li a.active {
    background-color: var(--football_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport2 ~ ul > li > a.active {
    background-color: var(--tennis_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport2 ~ ul ul li a.active {
    background-color: var(--tennis_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport3 ~ ul > li > a.active {
    background-color: var(--boxing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport3 ~ ul ul li a.active {
    background-color: var(--boxing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport4 ~ ul > li > a.active {
    background-color: var(--cricket_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport4 ~ ul ul li a.active {
    background-color: var(--cricket_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport5 ~ ul > li > a.active {
    background-color: var(--golf_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport5 ~ ul ul li a.active {
    background-color: var(--golf_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport6 ~ ul > li > a.active {
    background-color: var(--boxing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport6 ~ ul ul li a.active {
    background-color: var(--boxing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport7 ~ ul > li > a.active {
    background-color: var(--beach-volleyball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport7 ~ ul ul li a.active {
    background-color: var(--beach-volleyball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport8 ~ ul > li > a.active {
    background-color: var(--table-tennis_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport8 ~ ul ul li a.active {
    background-color: var(--table-tennis_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport9 ~ ul > li > a.active {
    background-color: var(--futsal_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport9 ~ ul ul li a.active {
    background-color: var(--futsal_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport10 ~ ul > li > a.active {
    background-color: var(--horse-racing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport10 ~ ul ul li a.active {
    background-color: var(--horse-racing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport11 ~ ul > li > a.active {
    background-color: var(--egames_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport11 ~ ul ul li a.active {
    background-color: var(--egames_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport12 ~ ul > li > a.active {
    background-color: var(--grey-hounds_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport12 ~ ul ul li a.active {
    background-color: var(--grey-hounds_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport13 ~ ul > li > a.active {
    background-color: var(--trotting_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport13 ~ ul ul li a.active {
    background-color: var(--trotting_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport14 ~ ul > li > a.active {
    background-color: var(--speedway_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport14 ~ ul ul li a.active {
    background-color: var(--speedway_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport15 ~ ul > li > a.active {
    background-color: var(--basketball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport15 ~ ul ul li a.active {
    background-color: var(--basketball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport16 ~ ul > li > a.active {
    background-color: var(--moto-gp_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport16 ~ ul ul li a.active {
    background-color: var(--moto-gp_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport17 ~ ul > li > a.active {
    background-color: var(--chess_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport17 ~ ul ul li a.active {
    background-color: var(--chess_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport18 ~ ul > li > a.active {
    background-color: var(--vollyball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport18 ~ ul ul li a.active {
    background-color: var(--vollyball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport19 ~ ul > li > a.active {
    background-color: var(--ice-hockey_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport19 ~ ul ul li a.active {
    background-color: var(--ice-hockey_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport20 ~ ul > li > a.active {
    background-color: var(--equine-sports_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport20 ~ ul ul li a.active {
    background-color: var(--equine-sports_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport21 ~ ul > li > a.active {
    background-color: var(--australians-rules_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport21 ~ ul ul li a.active {
    background-color: var(--australians-rules_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport22 ~ ul > li > a.active {
    background-color: var(--badminton_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport22 ~ ul ul li a.active {
    background-color: var(--badminton_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport23 ~ ul > li > a.active {
    background-color: var(--formula-1_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport23 ~ ul ul li a.active {
    background-color: var(--formula-1_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport24 ~ ul > li > a.active {
    background-color: var(--nascar_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport24 ~ ul ul li a.active {
    background-color: var(--nascar_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport25 ~ ul > li > a.active {
    background-color: var(--hockey_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport25 ~ ul ul li a.active {
    background-color: var(--hockey_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport26 ~ ul > li > a.active {
    background-color: var(--supercars_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport26 ~ ul ul li a.active {
    background-color: var(--supercars_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport27 ~ ul > li > a.active {
    background-color: var(--netball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport27 ~ ul ul li a.active {
    background-color: var(--netball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport28 ~ ul > li > a.active {
    background-color: var(--surfing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport28 ~ ul ul li a.active {
    background-color: var(--surfing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport29 ~ ul li > a.active {
    background-color: var(--cycling_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport29 ~ ul ul li a.active {
    background-color: var(--cycling_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport30 ~ ul > li > a.active {
    background-color: var(--gaelick-sports_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport30 ~ ul ul li a.active {
    background-color: var(--gaelick-sports_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport31 ~ ul > li > a.active {
    background-color: var(--biathlon_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport31 ~ ul ul li a.active {
    background-color: var(--biathlon_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport32 ~ ul > li > a.active {
    background-color: var(--motorbikes_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport32 ~ ul ul li a.active {
    background-color: var(--motorbikes_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport33 ~ ul > li > a.active {
    background-color: var(--athletics_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport33 ~ ul ul li a.active {
    background-color: var(--athletics_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport34 ~ ul > li > a.active {
    background-color: var(--squash_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport34 ~ ul ul li a.active {
    background-color: var(--squash_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport35 ~ ul > li > a.active {
    background-color: var(--basketball-3-3_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport35 ~ ul ul li a.active {
    background-color: var(--basketball-3-3_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport36 ~ ul > li > a.active {
    background-color: var(--floorball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport36 ~ ul ul li a.active {
    background-color: var(--floorball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport37 ~ ul > li > a.active {
    background-color: var(--sumo_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport37 ~ ul ul li a.active {
    background-color: var(--sumo_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport38 ~ ul > li > a.active {
    background-color: var(--virtual-sports_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport38 ~ ul ul li a.active {
    background-color: var(--virtual-sports_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport39 ~ ul > li > a.active {
    background-color: var(--handball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport39 ~ ul ul li a.active {
    background-color: var(--handball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport40 ~ ul > li > a.active {
    background-color: var(--politics_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport40 ~ ul ul li a.active {
    background-color: var(--politics_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport41 ~ ul > li > a.active {
    background-color: var(--weather_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport41 ~ ul ul li a.active {
    background-color: var(--weather_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport42 ~ ul > li > a.active {
    background-color: var(--tv-games_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport42 ~ ul ul li a.active {
    background-color: var(--tv-games_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport43 ~ ul > li > a.active {
    background-color: var(--lottery_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport43 ~ ul ul li a.active {
    background-color: var(--lottery_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport44 ~ ul > li > a.active {
    background-color: var(--bowls_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport44 ~ ul ul li a.active {
    background-color: var(--bowls_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport45 ~ ul > li > a.active {
    background-color: var(--poker_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport45 ~ ul ul li a.active {
    background-color: var(--poker_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport46 ~ ul > li > a.active {
    background-color: var(--waterpolo_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport46 ~ ul ul li a.active {
    background-color: var(--waterpolo_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport47 ~ ul > li > a.active {
    background-color: var(--alpine-skiing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport47 ~ ul ul li.active {
    background-color: var(--alpine-skiing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport48 ~ ul > li > a.active {
    background-color: var(--sailing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport48 ~ ul ul li a.active {
    background-color: var(--sailing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport49 ~ ul > li > a.active {
    background-color: var(--hurling_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport49 ~ ul ul li a.active {
    background-color: var(--hurling_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport50 ~ ul > li > a.active {
    background-color: var(--ski-jumping_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport50 ~ ul ul li a.active {
    background-color: var(--ski-jumping_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport51 ~ ul > li > a.active {
    background-color: var(--bandy_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport51 ~ ul ul li a.active {
    background-color: var(--bandy_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport52 ~ ul > li > a.active {
    background-color: var(--motor-sports_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport52 ~ ul ul li a.active {
    background-color: var(--motor-sports_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport53 ~ ul > li > a.active {
    background-color: var(--baseball_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport53 ~ ul ul li a.active {
    background-color: var(--baseball_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport54 ~ ul > li > a.active {
    background-color: var(--rugby-union_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport54 ~ ul ul li a.active {
    background-color: var(--rugby-union_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport55 ~ ul > li > a.active {
    background-color: var(--rugby-league_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport55 ~ ul ul li a.active {
    background-color: var(--rugby-league_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport56 ~ ul > li > a.active {
    background-color: var(--curling_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport56 ~ ul ul li a.active {
    background-color: var(--curling_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport57 ~ ul > li > a.active {
    background-color: var(--darts_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport57 ~ ul ul li a.active {
    background-color: var(--darts_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport58 ~ ul > li > a.active {
    background-color: var(--americal-footbal_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport58 ~ ul ul li a.active {
    background-color: var(--americal-footbal_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport59 ~ ul > li > a.active {
    background-color: var(--snooker_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport59 ~ ul ul li a.active {
    background-color: var(--snooker_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport60 ~ ul > li > a.active {
    background-color: var(--gaelick-sports_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport60 ~ ul ul li a.active {
    background-color: var(--gaelick-sports_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport61 ~ ul > li > a.active {
    background-color: var(--lottery-specials_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport61 ~ ul ul li a.active {
    background-color: var(--lottery-specials_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport62 ~ ul > li > a.active {
    background-color: var(--football_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport62 ~ ul ul li a.active {
    background-color: var(--football_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport63 ~ ul > li > a.active {
    background-color: var(--special-bets_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport63 ~ ul ul li a.active {
    background-color: var(--special-bets_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport64 ~ ul > li > a.active {
    background-color: var(--egames_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport64 ~ ul ul li a.active {
    background-color: var(--egames_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport65 ~ ul > li > a.active {
    background-color: var(--grey-hounds_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport65 ~ ul ul li a.active {
    background-color: var(--grey-hounds_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport66 ~ ul > li > a.active {
    background-color: var(--kabaddi_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport66 ~ ul ul li a.active {
    background-color: var(--kabaddi_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport67 ~ ul > li > a.active {
    background-color: var(--boat-racing_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport67 ~ ul ul li a.active {
    background-color: var(--boat-racing_50);
    color: var(--text-white) !important;
}

.menu-box li a.sport68 ~ ul ul li a.active {
    background-color: var(--e-socker_75);
    color: var(--text-white) !important;
}

.menu-box li a.sport68 ~ ul ul li a.active {
    background-color: var(--e-socker_50);
    color: var(--text-white) !important;
}

.dropdown-toggle::after {
    display: none;
}

.menu-box .dropdown-menu {
    position: relative !important;
    transform: unset !important;
    background-color: transparent;
    border: 0;
    z-index: 10;
}

.dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-nav .dropdown-menu.show {
    border-radius: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

@-moz-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

.navbar-nav .dropdown-menu .dropdown-toggle {
    background-image: url("../img/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 5px top 17px;
    background-size: 8px 5px;
}

.navbar-nav .dropdown-menu.show li.show > .dropdown-toggle {
    background-image: url("../img/arrow-up.svg");
    background-repeat: no-repeat;
    background-position: right 5px top 17px;
    background-size: 8px 5px;
}

.menu-box li img.menu-down {
    margin-top: 6px;
    height: 5px;
}

.menu-box li.favourite {
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.menu-box .favourite-icon {
    margin-right: 16px;
    vertical-align: top;
    margin-top: 5px;
}

/*Right Sidebar (Bet Slip)*/

.right-sidebar {
    width: 350px;
    border-radius: 0;
    background-color: var(--bg-sidebar);
    padding: 16px;
    height: calc(100vh - 100px);
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
    overflow-x: hidden;
    position: relative;
}

    .right-sidebar::-webkit-scrollbar {
        width: 8px;
    }

    .right-sidebar::-webkit-scrollbar-track {
        background: #000000;
    }

    .right-sidebar::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

.animate-on .right-sidebar.home-right-sidebar {
    overflow: hidden;
    height: calc(100vh - 136px);
}

    .animate-on .right-sidebar.home-right-sidebar.sticky {
        height: calc(100vh - 130px);
    }

.right-sidebar.home-right-sidebar {
    overflow: hidden;
    height: calc(100vh - 100px);
    padding: 0;
    padding-top: 4px;
}

    .right-sidebar.home-right-sidebar.sticky {
        height: calc(100vh - 90px);
        top: 90px;
    }

.home-casiono-icons.d-none-mobile {
    height: 100%;
}

    .home-casiono-icons.d-none-mobile > div {
        height: 100%;
    }

    .home-casiono-icons.d-none-mobile .slick-prev {
        top: -16px !important;
    }

    .home-casiono-icons.d-none-mobile .slick-next {
        bottom: -16px !important;
    }

.right-sidebar.sticky {
    position: fixed;
    right: 0;
    top: 82px;
    min-height: calc(100vh - 82px);
}

.animate-on .right-sidebar.sticky {
    top: 106px;
    min-height: calc(100vh -106px);
}

.bet-slip-container {
    margin-bottom: 8px;
}

.bet-slip-title {
    height: 22px;
    color: var(--text-sidebar);
    font-weight: var(--font-bold);
    text-transform: uppercase;
    display: inline-block;
    font-size: var(--font-header);
}

.bet-slip-container .clear-all {
    height: 19px;
    color: var(--text-sidebar);
    font-size: var(--font-caption);
    line-height: 19px;
}

.tv-container {
    margin-bottom: 16px;
}

    .tv-container .tv-title {
        cursor: pointer;
        color: var(--text-sidebar);
    }

.video-tv {
    overflow: hidden;
    /*overflow: auto;
    */
    width: 100%;
    /*height: 255px;
    */
    height: auto;
    transition: 1s;
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    padding-bottom: 56.25%;
}

    .video-tv iframe {
        border: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .video-tv.hide-tv {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

.bet-slip-box {
    border-radius: 0;
    margin-top: 4px;
    padding: 4px 0;
}

    .bet-slip-box.back,
    .bet-slip-box.lay {
        color: #000;
    }

        .bet-slip-box.back:hover,
        .bet-slip-box.back:focus,
        .bet-slip-box.back:active {
            background-color: var(--back);
        }

        .bet-slip-box.lay:hover,
        .bet-slip-box.lay:focus,
        .bet-slip-box.lay:active {
            background-color: var(--lay);
        }

    .bet-slip-box.bet-loading {
        position: relative;
    }

        .bet-slip-box.bet-loading:after {
            content: "";
            position: absolute;
            background-color: #131313b8;
            z-index: 100;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
        }

.bet-slip-loader {
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-color: var(--text-white) transparent;
    border-style: solid;
    border-width: 2px;
    animation: spinner 0.8s ease infinite;
    z-index: 1000;
    -webkit-animation: spinner 0.8s ease infinite;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.home-bet-slip .modal-body {
    padding: 0;
}

.home-bet-slip .bet-slip-box {
    margin-top: 0;
}

.home-bet-slip .bet-slip .bet-input {
    margin-left: 0;
}

.bet-slip {
    border-bottom: 1px solid #666;
    padding: 0 4px;
    margin-bottom: 4px;
}

    .bet-slip:last-child {
        border-bottom: 0;
    }

.bet-nation span {
    height: auto;
    /* color: var(--text-table); */
    font-size: var(--font-caption);
    letter-spacing: 0;
    line-height: 1;
    max-width: calc(100% - 20px);
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bet-nation a {
    color: #000;
}

.my-market-title {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
    padding: 3px 8px;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

    .my-market-title img {
        transform: rotate(180deg);
    }

    .my-market-title.collapsed img {
        transform: rotate(0);
    }

.my-market-container .bet-slip-box {
    margin-bottom: 10px;
}

.my-market-container .bet-nation span {
    line-height: 19px;
    max-height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: auto;
    max-width: 100%;
}

.bet-nation img {
    width: 10px;
    height: 10px;
    filter: invert(1);
}

.bet-slip-box .bet-time {
    height: 19px;
    font-size: var(--font-caption);
    letter-spacing: 0;
    line-height: 19px;
}

.bet-slip.back-border {
    border-left: 5px solid var(--back);
}

.bet-slip.lay-border {
    border-left: 5px solid var(--lay);
}

.my-market-nation {
    max-width: 100%;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden; */
}

.my-market-container .market-desc {
    color: var(--text-table);
    font-size: var(--font-caption);
    margin-top: 0;
}

.match-result {
    margin-top: 0;
    height: auto;
    /* color: var(--text-table); */
    font-size: var(--font-caption);
    line-height: 1;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bet-team {
    font-size: var(--font-caption);
    margin-top: 0;
    font-weight: var(--font-bold);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.bet-team-name {
    max-width: calc(100% - 85px);
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bet-total {
    padding: 16px;
    text-align: right;
}

    .bet-total .bet-odds {
        height: 19px;
        line-height: 19px;
    }

    .bet-total .bet-total-number {
        height: 19px;
        line-height: 19px;
    }

.bet-input-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .bet-input-box input {
        width: 70px;
    }

    .bet-input-box button {
        height: 36px;
        width: 40px;
        border: 0;
        font-size: 10px;
    }

    .bet-input-box .btn-minus {
        background-color: var(--bg-danger);
    }

    .bet-input-box .btn-plus {
        background-color: var(--bg-success);
    }

.bet-amount-box {
    display: flex;
    justify-content: space-between;
    padding: 0 4px 4px;
}

    .bet-amount-box > div {
        display: flex;
        gap: 4px;
        padding-right: 4px;
        align-items: center;
    }

.bet-input {
    margin-top: 3px;
    margin-left: 4px;
    width: 120px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 36px;
    margin: 0;
    margin-left: 0;
}

    .bet-input.back-border,
    .bet-input.lay-border {
        border-left: 0;
    }

    .bet-input.andar-border,
    .bet-input.bahar-border {
        border-left: 0;
    }

    /* .bet-input:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation-name: rotateborder;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotateborder;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: rotateborder;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

.bet-input:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--bg-body);
    border-radius: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
} */

    /* 
.bet-input.back-border:before {
    background-color: #72bbef;
    background-image: linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.lay-border:before {
    background-color: #f994ba;
    background-image: linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.andar-border:before {
    background-color: #ffa07a;
    background-image: linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.bahar-border:before {
    background-color: #90ee90;
    background-image: linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
} */

    .bet-input .form-control {
        color: #222;
        height: 36px;
        border: 0;
        background-color: #eee;
    }

.bet-buttons {
    padding: 0 4px 0 4px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-center;
    flex-wrap: wrap;
}

    .bet-buttons .btn-primary {
        min-width: calc(25% - 1.5px);
        margin-right: 2px;
        margin-bottom: 2px;
        height: 40px;
        border-radius: 0;
        background-color: var(--btn-primary);
        border-color: transparent;
        padding: 0;
    }

    .bet-buttons .btn:nth-child(4n) {
        margin-right: 0;
    }

/* .bet-buttons .btn:hover {
    opacity: 0.8;
} */

.confirm-bets {
    padding: 0 8px 8px 8px;
}

.possible-win {
    padding: 0;
    margin-top: 0;
    text-align: center;
    display: inline-block;
    text-align: right;
    width: auto;
    margin-top: 0;
    justify-content: flex-end;
}

    .possible-win h1 {
        display: inline-block;
    }

    .possible-win span {
        font-size: var(--font-small);
    }

    .possible-win h1 {
        /* color: var(--text-table); */
        font-size: var(--font-caption);
    }

.bet-slip-container .place-bet-btn {
    padding: 2px 4px 0 4px;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
}

    .bet-slip-container .place-bet-btn .btn {
        height: auto;
        width: calc(50% - 2px);
    }

        .bet-slip-container .place-bet-btn .btn:first-child {
            margin-right: 2px;
        }

        .bet-slip-container .place-bet-btn .btn span {
            height: 22px;
            font-weight: var(--font-semi);
            text-align: center;
        }

.market-tabs {
    padding: 0 20px;
    position: relative;
}

    .market-tabs .arrow-tabs {
        top: 0;
    }

    .market-tabs .nav-tabs {
        border: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
    }

    .market-tabs .nav-item {
        text-align: center;
    }

    .market-tabs .nav-tabs .nav-link {
        color: var(--text-sidebar);
        padding-top: 0;
        padding-bottom: 4px;
        padding-left: 12px;
        padding-right: 12px;
        border: 0;
    }

    .market-tabs .nav-tabs .nav-item .nav-link.active {
        font-weight: var(--font-semi);
        border-bottom: 2px solid;
        background-color: transparent;
    }

/*Place Bet*/

.modal-place-bet .bet-slip-container {
    padding: 16px 0;
}

.modal-place-bet .bet-slip-box {
    border-radius: 0;
}

.logo-casino {
    position: fixed;
    left: 0;
    top: 34px;
    width: 302px;
    z-index: 1001;
    background-color: var(--bg-body);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
}

    .logo-casino img {
        /* max-height: 50px; */
    }

.animate-on .logo-casino {
    top: 68px;
}

.header-casino {
    height: 75px;
    border-bottom: 0;
}

.casino-place-bet {
    width: 100%;
    border-radius: 0;
    margin-bottom: 4px;
}

.casino-place-bet-title {
    padding: 4px;
    text-transform: uppercase;
    font-weight: var(--font-bold);
}

    .casino-place-bet-title .casino-min-max {
        text-transform: capitalize;
    }

.casino-place-bet-header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 8px;
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
}

.casino-place-bet-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 6px;
    border-bottom: 1px solid #444;
}

.casino-place-bet-nation {
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.casino-place-bet-odds {
    width: 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}

.casino-place-bet-stake {
    width: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}

.casino-place-bet-row.back-border {
    border-left: 5px solid var(--back);
}

.casino-place-bet-row.lay-border {
    border-left: 5px solid var(--lay);
}

.casino-place-bet-box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 6px 6px;
    color: #000;
    flex-wrap: wrap;
}

    .casino-place-bet-box.back:hover {
        background-color: var(--back);
    }

    .casino-place-bet-box.lay:hover {
        background-color: var(--lay);
    }

.casino-place-bet-info {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

    .casino-place-bet-info .bet-input {
        width: 80px;
    }

.odds-box {
    position: relative;
    height: 36px;
    width: 80px;
    border-radius: 4px;
    padding: 0;
    background-color: var();
}

    .odds-box .form-control {
        height: 36px;
        width: 80px;
        background: #eee;
        color: #222;
        border: 0;
    }

/* .odds-box input:hover,
.odds-box input:focus,
.odds-box input:active {
    color: #000;
}

.odds-box input::placeholder {
    color: #000 !important;
}

.odds-box input::-moz-placeholder {
    color: #000 !important;
}

.odds-box input:-ms-input-placeholder {
    color: #000 !important;
}

.odds-box input::-webkit-input-placeholder {
    color: #000 !important;
} */

input.form-control:disabled {
    cursor: not-allowed;
    /* background-color: transparent; */
}

/* input.form-control[readonly] {
    background-color: transparent;
} */
/* 
.odds-box input:hover,
.odds-box input:focus {
    background: transparent;
    color: #000;
    border-color: #000;
} */

.odds-box .arrow-up {
    position: absolute;
    top: 9px;
    right: 8px;
    transform: scaleY(-1);
    /* filter: invert(1); */
}

.odds-box .arrow-down {
    position: absolute;
    bottom: 9px;
    right: 8px;
    /* filter: invert(1); */
}

.input-stake {
    background-color: transparent;
    width: 80px;
    height: 40px;
}

.bet-player img {
    width: 10px;
    height: 10px;
    margin-right: 16px;
}

.casino-place-bet-button-container {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 6px;
}

    .casino-place-bet-button-container .btn {
        margin-right: 1%;
        margin-bottom: 1%;
        width: 32.6%;
        padding: 0;
    }

        .casino-place-bet-button-container .btn:nth-child(3n) {
            margin-right: 0;
        }

.casino-place-bet-action-buttons {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}

    .casino-place-bet-action-buttons .btn {
        height: 40px;
        width: 112px;
    }

.casino-my-bet {
    width: 100%;
    border-radius: 0;
    /* background-color: #111;
    color: #eee; */
}

.home-container .home-casiono-icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 6px;
    padding: 6px;
}

    .home-container .home-casiono-icons .home-casino-icon-item {
        margin-bottom: 0;
        margin-right: 5px;
    }

        .home-container .home-casiono-icons .home-casino-icon-item:last-child {
            margin-right: 0;
        }

.home-casiono-icons {
    display: flex;
    flex-wrap: wrap;
}

    .home-casiono-icons h4 {
        background-color: var(--bg-table-header-new);
        color: var(--text-table-header-new);
        padding: 3px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        margin: 0;
    }

    .home-casiono-icons .home-casino-icon-item {
        margin-bottom: 16px;
        position: relative;
    }

    .home-casiono-icons .scroll-home-icon {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #333333 #000000;
    }

        .home-casiono-icons .scroll-home-icon::-webkit-scrollbar {
            width: 8px;
        }

        .home-casiono-icons .scroll-home-icon::-webkit-scrollbar-track {
            background: #000000;
        }

        .home-casiono-icons .scroll-home-icon::-webkit-scrollbar-thumb {
            background-color: #333333;
        }

.new-laucnh-icon {
    position: absolute;
    right: -15px;
    top: -20px;
}

    .new-laucnh-icon img {
        height: 80px;
    }

@keyframes newlaunch {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/*End Sidebar CSS*/

/*Footer CSS goes here*/

.footer {
    margin-top: 0;
    padding: 8px 0;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.footer-logo {
    width: 10%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

    .footer-logo img {
        max-width: 100%;
        max-height: 50px;
    }

.footer-box {
    width: 90%;
    margin: 8px auto 0;
}

.footer ul {
    display: inline-block;
}

    .footer ul li {
        float: left;
    }

        .footer ul li a {
            height: 22px;
            color: var(--text-body);
        }

.footer-social img {
    margin-left: 5px;
    height: 30px;
}

.footer-content {
    margin-top: 24px;
}

    .footer-content p {
        color: var(--text-body);
        font-size: var(--font-caption);
        line-height: 19px;
    }

.footer-faq {
    padding: 20px 20px 20px 0;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.faq-content {
    border-top: 0;
}

.home-new .footer-faq .sport-list-title {
    margin-bottom: 0;
    display: block;
    margin-left: 0;
}

.footer-top {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed var(--text-body);
    padding-bottom: 4px;
}

    .footer-top .secure-logo {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

        .footer-top .secure-logo img {
            max-height: 50px;
        }

.footer .support {
    width: 100%;
    display: flex;
    background-color: #444;
    padding: 8px 8px 8px 8px;
    justify-content: center;
    color: #ddd;
    border-radius: 0px;
    position: relative;
    flex-wrap: wrap;
}

    .footer .support > div:first-child {
        flex: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

        .footer .support > div:first-child b {
            font-size: 20px;
        }

.footer-top img {
    max-height: 30px;
    max-width: 100px;
    margin-right: 10px;
}

.footer .footer-social {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.footer-other {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-bottom {
    color: var(--text-body);
    font-size: var(--font-caption);
    line-height: 19px;
    margin-top: 4px;
    text-align: center;
}

.footer-menu {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 4px;
    justify-content: center;
    margin-top: 4px;
}

    .footer-menu ul li {
        margin: 0 8px;
        padding: 0 16px;
        position: relative;
    }

        .footer-menu ul li:first-child {
            margin-left: 0;
            padding-left: 0;
        }

        .footer-menu ul li:last-child {
            margin-right: 0;
            padding-right: 0;
        }

        .footer-menu ul li::after {
            position: absolute;
            content: "";
            background-color: var(--text-body);
            height: 8px;
            width: 8px;
            border-radius: 8px;
            top: 7px;
            right: -16px;
        }

        .footer-menu ul li:last-child::after {
            background-color: transparent;
        }

        .footer-menu ul li a {
            color: var(--text-body);
            font-weight: bold;
            font-size: 14px;
            transition: 0.5s;
            border-bottom: 1px solid var(--text-body);
        }

            .footer-menu ul li a:hover {
                text-decoration: underline;
            }

/*End Footer CSS*/

/*Login Page CSS goes here*/

.login-container {
    background-image: url("../img/login-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100%;
    height: 100%;
}

.login-wrapper {
    width: 100%;
    padding: 8px;
    min-height: 100vh;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logo-login img {
    max-width: 250px;
    max-height: 100px;
}

.login-form {
    padding-top: 0;
    width: 100%;
    max-width: 400px;
    min-height: 320px;
}

.change-form.show {
    transition: all 3s ease-out;
}

.change-form {
    padding-top: 0;
    width: 100%;
    min-height: 320px;
}

.modal .login-form {
    max-width: 100%;
}

.login-form .form-group,
.change-form .form-group {
    margin-right: 0;
    margin-bottom: 20px;
    position: relative;
}

.modal-login-new .modal-body .register-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    min-height: 280px;
}

/* .login-form .form-group:last-child,
.change-form .form-group:last-child {
    margin-bottom: 0;
} */

/* .login-form .form-group:last-child {
    margin-bottom: 0;
} */

.login-text {
    font-size: var(--font-big);
    font-weight: var(--font-bold);
    text-align: center;
}

.login-form .form-group a,
.change-form .form-group a {
    color: var(--text-green);
    text-decoration: underline;
}

.user-email-text {
    font-size: var(--font-caption);
    height: 17px;
    line-height: 17px;
    color: var(--text-table);
}

.login-form .form-control,
.change-form .form-control {
    height: 46px;
    border: 1px solid var(--text-body);
    opacity: 0.6;
    border-radius: 0;
    background-color: var(--bg-body);
    color: var(--text-body);
}

.login-form .custom-control-label::before {
    background-color: var(--bg-body);
    border: var(--text-body) solid 1px;
    border-radius: 2px !important;
    opacity: 0.6;
}

.login-form .custom-control-label {
    color: var(--text-body);
    font-size: var(--font-caption);
    line-height: 19px;
}

.login-form .forgot-text a {
    height: 19px;
    color: var(--text-body);
    opacity: 0.6;
    font-size: var(--font-caption);
    line-height: 19px;
}

.login-form .btn-primary {
    height: 46px;
    font-weight: var(--font-semi);
    text-align: center;
}

.modal-backdrop.show {
    opacity: 0.9;
    background-color: #131313;
}

.login-form .error,
.withdraw-request .error,
.change-form .error {
    color: var(--book-red);
    position: absolute;
    left: 0;
    /* bottom: -34px; */
    top: 100%;
    font-size: var(--font-small);
    line-height: 1;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    /* height: 34px; */
}

.login-footer {
    width: 100%;
    opacity: 0.8;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
}

    .login-footer .footer-box {
        width: 380px;
    }

        .login-footer .footer-box img {
            height: 30px;
        }

.login-wrapper .footer-menu {
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
}

    .login-wrapper .footer-menu ul {
        display: flex;
        justify-content: center;
        width: 100%;
    }

.login-footer .footer-top {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

    .login-footer .footer-top .support {
        font-size: 16px;
    }

    .login-footer .footer-top .footer-social {
        float: right;
    }

.login-footer .footer-bottom {
    font-size: var(--font-caption);
    line-height: 19px;
    margin-top: 10px;
}

.whatsapp-box {
    background: #444;
    color: #ddd;
    padding: 8px;
    border-radius: 0;
    max-width: 350px;
    width: 100%;
    margin: 0 auto 5px;
}

    .whatsapp-box > div:first-child {
        font-weight: bold;
        text-align: center;
        width: 100%;
    }

        .whatsapp-box > div:first-child h4 {
            font-weight: bold;
            font-size: 18px;
            margin-top: 8px;
        }

        .whatsapp-box > div:first-child span {
            font-size: 14px;
        }

.create-whatsapp-link {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
}

.whatsapp-icon {
    background-color: #3cc142;
    color: #fff;
    padding: 10px;
    border-radius: 0;
    font-size: 24px;
    width: 50px;
    box-shadow: 0 0 3px #fff;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.create-whatsapp-link .click-here {
    background-color: #3cc142;
    color: #fff;
    padding: 8px;
    width: calc(100% - 45px);
    margin-left: -5px;
    height: auto;
    line-height: 1;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.create-account-seperator {
    margin-top: 0;
    position: relative;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

    .create-account-seperator::before {
        position: absolute;
        content: "";
        background-color: #ddd;
        width: 30px;
        left: calc(50% - 41px);
        height: 2px;
        top: 50%;
        transform: translateX(-50%);
    }

    .create-account-seperator::after {
        position: absolute;
        content: "";
        background-color: #ddd;
        width: 30px;
        right: calc(50% - 64px);
        height: 2px;
        top: 50%;
        transform: translateX(-50%);
    }

/*End Login Page CSS*/

/*Home Page CSS goes here*/

.main-container {
    position: relative;
    width: 100%;
}

.sidebar-left ~ .main-container {
    width: calc(100% - 302px);
    margin-left: 302px;
    margin-top: 34px;
}

.animate-on .sidebar-left ~ .main-container {
    margin-top: 68px;
}

.center-main-content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding-top: 4px;
    margin-top: 50px;
}

/* .center-main-content.casino-center-main-content {
    margin-top: 95px;
} */

.header-casino ~ .center-main-content {
    margin-top: 105px;
    min-height: calc(100% - 168px);
}

.animate-on .header-casino ~ .center-main-content {
    margin-top: 168px;
}

.news-bar {
    border-radius: 0;
    width: 50%;
    margin: 0;
    padding: 0;
    font-size: var(--font-caption);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 46px;
    flex: 1;
    background-color: #444;
    color: #ddd;
    margin-left: 0;
}

    /*.news-bar .news-title {
    float: left;
    width: 60px;
    background-color: var(--btn-primary);
    text-align: center;
    padding: 8px 0;
    border-radius: 0 8px 8px 0;
    font-weight: var(--font-bold);
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
}*/

    .news-bar .news-title img {
        width: 45px;
    }

    /*.news-bar .news-title:after {
    content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    border-top: 23px solid transparent;
    border-right: 23px solid var(--btn-primary);
    border-bottom: 23px solid transparent;
    left: -46px;
    top: 0;
}*/

    .news-bar marquee {
        float: right;
        width: calc(100% - 50px);
        padding: 6px 0;
        padding-left: 10px;
        padding-right: 10px;
    }

.center-container {
    width: calc(100% - 358px);
    margin-right: 4px;
    margin-left: 4px;
    position: relative;
}

    .center-container .detail-page-container,
    .center-container .home-container,
    .center-container .casino-container,
    .center-container.casino-list-container {
        min-height: calc(100vh - 60px);
        height: auto;
        align-content: flex-start;
    }

.banner {
    height: auto;
    border-radius: 8px;
    /*background: linear-gradient(0deg, #100B1E 0%, #160D27 26.42%, #11091D 48.45%, #030309 100%);*/
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.detail-page-container .banner,
.detail-page-container .banner img {
    height: auto;
}

    .detail-page-container .banner.scorestats,
    .detail-page-container .banner.scorestats img {
        height: 250px;
        background-position: center;
        background-size: cover;
    }

    .detail-page-container .banner.scorecard-banner,
    .detail-page-container .banner.scorecard-banner img {
        height: 115px;
        background-position: center;
        background-size: cover;
    }

    .detail-page-container .banner.scorestats iframe {
        height: 235px;
        position: absolute;
        width: 85%;
    }

.carousel {
    width: 100%;
}

.banner img {
    height: auto;
    width: 100%;
}

.banner .game-header {
    font-size: var(--font-caption);
    position: absolute;
    left: 0;
    width: 100%;
    top: 16px;
    padding: 0;
}

    .banner .game-header .game-header-name {
        max-width: calc(100% - 150px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        position: absolute;
        left: 16px;
    }

    .banner .game-header .game-header-date {
        right: 16px;
        position: absolute;
    }

.bet-table {
    background-color: var(--bg-table);
    border-radius: 0;
    margin-top: 0;
    position: relative;
    transform: translateZ(0);
}

.bet-table-header {
    height: 40px;
    padding: 8px;
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    color: var(--text-white);
}

    .bet-table-header.nodata {
        background-color: #444;
        color: #ddd;
        justify-content: center;
    }

.game-title {
    width: calc(100% - 492px);
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
}

.bet-table-header .game-title .d-icon,
.bet-table-header .game-title span {
    margin-left: 5px;
}

.bet-table-header .game-title img {
    margin-right: 16px;
}

.matched-title {
    width: 90px;
}

.point-title {
    width: 148px;
    margin-left: 16px;
}

.matched-title,
.point-title {
    text-align: center;
}

.game-date {
    padding-right: 22px;
    border-right: 1px solid #3c444b;
    width: 150px;
    display: flex;
    display: -webkit-flex;
}

    .game-date.inplay {
        width: auto;
        border-right: 0 !important;
        padding-right: 0;
        width: 50px;
        position: relative;
    }

        .game-date.inplay span {
            position: relative;
            width: 50px;
            color: var(--bg-success);
            text-align: center;
        }

            .game-date.inplay span:after {
                content: "";
                background-color: var(--bg-success);
                height: 2px;
                width: 50px;
                position: absolute;
                bottom: -1px;
                animation: linear infinite alternate;
                animation-name: run;
                animation-duration: 1.2s;
                -webkit-animation: linear infinite alternate;
                -webkit-animation-name: run;
                -webkit-animation-duration: 1.2s;
            }

@keyframes run {
    0% {
        left: 0;
        width: 5%;
    }

    50% {
        width: 100%;
    }

    100% {
        right: 0;
        width: 5%;
    }
}

.game-date.inplay ~ .game-name {
    padding-left: 6px;
    width: calc(100% - 160px);
}

.game-title .day {
    height: 22px;
    color: var(--text-table);
    opacity: 0.6;
    display: inline-block;
    min-width: 85px;
    margin-bottom: 0;
    position: relative;
}

.game-title .time {
    min-width: 50px;
    color: var(--text-table);
    opacity: 0.6;
    display: inline-block;
    margin-bottom: 0;
}

.home-container .bet-table {
    min-height: calc(100vh - 440px);
}

.bet-table-body {
    position: relative;
}

.bet-table-box {
    border-bottom: 1px solid #3c444b;
}

.bet-table-row {
    padding: 6px 8px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.home-container .bet-table-row.suspendedtext:after {
    top: 6px;
    height: 32px;
    width: 476px;
}

.bet-table-row:last-child {
    border-bottom: 0;
}

.game-name {
    padding-left: 16px;
    width: calc(100% - 260px);
    vertical-align: top;
}

.team-name {
    max-height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    color: var(--text-table);
}

    .team-name.team-event {
        font-size: 14px;
    }

.game-icons {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
}

.game-icon {
    /*width: 25px;*/
    text-align: center;
    margin-right: 5px;
}

    .game-icon:last-child {
        margin-right: 0;
    }

    .game-icon.tv-icon {
        width: 16px;
    }

    .game-icon.fancy-icon {
        width: 10px;
    }

    .game-icon.fancy1-icon {
        width: 18px;
    }

    .game-icon.bm-icon {
        width: 25px;
    }

    .game-icon img.tv {
        height: 20px;
    }

.active-game {
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: var(--bg-success);
    border-radius: 50%;
}

.f-bm-icon {
    font-weight: var(--font-bold);
}

.bet-table-row .matched-title {
    height: 60px;
    color: var(--text-table);
    line-height: 60px;
}

.bl-box {
    height: 32px;
    width: 72px;
    border-radius: 0;
    padding: 5px 0;
    text-align: center;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

    .bl-box.odds-down {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .bl-box.odds-up {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .bl-box:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 4px;
    }

    .bl-box.suspended:before {
        z-index: 1;
    }

    .bl-box.odds-down:before {
        background: #ff000080;
        transform: scale(0, 0);
        animation: oddsdown 0.5s ease-out;
    }

    .bl-box.odds-up:before {
        background: #13c41380;
        transform: scale(0, 0);
        animation: oddsup 0.5s ease-out;
    }

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

    to {
        transform: scale(1);
    }
}

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

    to {
        transform: scale(1);
    }
}

.back-title {
    background-color: var(--back-title);
    color: #eee !important;
}

.lay-title {
    background-color: var(--lay-title);
    color: #eee !important;
}

.bl-box.no-odds .odds {
    color: var(--text-white);
}

.bl-box.no-val {
    border: 1px solid #3c444b;
    border-radius: 0;
}

.bl-box:last-child {
    margin-right: 0 !important;
}

.bl-box span {
    height: 19px;
    color: var(--text-black);
    font-size: var(--font-caption);
    font-weight: var(--font-medium);
    text-align: center;
}

.bl-box .odds {
    height: 22px;
    color: var(--text-black);
    font-weight: var(--font-bold);
    text-align: center;
    font-size: var(--font-odds);
}

.bl-box.no-val .odds {
    color: var(--text-table);
}

.sport-tabs {
    height: 40px;
    border-radius: 0;
    background-color: var(--bg-table);
    margin-top: 6px;
    position: relative;
}

    .sport-tabs .arrow-tabs {
        background-color: transparent;
        top: 0;
        height: 40px;
    }

        .sport-tabs .arrow-tabs.arrow-left img,
        .casino-tabs .arrow-tabs.arrow-left img {
            transform: rotate(90deg);
        }

        .sport-tabs .arrow-tabs.arrow-right img,
        .casino-tabs .arrow-tabs.arrow-right img {
            transform: rotate(270deg);
        }

    .sport-tabs .nav-tabs {
        border: 0;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: hidden;
        height: 40px;
        scroll-behavior: smooth;
    }

        .sport-tabs .nav-tabs .nav-link {
            border: 0;
            position: relative;
            min-width: 150px;
            text-align: center;
            height: 40px;
            line-height: 40px;
            padding-top: 0;
            padding-bottom: 0;
            color: var(--text-table);
            border-right: 1px solid #3c444b;
            border-radius: 0;
            background-color: transparent !important;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap;
        }

            .sport-tabs .nav-tabs .nav-link.active {
                color: var(--text-white);
            }

            .sport-tabs .nav-tabs .nav-link .d-icon {
                font-size: 20px;
            }

                .sport-tabs .nav-tabs .nav-link .d-icon.icon-998,
                .sport-tabs .nav-tabs .nav-link .d-icon.icon-suits {
                    font-size: 16px;
                }

            .sport-tabs .nav-tabs .nav-link img {
                filter: invert(29%);
                -webkit-filter: invert(29%);
                height: 20px;
            }

            .sport-tabs .nav-tabs .nav-link.sport1.active {
                background-color: var(--football) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport2.active {
                background-color: var(--tennis) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport3.active {
                background-color: var(--boxing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport4.active {
                background-color: var(--cricket) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport5.active {
                background-color: var(--golf) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport6.active {
                background-color: var(--boxing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport7.active {
                background-color: var(--beach-volleyball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport8.active {
                background-color: var(--table-tennis) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport9.active {
                background-color: var(--futsal) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport10.active {
                background-color: var(--horse-racing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport11.active {
                background-color: var(--egames) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport12.active {
                background-color: var(--grey-hounds) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport13.active {
                background-color: var(--trotting) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport14.active {
                background-color: var(--speedway) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport15.active {
                background-color: var(--basketball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport16.active {
                background-color: var(--moto-gp) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport17.active {
                background-color: var(--chess) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport18.active {
                background-color: var(--vollyball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport19.active {
                background-color: var(--ice-hockey) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport20.active {
                background-color: var(--equine-sports) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport21.active {
                background-color: var(--australians-rules) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport22.active {
                background-color: var(--badminton) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport23.active {
                background-color: var(--formula-1) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport24.active {
                background-color: var(--nascar) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport25.active {
                background-color: var(--hockey) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport26.active {
                background-color: var(--supercars) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport27.active {
                background-color: var(--netball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport28.active {
                background-color: var(--surfing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport29.active {
                background-color: var(--cycling) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport30.active {
                background-color: var(--gaelick-sports) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport31.active {
                background-color: var(--biathlon) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport32.active {
                background-color: var(--motorbikes) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport33.active {
                background-color: var(--athletics) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport34.active {
                background-color: var(--squash) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport35.active {
                background-color: var(--basketball-3-3) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport36.active {
                background-color: var(--floorball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport37.active {
                background-color: var(--sumo) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport38.active {
                background-color: var(--virtual-sports) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport39.active {
                background-color: var(--handball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport40.active {
                background-color: var(--politics) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport41.active {
                background-color: var(--weather) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport42.active {
                background-color: var(--tv-games) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport43.active {
                background-color: var(--lottery) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport44.active {
                background-color: var(--bowls) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport45.active {
                background-color: var(--poker) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport46.active {
                background-color: var(--waterpolo) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport47.active {
                background-color: var(--alpine-skiing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport48.active {
                background-color: var(--sailing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport49.active {
                background-color: var(--hurling) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport50.active {
                background-color: var(--ski-jumping) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport51.active {
                background-color: var(--bandy) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport52.active {
                background-color: var(--motor-sports) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport53.active {
                background-color: var(--baseball) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport54.active {
                background-color: var(--rugby-union) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport55.active {
                background-color: var(--rugby-league) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport56.active {
                background-color: var(--curling) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport57.active {
                background-color: var(--darts) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport58.active {
                background-color: var(--americal-footbal) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport59.active {
                background-color: var(--snooker) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport60.active {
                background-color: var(--gaelick-sports) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport61.active {
                background-color: var(--lottery-specials) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport62.active {
                background-color: var(--football) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport63.active {
                background-color: var(--special-bets) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport64.active {
                background-color: var(--egames) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport65.active {
                background-color: var(--grey-hounds) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport66.active {
                background-color: var(--kabaddi) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport67.active {
                background-color: var(--boat-racing) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport68.active {
                background-color: var(--e-socker) !important;
            }

            .sport-tabs .nav-tabs .nav-link.sport999.active {
                background-color: var(--card-cricket) !important;
            }

            .sport-tabs .nav-tabs .nav-link.active img {
                filter: invert(0);
                -webkit-filter: invert(0);
            }

            .sport-tabs .nav-tabs .nav-link span {
                margin-left: 16px;
            }

            .sport-tabs .nav-tabs .nav-link .close-tab {
                position: absolute;
                right: 8px;
                top: 8px;
                height: 8px;
                width: 8px;
            }

            .sport-tabs .nav-tabs .nav-link:hover {
                /* color: var(--text-table); */
            }

                .sport-tabs .nav-tabs .nav-link:hover img {
                    filter: invert(0%);
                    -webkit-filter: invert(0%);
                }

.arrow-tabs {
    width: 30px;
    position: absolute;
    top: 5px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    background-color: #444;
    color: #ddd;
    font-size: 16px;
}

    .arrow-tabs:hover,
    .arrow-tabs:focus {
        opacity: 0.6;
    }

    .arrow-tabs.arrow-left {
        left: 0;
    }

    .arrow-tabs.arrow-right {
        right: 0;
    }

/*End Home Page CSS*/

/*Detail Page CSS goes here*/

.game-header {
    padding: 8px;
    color: var(--text-white);
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .game-header .game-header-name {
        max-width: calc(100% - 180px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        display: inline-block;
    }

    .game-header i {
        color: #ffffff80;
    }

        .game-header i.active-tab {
            color: #ffffff;
        }

.game-header-date {
    float: right;
}

.detail-page-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.all-markets {
    padding: 5px;
    width: 100%;
    background-color: var(--bg-table);
    margin-top: 5px;
    border-radius: 0;
    word-break: break-all;
    word-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .all-markets > div:first-child {
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 38px;
        min-height: 38px;
        white-space: nowrap;
    }

    .all-markets > div:last-child {
        width: calc(20% - 5px);
        position: absolute;
        right: 5px;
    }

    .all-markets .search-box .form-control {
        height: 40px;
    }

    .all-markets:hover > div:first-child {
        max-height: unset;
        white-space: normal;
    }

    .all-markets a {
        color: var(--text-table);
        margin-right: 10px;
    }

.detail-page-container .market-1 {
    min-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
}

.detail-page-container .market-2 {
    min-width: calc(33.33% - 6px);
    max-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
    width: 50%;
}

.detail-page-container .market-11 {
    min-width: calc(50% - 6px);
    max-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
    width: 50%;
}

.detail-page-container .market-3 {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(50% - 6px);
    flex: 1;
}

.detail-page-container .market-4,
.detail-page-container .market-12,
.detail-page-container .market-13,
.detail-page-container .market-14 {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(100% - 6px);
    flex: 1;
}

    .detail-page-container .market-14 .nation-name p {
        max-width: calc(100% - 60px);
    }

    .detail-page-container .market-4.width-75,
    .detail-page-container .market-12.width-75,
    .detail-page-container .market-13.width-75,
    .detail-page-container .market-14.width-75 {
        margin-left: 3px;
        margin-right: 3px;
        min-width: calc(60% - 6px);
        max-width: calc(100% - 6px);
        flex: 1;
    }

        .detail-page-container .market-4.width-75 .nation-name p,
        .detail-page-container .market-12.width-75 .nation-name p,
        .detail-page-container .market-13.width-75 .nation-name p,
        .detail-page-container .market-14.width-75 .nation-name p {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
        }

            .detail-page-container .market-4.width-75 .nation-name p:last-child,
            .detail-page-container .market-12.width-75 .nation-name p:last-child,
            .detail-page-container .market-13.width-75 .nation-name p:last-child,
            .detail-page-container .market-14.width-75 .nation-name p:last-child {
                text-align: right;
                width: 100%;
                height: auto;
                line-height: 1;
                font-size: 12px;
                position: absolute;
                right: 5px;
                width: 100%;
                text-align: right;
                bottom: -10px;
                justify-content: flex-end;
            }

            .detail-page-container .market-4.width-75 .nation-name p span:first-child,
            .detail-page-container .market-12.width-75 .nation-name p span:first-child,
            .detail-page-container .market-13.width-75 .nation-name p span:first-child,
            .detail-page-container .market-14.width-75 .nation-name p span:first-child {
                line-height: 16px;
                max-height: 32px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                white-space: normal;
                height: auto;
                max-width: calc(100% - 50px);
                width: calc(100% - 50px);
                font-size: 14px;
            }

            .detail-page-container .market-4.width-75 .nation-name p span:last-child,
            .detail-page-container .market-12.width-75 .nation-name p span:last-child,
            .detail-page-container .market-13.width-75 .nation-name p span:last-child,
            \.detail-page-container .market-14.width-75 .nation-name p span:last-child {
                width: 50px;
                text-align: right;
                line-height: 1;
                height: auto;
            }

.detail-page-container .market-2.width-25 {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(40% - 6px);
    flex: 1;
}

    .detail-page-container .market-2.width-25 .nation-name p span:first-child {
        line-height: 16px;
        max-height: 32px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: auto;
        max-width: calc(100% - 50px);
        width: calc(100% - 50px);
        font-size: 14px;
    }

    .detail-page-container .market-2.width-25 .nation-name p span:last-child {
        width: 50px;
        text-align: right;
        line-height: 1;
        height: auto;
    }

    .detail-page-container .market-2.width-25 .nation-name p:last-child {
        text-align: right;
        width: 100%;
        height: auto;
        line-height: 1;
        font-size: 12px;
        position: absolute;
        right: 5px;
        width: 100%;
        text-align: right;
        bottom: -10px;
        justify-content: flex-end;
    }

.detail-page-container .market-5 {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(100% - 6px);
    flex: 1;
}

.detail-page-container .market-6 {
    min-width: calc(100% - 6px);
    max-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
    width: 50%;
}

.goal .detail-page-container .market-6 {
    min-width: calc(50% - 6px);
    max-width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
    width: 50%;
}

.detail-page-container.cricket-detail .market-6 {
    min-width: calc(100% - 6px);
}

.detail-page-container .market-9 {
    min-width: calc(50% - 6px);
    max-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
}

.detail-page-container .market-10 {
    min-width: calc(50% - 6px);
    max-width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    flex: 1;
}

.detail-page-container.cricket-detail .market-10 {
    min-width: calc(100% - 6px);
}

.detail-page-container .bet-table-header {
    min-height: 30px;
    height: auto;
    padding: 5px 8px;
    border-radius: 0;
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .detail-page-container .bet-table-header img {
        transform: rotate(180deg);
    }

    .detail-page-container .bet-table-header.collapsed img {
        transform: rotate(0);
    }

.detail-page-container .market-3 .bet-table-header,
.detail-page-container .market-4 .bet-table-header,
.detail-page-container .market-5 .bet-table-header,
.detail-page-container .market-6 .bet-table-header,
.detail-page-container .market-10 .bet-table-header,
.detail-page-container .market-12 .bet-table-header,
.detail-page-container .market-13 .bet-table-header,
.detail-page-container .market-14 .bet-table-header {
    justify-content: flex-start;
}

.detail-page-container .bet-table {
    margin-top: 4px;
}

.detail-page-container .bet-table-row {
    padding: 2px 8px;
}

.bet-table-body .bet-table-row:first-child {
    padding: 2px 8px;
}

.detail-page-container .max-bet {
    font-size: var(--font-small);
    text-align: left;
}

.detail-page-container .market-2 .max-bet,
.detail-page-container .market-3 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-6 .max-bet,
.detail-page-container .market-9 .max-bet,
.detail-page-container .market-11 .max-bet,
.detail-page-container .market-12 .max-bet,
.detail-page-container .market-13 .max-bet,
.detail-page-container .market-14 .max-bet {
    font-weight: bold;
}

    .detail-page-container .market-2 .max-bet .nation-name,
    .detail-page-container .market-3 .max-bet .nation-name {
        display: flex;
        flex-wrap: wrap;
    }

.detail-page-container .market-2 .max-bet,
.detail-page-container .market-3 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-6 .max-bet,
.detail-page-container .market-9 .max-bet,
.detail-page-container .market-10 .max-bet,
.detail-page-container .market-11 .max-bet,
.detail-page-container .market-12 .max-bet,
.detail-page-container .market-13 .max-bet,
.detail-page-container .market-14 .max-bet {
    width: 100%;
    text-align: left;
    line-height: 1;
}

.detail-page-container .nation-name {
    width: calc(100% - 452px);
    padding-right: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.detail-page-container .market-2 .nation-name > span:first-child,
.detail-page-container .market-3 .nation-name > span:first-child,
.detail-page-container .market-4 .nation-name > span:first-child,
.detail-page-container .market-5 .nation-name > span:first-child,
.detail-page-container .market-6 .nation-name > span:first-child,
.detail-page-container .market-9 .nation-name > span:first-child,
.detail-page-container .market-10 .nation-name > span:first-child,
.detail-page-container .market-11 .nation-name > span:first-child,
.detail-page-container .market-12 .nation-name > span:first-child,
.detail-page-container .market-13 .nation-name > span:first-child,
.detail-page-container .market-14 .nation-name > span:first-child {
    max-width: 100%;
    line-height: 1;
}

/* .detail-page-container .market-2 .nation-name>span:first-child,
.detail-page-container .market-3 .nation-name>span:first-child {
    max-width: 100%;
    margin-bottom: 3px;
    line-height: 1;
} */

.detail-page-container .nation-name > span:first-child {
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    max-width: 100%;
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle;
}

.detail-page-container .bet-table-header .nation-name {
    width: 100% !important;
}

.detail-page-container .market-1 .bet-table-header span:first-child {
    text-transform: capitalize;
}

.detail-page-container .bet-table-body .nation-name .max-bet {
    text-align: right;
}

.detail-page-container .market-2 .nation-name,
.detail-page-container .market-11 .nation-name {
    width: calc(100% - 148px);
}

    .detail-page-container .market-2 .nation-name p {
        display: flex;
    }

.detail-page-container .market-3 .nation-name {
    width: calc(100% - 300px);
}

.detail-page-container .market-3 .bet-table-body .bet-table-row:first-child .nation-name {
    width: calc(100% - 224px);
}

.detail-page-container .market-5 .nation-name {
    width: calc(100% - 300px);
}

.detail-page-container .market-3 .bet-table-header .nation-name {
    width: calc(100% - 224px);
}

.detail-page-container .market-4 .bet-table-header .nation-name,
.detail-page-container .market-12 .bet-table-header .nation-name,
.detail-page-container .market-13 .bet-table-header .nation-name,
.detail-page-container .market-14 .bet-table-header .nation-name {
    width: calc(100% - 300px);
}

.detail-page-container .market-4 .bet-table-body .bet-table-row:first-child .nation-name,
.detail-page-container .market-12 .bet-table-body .bet-table-row:first-child .nation-name,
.detail-page-container .market-13 .bet-table-body .bet-table-row:first-child .nation-name,
.detail-page-container .market-14 .bet-table-body .bet-table-row:first-child .nation-name {
    width: calc(100% - 300px);
}

.detail-page-container .market-5 .bet-table-header .nation-name {
    width: calc(100% - 298px);
}

.detail-page-container .market-6 .bet-table-header .nation-name {
    width: calc(100% - 224px);
}

.ball-by-ball .detail-page-container .market-6 .bet-table-header .nation-name {
    width: calc(100% - 148px);
}

.detail-page-container .market-6 .fancy-tripple {
    border-bottom: 1px solid #3c444b;
}

/*.detail-page-container .market-6 .fancy-tripple:last-child
{
    border-bottom: 0;
}*/

.detail-page-container.cricket-detail .market-6 .fancy-tripple {
    height: 100%;
}

.detail-page-container.cricket-detail .market-6 .col-md-6:nth-last-child(2) .fancy-tripple,
.detail-page-container.cricket-detail .market-6 .col-md-6:nth-last-child(1) .fancy-tripple,
.detail-page-container.cricket-detail .market-10 .col-md-6:nth-last-child(2) .fancy-tripple,
.detail-page-container.cricket-detail .market-10 .col-md-6:nth-last-child(1) .fancy-tripple {
    border-bottom: 0;
}

.detail-page-container .market-6 .fancy-tripple .bet-table-row {
    border-bottom: 0;
}

.detail-page-container .market-6 .nation-name {
    width: calc(100% - 224px);
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: relative;
}

.ball-by-ball .detail-page-container .market-6 .nation-name {
    width: calc(100% - 148px);
}

.detail-page-container .market-6 .nation-name p {
    height: 16px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
}

    .detail-page-container .market-6 .nation-name p:last-child {
        width: 100%;
        text-align: left;
    }

.detail-page-container .market-9 .nation-name {
    width: calc(100% - 72px);
}

.detail-page-container .market-10 .nation-name {
    width: calc(100% - 148px);
    cursor: pointer;
}

.detail-page-container .market-10 .bet-table-row {
    border-bottom: 1px solid #3c444b;
}

.fancy-min-max {
    font-size: var(--font-small);
    text-align: right;
    width: 72px;
    line-height: 16px;
    font-weight: bold;
}

.detail-page-container .bl-title {
    height: 22px;
    border-radius: 0;
    width: 72px;
    text-align: center;
    line-height: 22px;
    color: var(--text-black);
    font-weight: var(--font-medium);
    margin-right: 4px;
    cursor: default;
    font-size: var(--font-caption);
}

    .detail-page-container .bl-title:last-child {
        margin-right: 0;
    }

.detail-page-container .bl-box {
    width: 72px;
    height: 34px;
    padding: 3px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .detail-page-container .bl-box span {
        height: 14px;
        line-height: 14px;
    }

    .detail-page-container .bl-box .odds {
        height: 16px;
        line-height: 16px;
        margin-bottom: 1px;
    }

    .detail-page-container .bl-box.no-val {
        line-height: 38px;
        padding: 0;
        border: 0;
    }

        .detail-page-container .bl-box.no-val .odds {
            color: var(--text-table);
        }

.detail-page-container .nation-name p {
    height: 16px;
    color: var(--text-table);
    margin-bottom: 6px;
    margin-bottom: 0;
    /* line-height: 16px; */
    width: 100%;
    line-height: 1;
}

    .detail-page-container .nation-name p span:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 80px);
        width: calc(100% - 80px);
        display: inline-block;
        font-size: 14px;
        line-height: 1;
    }

    .detail-page-container .nation-name p span:last-child {
        font-size: var(--font-small);
        line-height: 1;
    }

.detail-page-container .market10 .nation-name p span:last-child {
    font-size: var(--font-body);
}

.detail-page-container .nation-name p:last-child {
    margin-bottom: 0;
    font-size: 14px;
}

.bet-table .bet-table-header:not(:first-child) {
    border-radius: 0;
}

.detail-tabs {
    height: 60px;
    border-radius: 8px 8px 0 0;
    margin-top: 16px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

    .detail-tabs .nav-tabs {
        border: 0;
    }

        .detail-tabs .nav-tabs .nav-link {
            color: var(--text-table);
            padding-top: 0;
            padding-bottom: 4px;
            padding-left: 12px;
            padding-right: 12px;
            border: 0;
        }

        .detail-tabs .nav-tabs .nav-item.active .nav-link {
            font-weight: var(--font-semi);
        }

        .detail-tabs .nav-tabs .nav-link:focus,
        .detail-tabs .nav-tabs .nav-link:hover {
            border: 0;
        }

.detail-page-container .market-1 .bet-table-row {
    padding-left: 0;
    padding-right: 0;
}

    .detail-page-container .market-1 .bet-table-row .market-1-item {
        padding: 2px 8px;
        border-bottom: 1px solid #3c444b;
        display: flex;
        display: -webkit-flex;
        flex: 1 1 auto;
        justify-content: space-between;
        align-items: center;
        min-width: 33.33%;
        max-width: 50%;
    }

        .detail-page-container .market-1 .bet-table-row .market-1-item > div:first-child {
            cursor: pointer;
        }

        .detail-page-container .market-1 .bet-table-row .market-1-item:nth-child(3n) {
            border-right: 0;
        }

.detail-page-container .market-1 .live-book {
    flex: 1;
    text-align: right;
    margin-right: 5px;
}

.market-1 .suspendedfull:after {
    width: 100%;
    right: 0;
}

.market-1 .suspendedtext:after {
    right: 0;
    width: 100%;
    height: calc(100% - 2px);
}

.market-1 .suspended:after {
    background-color: #131313c2;
    color: var(--text-red);
}

.market-2 .suspendedtext:after,
.market-2 .suspendedtext:before,
.market-11 .suspendedtext:after,
.market-11 .suspendedtext:before {
    width: 148px;
    height: 34px;
}

.market-2 .suspendedfull:after,
.market-11 .suspendedfull:after {
    width: 148px;
    height: calc(100% - 4px);
}

.market-3 .suspendedtext:after {
    width: 300px;
    height: 34px;
}

.market-3 .suspendedfull:after {
    width: 300px;
    height: calc(100% - 4px);
}

.market-4 .suspendedtext:after,
.market-13 .suspendedtext:after,
.market-14 .suspendedtext:after {
    width: 452px;
    height: 34px;
}

.market-12 .suspendedtext:after {
    width: 452px;
    height: 100%;
    top: 0;
}

.market-4 .suspendedfull:after,
.market-12 .suspendedfull:after,
.market-13 .suspendedfull:after,
.market-14 .suspendedfull:after {
    width: 452px;
    height: calc(100% - 4px);
}

.market-12 .suspendedfull:before {
    content: "";
    background-image: url("../img/lock.svg");
    background-size: 17px 17px;
    filter: invert(1);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    width: 452px;
    height: 100%;
    right: 0;
    top: 0;
    background-position: center;
    pointer-events: none;
}

.market-12 .suspendedfull:after {
    content: "";
}

.market-12 .suspendedtext.removed::after {
    color: #fff;
}

.market-5 .suspendedtext:after {
    right: 160px;
    width: 148px;
    height: 34px;
}

.market-5 .suspendedfull:after {
    right: 160px;
    width: 148px;
    height: calc(100% - 4px);
}

.market-6 .suspendedtext:after {
    width: 148px;
    right: 84px;
    /* height: calc(100% - 4px); */
    height: 34px;
}

.market-6 .suspendedfull:after {
    width: 148px;
    right: 84px;
    /* height: calc(100% - 4px); */
    height: 34px;
}

.market-9 .suspendedtext:after {
    width: 72px;
    right: 8px;
    /* height: calc(100% - 4px); */
    height: 34px;
}

.market-10 .suspendedtext:after {
    width: 72px;
    right: 84px;
    /* height: calc(100% - 4px); */
    height: 34px;
}

.market-message {
    padding: 0 5px;
    font-size: var(--font-small);
    line-height: 16px;
    color: var(--text-table);
}

.market-2 .suspendedfull::after,
.market-3 .suspendedfull::after,
.market-4 .suspendedfull::after,
.market-5 .suspendedfull::after,
.market-6 .suspendedfull::after,
.market-9 .suspendedfull::after,
.market-10 .suspendedfull::after,
.market-11 .suspendedfull::after,
.market-12 .suspendedfull::after,
.market-13 .suspendedfull::after,
.market-14 .suspendedfull::after {
    height: calc(100% - 30px);
    top: 28px;
}

/*Scorecard*/

.scorecard {
    width: 616px;
    border-radius: 0;
    background-color: var(--bg-table);
    position: absolute;
    font-size: var(--font-caption);
    max-width: 95%;
}

.scorecard-header {
    border-radius: 8px 8px 0 0;
    height: 32px;
    font-size: var(--font-small);
    padding: 5px 10px;
}

.scorecard-row {
    padding: 2px 15px;
    border-bottom: 1px solid #666;
}

    .scorecard-row:last-child {
        border-bottom: 0;
    }

.ball-runs {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 28px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    background-color: #0088cc;
    color: #ffffff;
    text-align: center;
    margin-right: 2px !important;
}

    .ball-runs.four {
        background-color: #087f23;
    }

    .ball-runs.six {
        background-color: #883997;
    }

    .ball-runs.wicket {
        background-color: #ff0000;
    }

/*End Detail Page CSS*/

/*Casino Page CSS goes here*/

.casino-center {
    width: calc(100% - 476px);
    margin-right: 6px;
    margin-left: 6px;
    position: relative;
}

.casino-sliders {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.casino-carousal {
    /*width: calc(100% - 480px);*/
    width: 73%;
}

    .casino-carousal img {
        height: 300px;
        width: 100%;
    }

.casino-small-icons {
    /*width: 464px;*/
    width: calc(27% - 5px);
    margin-left: 5px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.casino-small-icon {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
}

    .casino-small-icon:nth-child(2n) {
        margin-right: 0;
    }

    .casino-small-icon:nth-child(3n),
    .casino-small-icon:nth-child(4n) {
        margin-bottom: 0;
    }

    .casino-small-icon img {
        height: 145px;
        width: 100%;
    }

.casino-tabs {
    height: 50px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    border-radius: 0 0 8px 8px;
}

.casino-tabs-menu {
    position: relative;
    width: 100%;
    max-width: calc(100% - 50px);
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    /* transition: 0.75s; */
    /* padding-left: 40px;
    padding-right: 40px; */
}

.is-search .casino-tabs-menu {
    max-width: calc(100% - 300px);
    transition: 1.2s ease;
}

.frame-open .casino-tabs-menu {
    width: calc(100% - 50px);
    /* display: inline-block; */
}

.header .close-frame-fantacy {
    position: unset;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 36px;
}

.casino-tabs .arrow-tabs {
    top: 50%;
    transform: translateY(-50%);
}

    .casino-tabs .arrow-tabs.arrow-right {
        right: 5px;
    }

.casino-tabs .nav-tabs {
    border: 0;
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    flex-wrap: nowrap;
    overflow: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
}

    .casino-tabs .nav-tabs .nav-link {
        color: var(--text-body);
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 0;
        text-align: center;
        opacity: 0.7;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: opacity 0.2s linear;
        cursor: pointer;
        border-radius: 0;
    }

        .casino-tabs .nav-tabs .nav-link img {
            height: 20px;
        }

    .casino-tabs .nav-tabs .nav-item .nav-link.active {
        opacity: 1;
        background-color: transparent;
    }

    .casino-tabs .nav-tabs .nav-item .nav-link:hover,
    .casino-tabs .nav-tabs .nav-item .nav-link:focus {
        opacity: 1;
        background-color: transparent;
    }

.center-container.casino-list-container {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
}

.casino-container {
    width: 100%;
    min-height: calc(100vh - 100px);
}

    .casino-container .center-main-content {
        padding: 16px 30px;
    }

.report-container .casino-title {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    margin-top: 6px;
}

.casino-banners {
    padding: 10px 10px 0 10px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 6px;
}

.casino-banner-item {
    width: calc(16.66% - 8.4px);
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    transition: 3s;
}

.live-casino-banners .casino-banner-item {
    width: calc(20% - 8px);
    margin-right: 10px;
    margin-bottom: 10px;
}

    .live-casino-banners .casino-banner-item:nth-child(6n) {
        margin-right: 10px;
    }

    .live-casino-banners .casino-banner-item:nth-child(5n) {
        margin-right: 0;
    }

.slot-banner-full {
    width: 100% !important;
}

.casino-banner-item:hover > div:first-child {
    filter: blur(6px);
}

.casino-banner-item .slot-title {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    transition: 1s;
}

    .casino-banner-item .slot-title .btn {
        background-color: #fdcf13;
        color: #000;
        min-width: 100px;
        margin-top: 10px;
    }

.casino-banner-item:hover .slot-title {
    display: flex;
}

@keyframes slide-down {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.casino-banner-item img {
    border-radius: 0;
    width: 100%;
}

.casino-banner-item:nth-child(6n) {
    margin-right: 0;
}

.casino-banner-item.launch-soon {
    position: relative;
    cursor: not-allowed;
}

    .casino-banner-item.launch-soon img {
        transition: 0.8s;
    }

    .casino-banner-item.launch-soon:hover img {
        filter: blur(10px);
        transition: 0.8s;
    }

    .casino-banner-item.launch-soon:hover::after {
        position: absolute;
        content: "Launch Soon";
        font-weight: var(--font-bold);
        top: 0;
        left: 0;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        z-index: 1000;
        transition: 0.8s;
    }

.casino-primary-tabs {
    height: 50px;
    margin-top: 6px;
    position: relative;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

    .casino-primary-tabs .nav-tabs {
        border: 0;
        margin-left: 30px;
        margin-right: 30px;
        flex-wrap: nowrap;
        overflow: hidden;
        scroll-behavior: smooth;
        white-space: nowrap;
    }

        .casino-primary-tabs .nav-tabs .nav-item {
            text-align: center;
            width: 138px;
        }

            .casino-primary-tabs .nav-tabs .nav-item .nav-link {
                height: 50px;
                padding: 0;
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                border-radius: 0;
            }

        .casino-primary-tabs .nav-tabs .nav-link:focus,
        .casino-primary-tabs .nav-tabs .nav-link:hover {
            border-color: transparent;
        }

            .casino-primary-tabs .nav-tabs .nav-link:focus img,
            .casino-primary-tabs .nav-tabs .nav-link:hover img {
                filter: invert(0%);
                -webkit-filter: invert(0%);
            }

        .casino-primary-tabs .nav-tabs .nav-item .nav-link span {
            display: block;
            text-transform: uppercase;
        }

        .casino-primary-tabs .nav-tabs .nav-item .nav-link.active {
            background-color: transparent;
            border-color: transparent;
        }

.casino-box-tabs {
    padding: 10px 0;
    position: sticky;
    top: 94px;
    margin-top: -6px;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.animate-on .casino-box-tabs {
    top: 128px;
}

.casino-box-tabs ul {
    margin: 0 50px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: hidden;
}

.casino-box-tabs .nav-pills .nav-item {
    margin-right: 10px;
}

    .casino-box-tabs .nav-pills .nav-item img {
        height: 30px;
        margin-right: 5px;
    }

.casino-box-tabs .nav-pills .nav-link.active {
    border: 2px solid var(--text-btn-primary);
}

.casino-box-tabs .nav-pills .nav-link {
    border-radius: 20px;
    background-color: transparent;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.casino-search {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 50px;
    cursor: pointer;
    border-radius: 0;
    background-color: #666;
    color: #ddd;
    /* box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.2); */
}

.casino-box .casino-search {
    height: 50px;
    top: 0;
    border-radius: 0;
    transition: 1.2s ease;
}

.casino-search.open-search {
    width: 300px;
    max-width: 100%;
    transition: 1.2s ease;
}

    .casino-search.open-search .form-control {
        width: 100%;
        display: block;
        background-color: transparent;
        color: #ddd;
    }

.casino-search.close-search {
    /* transition: 1.2s ease; */
}

.casino-search .form-control {
    height: 100%;
    width: 0;
    border-radius: 0;
    /* transition: 1.2s ease; */
    border: 0;
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.casino-search .search-icon {
    position: absolute;
    right: 0;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    height: 100%;
    width: 50px;
    justify-content: center;
    align-items: center;
}

    .casino-search .search-icon i {
        color: #ddd;
    }

.banner-iframe {
    position: fixed;
    top: 60px;
    left: 302px;
    top: 100%;
    width: calc(100% - 302px);
    background-color: var(--bg-table);
    z-index: 10;
}

    .banner-iframe .slot-header {
        background: var(--bg-table-header-new);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        color: var(--text-table-header-new);
        height: 50px;
    }

        .banner-iframe .slot-header .title {
            max-width: calc(100% - 55px);
            line-height: 1;
        }

        .banner-iframe .slot-header h4 {
            font-size: 18px;
            font-weight: bold;
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            margin-bottom: 0;
        }

.close-slot-frame {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    font-weight: bold;
    text-decoration: underline;
    background-color: transparent;
}

.banner-iframe.slot-iframe.banner-frame-show {
    left: 0;
    width: 100%;
    top: 105px;
    height: calc(100vh - 105px);
}

.animate-on .banner-iframe.slot-iframe.banner-frame-show {
    top: 168px;
    height: calc(100vh - 168px);
}

.banner-iframe.banner-frame-show {
    height: calc(100vh - 94px);
    transition: all 0.3s ease-out;
    top: 94px;
    z-index: 1000;
}

.animate-on .banner-iframe.banner-frame-show {
    height: calc(100vh - 198px);
    top: 198px;
}

.banner-iframe-header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 8px;
    font-size: var(--font-big);
    height: 40px;
    align-items: center;
    background-color: var(--bg-table-header-new);
    display: none;
}

.banner-iframe iframe {
    border: 0;
    width: 1px;
    min-width: 100%;
    height: 1px;
    min-height: calc(100% - 50px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.banner-iframe-name {
    font-size: var(--font-18);
}

.close-frame {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    margin-right: 10px;
}

    .close-frame .btn-reset {
        height: 32px;
        padding-top: 0;
        padding-bottom: 0;
    }

.right-sidebar.casino-right-sidebar {
    width: 464px;
    background-color: var(--bg-table);
    padding: 4px;
    /* z-index: 100; */
}

.horse-detail .right-sidebar.casino-right-sidebar {
    padding: 12px;
}

.casino-container .footer {
    padding-left: 302px;
}

.casino-table {
    background-color: var(--bg-table);
    border-radius: 0;
    padding-bottom: 0;
    color: var(--text-table);
    position: relative;
    transform: translateZ(0);
}

    .casino-table .casino-detail .back {
        background-color: #72bbef40;
        border: 2px solid var(--back);
        color: #d7d7d7;
    }

        .casino-table .casino-detail .back:hover {
            border: 1px solid var(--back);
        }

    .casino-table .casino-detail .lay {
        background-color: #f994ba40;
        border: 2px solid var(--lay);
        color: #d7d7d7;
    }

        .casino-table .casino-detail .lay:hover {
            border: 1px solid var(--lay);
        }

.casino-title {
    padding: 16px;
}

    .casino-title .casino-name {
        text-transform: uppercase;
        height: 22px;
        font-weight: var(--font-bold);
    }

.fa-info-circle {
    color: #ddd;
    font-size: var(--font-body);
    cursor: pointer;
    transition: 0.5s;
    vertical-align: middle;
    border: 5px solid transparent;
}

    .fa-info-circle:hover {
        color: #eee;
    }

.icon-range {
    position: absolute;
    top: 100%;
    padding: 4px;
    max-width: 100%;
    word-wrap: break-word;
    font-size: var(--font-small);
    z-index: 10;
    right: 0;
    transition: 0.1s;
    text-transform: capitalize;
    z-index: 101;
    background-color: #666;
    color: #ddd;
}

    .icon-range span {
        display: inline-block;
        font-size: 10px !important;
    }

.casino-title .casino-rules-title {
    height: 19px;
    font-size: var(--font-caption);
    line-height: 19px;
    text-decoration: underline;
    padding-left: 16px;
}

.casino-title .round-id {
    float: right;
    height: 22px;
}

.casino-video {
    position: relative;
    background-image: linear-gradient(0deg, #100b1e 0%, #160d27 26.42%, #11091d 48.45%, #030309 100%);
}

    .casino-video .video-box-container {
        max-width: calc(100% - 190px);
        margin-left: auto;
    }

    .casino-video .video-box {
        position: relative;
        max-width: 100%;
        width: 100%;
        padding-bottom: 56.25%;
    }

        .casino-video .video-box > img,
        .casino-video .video-box > iframe {
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border: 0;
        }

.casino-video-title {
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #f8f9fa35;
    padding: 5px;
    z-index: 10;
    text-align: center;
    min-width: 180px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .casino-video-title .casino-name {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 1;
        color: #fdcf13;
    }

.casino-video-rid {
    font-weight: bold;
    color: #ddd;
    font-size: 12px;
    line-height: 1;
    margin-top: 3px;
}

.casino-video-cards {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 20px 5px 5px;
    display: inline-block;
    height: 155px;
    overflow: hidden;
    transition: all 1s;
    width: 195px;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;
}

    .casino-video-cards.no-video {
        display: flex;
        align-items: center;
        justify-content: center;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: transparent;
    }

.teenpatti1day .casino-video-cards.no-video {
    transition: all 1s;
}

.casino-video-cards.hide-cards.no-video {
    width: 100% !important;
}

.casino-video .video-watermark {
    position: absolute;
    left: 5px;
    bottom: 5px;
    opacity: 0.3;
}

    .casino-video .video-watermark img {
        height: 40px;
    }

.teenpattiopen .casino-video-cards {
    height: 110px;
}

.lucky7 .casino-video-cards {
    height: 85px;
    width: 80px;
}

.casino-cards-shuffle {
    position: absolute;
    right: 5px;
    top: 50%;
    width: auto !important;
    font-size: 30px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #b3b3b3;
}

.no-video .casino-cards-shuffle {
    display: none;
}

.casino-video-cards-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* transition: all ease-in 1s; */
}

.no-video .casino-video-cards-container {
    /* transition: all ease-out 1s; */
}

.casino-video-cards.hide-cards {
    width: 0 !important;
}

    .casino-video-cards.hide-cards .casino-video-cards-container {
        width: 0;
    }

    .casino-video-cards.hide-cards.no-video .casino-video-cards-container {
        width: 100% !important;
    }

.casino-video-cards-container > div {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 5px;
}

.no-video .casino-video-cards-container > div {
    justify-content: center;
}

.casino-video-cards-container .dealer-name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: var(--font-small);
    justify-content: center;
    white-space: nowrap;
    color: var(--text-white);
}

.casino-video-cards-container > div:last-child {
    margin-bottom: 0;
}

.casino-video-right-icons {
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    display: -webkit-flex;
}

.casino-video-lr-icon,
.casino-video-home-icon,
.casino-video-rules-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #999;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    cursor: pointer;
}

.casino-video-lr-icon {
    margin-right: 0;
}

    .casino-video-lr-icon i,
    .casino-video-home-icon i,
    .casino-video-rules-icon i {
        font-size: var(--font-24);
        color: var(--text-white);
        cursor: pointer;
    }

.casino-video-home-icon.net-icon i {
    font-size: 20px;
}

.casino-video-lr-icon:hover,
.casino-video-home-icon:hover,
.casino-video-rules-icon:hover {
    background-color: rgba(115, 115, 115, 0.5);
}

.casino-video-last-results {
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    display: -webkit-flex;
    align-content: flex-start;
    flex-wrap: wrap;
    transition: 1s;
    overflow: hidden;
}

    .casino-video-last-results.hide-lr {
        height: 0;
        transition: 1s;
        padding-top: 0;
        padding-bottom: 0;
    }

    .casino-video-last-results span,
    .casino-video-last-results a {
        width: 35px;
        margin-left: 5px;
        margin-top: 5px;
        border-radius: 0;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background-color: #434343;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        /*flex: 1 1 0;*/
    }

        .casino-video-last-results span.resulta {
            color: var(--text-red);
        }

        .casino-video-last-results span.resultb {
            color: var(--text-yellow);
        }

        .casino-video-last-results span.resultc {
            color: var(--text-green);
        }

        .casino-video-last-results span.resulttie {
            color: var(--text-white);
        }

.baccarat .casino-video-last-results span.resulta {
    color: #509bff;
}

.baccarat .casino-video-last-results span.resultb {
    color: #d3393d;
}

.baccarat .casino-video-last-results span.resulttie {
    color: #11b24b;
}

.casino-video-last-results span.resulthigh {
    color: var(--text-green);
}

.casino-video-last-results span.resultlow {
    color: var(--text-red);
}

.casino-video-last-results a.result-more {
    width: 100%;
    line-height: 1.8;
    margin-right: 5px;
    margin-bottom: 5px;
    color: var(--text-white);
}

.casino-vieo-rules {
    position: absolute;
    right: 10px;
    top: 50px;
    display: none;
    z-index: 10;
}

    .casino-vieo-rules img {
        max-width: 300px;
    }

.casino-video-cards span img {
    margin-right: 8px;
    width: 50px;
}

.casino-video-cards .card-close {
    text-indent: -4000px;
    background-repeat: no-repeat;
    border: 2px solid var(--bg-success);
    height: 75px;
    width: 53px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.casino-video-right-info {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 6px;
}

.casino-timer {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: flex;
    display: -webkit-flex;
}

.minrange .casino-bl-box-item {
    font-size: 10px;
    color: var(--text-table);
    height: 14px !important;
    text-align: right;
    align-items: flex-end;
    line-height: 14px;
    flex-direction: row;
    justify-content: flex-end;
}

.teenpatti20 .casino-bl-box.minrange {
    margin-top: 5px;
}

.minrange .casino-bl-box-item span {
    font-size: 10px;
    width: auto;
}

.teenpatti20 .casino-rb-box-player .range {
    font-size: 12px;
}

.base-timer {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__label.green,
    .base-timer__path-remaining.green {
        color: rgb(65, 184, 131);
    }

    .base-timer__label.orange,
    .base-timer__path-remaining.orange {
        color: orange;
    }

    .base-timer__label.red,
    .base-timer__path-remaining.red {
        color: red;
    }

.base-timer__label {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: var(--text-white);
    font-family: timer;
}

    .base-timer__label > span {
        min-width: 20px;
        text-align: center;
        line-height: 1;
    }

.card__counter {
    position: absolute;
    left: 16px;
    bottom: 16px;
    height: 150px;
    line-height: 150px;
    padding: 0 20px;
    display: flex;
    display: -webkit-flex;
    font-family: "Anonymous Pro";
    font-weight: bold;
    color: white;
}

.card__counter__num {
    font-size: 150px;
    padding: 0 20px;
    z-index: 15;
}

    .card__counter__num span {
        margin-top: 45px;
        font-size: 65px;
        opacity: 1;
        transition: opacity 0.3s;
        z-index: 3;
    }

.timer {
    width: 56px;
    height: 72px;
    line-height: 72px;
    font-size: var(--font-timer);
    font-weight: var(--font-bold);
    text-align: center;
    color: var(--text-white);
}

.timer1 {
    border-radius: 4px 0 0 4px;
    margin-right: 2px;
}

.timer2 {
    border-radius: 0 4px 4px 0;
}

.casino-detail {
    padding: 4px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.casino-row {
    margin-top: 10px;
}

.casino-box-header {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
}

.casino-box-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 2px 0;
    align-items: center;
    position: relative;
}

    .casino-box-row.suspended:after {
        border-radius: 0;
    }

.casino-nation-name {
    width: calc(100% - 148px);
}

.casino-bl-box-title .playera {
    color: var(--text-red) !important;
}

.casino-bl-box-title .playerb {
    color: var(--text-yellow) !important;
}

.casino-detail .casino-nation-name.no-border {
    background-color: transparent;
    padding: 0;
}

.casino-bl-box {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.casino-bl-box-title .casino-bl-box-item {
    color: var(--text-table);
    height: 24px !important;
    font-size: var(--font-caption);
    flex-direction: row;
}

    .casino-bl-box-title .casino-bl-box-item span {
        width: auto;
        flex: 1;
    }

.teenpatti20 .casino-bl-box-title .casino-bl-box-item .fa-info-circle {
    font-size: var(--font-caption);
}

.casino-bl-box-item {
    width: 72px;
    margin-right: 4px;
    border-radius: 0;
    color: var(--text-table);
    text-align: center;
    height: 32px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
}

.casino-detail .casino-box-header .casino-bl-box-item {
    height: 20px !important;
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item {
    height: 20px !important;
}

.casino-box-odd-even .casino-bl-box-item {
    height: 40px;
}

.casino-bl-box-item > span,
.casino-rb-box-player > span {
    display: block;
    width: 100%;
    line-height: 14px;
    font-size: 16px;
    font-weight: bold;
}

.casino-bl-box-item .casino-box-odd,
.casino-rb-box-player .casino-box-odd {
    font-weight: var(--font-bold);
    font-size: var(--font-odds);
    height: 16px;
    line-height: 16px;
    margin-bottom: 2px;
    width: 100%;
}

.casino-rb-box-player span {
    display: block;
    width: 100%;
}

.casino-bl-box-item:last-child {
    margin-right: 0;
}

.casino-card-img img {
    width: 30px;
    height: auto;
    margin-left: 5px;
}

    .casino-card-img img:last-child {
        margin-left: 0;
    }

.btn-casino {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0;
}

.casino-cards {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.casino-cards-odds-title {
    background-color: #444;
    color: #ddd;
}

.casino-card-item {
    margin-right: 5px;
    width: auto;
    margin-bottom: 5px;
    min-width: 60px;
}

.cards-top .casino-card-item {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 0;
    min-width: 35px;
}

    .cards-top .casino-card-item:nth-child(3n) {
        margin-right: 0;
    }

.casino-card-item:last-child {
    margin-right: 0;
}

.casino-card-item .card-image {
    display: inline-block;
}

    .casino-card-item .card-image img {
        width: 50px;
    }

.casino-card-item .card-image {
    cursor: pointer;
}

.casino-odds {
    font-weight: var(--font-bold);
    text-align: center;
    width: 100%;
    line-height: 18px;
    position: relative;
}

.casino-buttons {
    text-align: center;
    line-height: 18px;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

    .casino-buttons img {
        height: 25px;
    }

.casino-book {
    text-align: center;
    font-size: var(--font-caption);
    line-height: 18px;
    margin-top: 2px;
}

.casino-min-max {
    font-size: var(--font-small);
}

.last-result-icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}

.last-result-item {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--text-white);
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

    .last-result-item.last-result-item-1 {
        background-image: url("../img/last-result1.png");
    }

    .last-result-item.last-result-item-2 {
        background-image: url("../img/last-result2.png");
    }

    .last-result-item.last-result-item-3 {
        background-image: url("../img/last-result3.png");
    }

    .last-result-item.view-more-result {
        background-image: url("../img/last-result4.png");
    }

.view-more-result span {
    height: 40px;
    line-height: 32px;
}

.last-result-item:last-child {
    margin-right: 0;
}

.last-result-container {
    padding: 16px;
}

.last-result-title {
    text-transform: uppercase;
    height: 22px;
    font-weight: var(--font-bold);
}

.last-result-form {
    margin-top: 16px;
}

    .last-result-form .form-group {
        display: inline-block;
        margin-right: 24px;
    }

        .last-result-form .form-group input.form-control {
            width: 170px;
        }

        .last-result-form .form-group select.form-control {
            width: 240px;
        }

    .last-result-form .btn {
        width: 160px;
    }

.casino-row-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.casino-col-container {
    width: calc(33.3% - 3px);
    margin-bottom: 4px;
    margin-right: 4px;
}

    .casino-col-container:nth-child(3n) {
        margin-right: 0;
    }

/*Baccarat*/

.baccarat .casino-detail {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.baccarat .statistics-title {
    height: 22px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.statistics {
    width: 25%;
    padding-left: 20px;
}

.baccarat .statistics-icons {
    display: inline-block;
    padding-left: 42px;
}

.baccarat .statistics-icon-player {
    position: relative;
    margin-bottom: 16px;
}

    .baccarat .statistics-icon-player span {
        margin-left: 32px;
    }

    .baccarat .statistics-icon-player:before {
        position: absolute;
        content: "";
        border-radius: 50%;
        height: 16px;
        width: 16px;
        background-color: #509bff;
    }

.baccarat .statistics-icon-banker {
    position: relative;
    margin-bottom: 16px;
}

    .baccarat .statistics-icon-banker span {
        margin-left: 32px;
    }

    .baccarat .statistics-icon-banker:before {
        position: absolute;
        content: "";
        border-radius: 50%;
        height: 16px;
        width: 16px;
        background-color: #d3393d;
    }

.baccarat .statistics-icon-tie {
    position: relative;
}

    .baccarat .statistics-icon-tie span {
        margin-left: 32px;
    }

    .baccarat .statistics-icon-tie:before {
        position: absolute;
        content: "";
        border-radius: 50%;
        height: 16px;
        width: 16px;
        background-color: #11b24b;
    }

.baccarat .baccarat-bets-odds {
    width: 75%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.baccarat .baccarat-odds {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
}

.baccarat .baccarat-odd-block {
    flex: 1 1 auto;
    margin-right: 4px;
    position: relative;
}

    .baccarat .baccarat-odd-block .casino-min-max {
        position: absolute;
        right: 0;
        top: -25px;
        width: 100%;
    }

    .baccarat .baccarat-odd-block:last-child {
        margin-right: 0;
    }

    .baccarat .baccarat-odd-block .baccarat-odd-name {
        padding: 8px 2px;
        text-align: center;
        cursor: pointer;
        border-radius: 0;
        text-transform: uppercase;
        background-color: #444;
        color: #ddd;
    }

        .baccarat .baccarat-odd-block .baccarat-odd-name:hover {
            opacity: 0.8;
            cursor: pointer;
        }

    .baccarat .baccarat-odd-block .baccarat-odd-val {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px;
    }

.baccarat .baccarat-bets {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-top: 0;
    position: relative;
    padding-bottom: 15px;
}

.baccarat .player-pair {
    margin-right: 2px;
    width: 15%;
    height: 90px;
    margin-top: 15px;
    position: relative;
}

.baccarat .baccarat-bets-name {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    color: var(--text-white);
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.baccarat .player-pair .baccarat-bets-name {
    border-radius: 0;
    background-color: #509bff;
}

    .baccarat .player-pair .baccarat-bets-name:hover,
    .baccarat .player .baccarat-bets-name:hover {
        background: #509bffc9;
        cursor: pointer;
    }

    .baccarat .player-pair .baccarat-bets-name div {
        margin-bottom: 0;
    }

.baccarat .player-pair .baccarat-bets-val {
    text-align: center;
    line-height: 18px;
}

.baccarat .player-pair .casino-min-max {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    text-align: left;
}

    .baccarat .player-pair .casino-min-max .icon-range {
        left: 0;
        right: unset;
    }

.baccarat .player {
    width: 35%;
    height: 120px;
    position: relative;
}

    .baccarat .player .baccarat-bets-name {
        background-color: #509bff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        align-items: flex-start;
        padding-left: 20px;
    }

        .baccarat .player .baccarat-bets-name div {
            margin-bottom: 0;
        }

    .baccarat .player .baccarat-bets-val {
        text-align: center;
        line-height: 18px;
    }

    .baccarat .player .casino-min-max {
        position: absolute;
        left: 0;
        top: -25px;
        width: 100%;
        text-align: left;
    }

        .baccarat .player .casino-min-max .icon-range {
            left: 0;
            right: unset;
        }

    .baccarat .player > span,
    .baccarat .banker > span {
        float: left;
        margin-left: 10px;
    }

    .baccarat .player img,
    .baccarat .banker img {
        height: 60px;
    }

.l-rotate,
.r-rotate {
    width: 60px;
}

    .l-rotate img,
    img.l-rotate {
        transform: rotate(270deg);
        margin-right: 10px;
    }

    .r-rotate > img,
    img.r-rotate {
        transform: rotate(90deg);
        margin-right: 10px;
    }

.baccarat .tie {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: 2px;
    z-index: 10;
}

    .baccarat .tie .baccarat-bets-name {
        background-color: #11b24b;
        border-radius: 50%;
        border: 2px solid #000;
    }

        .baccarat .tie .baccarat-bets-name:hover {
            background: #0c9a1d;
            cursor: pointer;
        }

        .baccarat .tie .baccarat-bets-name div {
            margin-bottom: 0;
        }

    .baccarat .tie .baccarat-bets-val {
        text-align: center;
        line-height: 18px;
    }

    .baccarat .tie .casino-min-max {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

.baccarat .banker {
    width: 35%;
    height: 120px;
    position: relative;
}

    .baccarat .banker .baccarat-bets-name {
        background-color: #d3393d;
        align-items: flex-end;
        padding-right: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

        .baccarat .banker .baccarat-bets-name:hover,
        .baccarat .banker-pair .baccarat-bets-name:hover {
            background-color: #d3393ddb;
            cursor: pointer;
        }

        .baccarat .banker .baccarat-bets-name div {
            margin-bottom: 0;
        }

    .baccarat .player span,
    .baccarat .banker span {
        margin-left: 3px;
    }

    .baccarat .banker .baccarat-bets-val {
        text-align: center;
        line-height: 18px;
    }

    .baccarat .banker .casino-min-max {
        position: absolute;
        top: -25px;
        right: 0;
        width: 100%;
        text-align: right;
    }

.baccarat .banker-pair {
    width: 15%;
    margin-left: 2px;
    height: 90px;
    margin-top: 15px;
    position: relative;
}

    .baccarat .banker-pair .baccarat-bets-name {
        border-radius: 0;
        background-color: #d3393d;
    }

        .baccarat .banker-pair .baccarat-bets-name div {
            margin-bottom: 0;
        }

    .baccarat .banker-pair .baccarat-bets-val {
        text-align: center;
        line-height: 18px;
    }

    .baccarat .banker-pair .casino-min-max {
        position: absolute;
        right: 0;
        top: -25px;
        width: 100%;
        text-align: right;
    }

.baccarat .baccarat-min-max {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
}

.player-pair .suspended:before,
.player .suspended:before {
    background-position: left 10px top 10px;
}

.banker-pair .suspended:before,
.banker .suspended:before {
    background-position: right 10px top 10px;
}

.player-pair .suspended:after {
    border-radius: 0;
}

.banker-pair .suspended:after {
    border-radius: 0;
}

.player .suspended:after {
    border-radius: 0;
}

.tie .suspended:after {
    border-radius: 50%;
}

.banker .suspended:after {
    border-radius: 0;
}

.baccarat .suspended img {
    position: relative;
    z-index: 10;
    cursor: not-allowed;
}

/*Lucky 7*/

.lucky7 .casino-detail {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

    .lucky7 .casino-detail .casino-box {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }

        .lucky7 .casino-detail .casino-box.low-high-box {
            width: 49%;
            margin-right: 2%;
        }

        .lucky7 .casino-detail .casino-box.sidebets-box {
            width: 49%;
        }

        .lucky7 .casino-detail .casino-box.cards-box {
            width: 100%;
        }

            .lucky7 .casino-detail .casino-box.cards-box .casino-min-max {
                position: absolute;
                right: 0;
                top: 0;
                font-weight: normal;
            }

    .lucky7 .casino-detail .cards-top {
        width: 100%;
    }

.cards-top .cards-top-box {
    padding: 5px;
    cursor: pointer;
    height: 110px;
    justify-content: center;
    align-items: flex-start;
    border: 5px solid #666;
}

.lucky7 .casino-detail .casino-box:last-child {
    margin-right: 0;
}

.lucky7 .casino-detail .casino-box .low-odds {
    background-color: #444;
    border: 5px solid var(--bg-danger);
    padding: 0;
    width: 33.33%;
    padding: 6px;
    height: 76px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.lucky7 .casino-detail .casino-box .high-odds {
    background-color: #444;
    border: 5px solid var(--bg-success);
    padding: 0;
    width: 33.33%;
    padding: 6px;
    height: 76px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.lucky7-card {
    background-color: #666;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    padding: 6px;
}

    .lucky7-card img {
        height: 60px;
    }

.lucky7-extra-bets {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
}

.lucky7-extra-bets-item-container {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 5px;
}

.lucky7-extra-bets-item {
    padding: 6px;
    border-radius: 0;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #444;
    color: #eee;
}

.lucky7eu .lucky7-extra-bets-item {
    background-color: #2580f48a;
}

.lucky7-extra-bets-item-container:nth-child(4n) {
    margin-right: 0;
}

.lucky7 .casino-min-max {
    width: 100%;
    text-align: right;
    position: relative;
    height: 20px;
}

/*Teenpatti*/

.cards32A .suspended:after {
    width: 148px;
    right: 6px;
    left: unset;
    top: 2px;
    border-radius: 3px;
    height: calc(100% - 4px);
}

.cards32B .suspended:after {
    width: 148px;
    right: 6px;
    left: unset;
    top: 2px;
    border-radius: 3px;
    height: calc(100% - 4px);
}

.low-odds.suspended:after {
    border-radius: 0;
}

.high-odds.suspended:after {
    border-radius: 0;
}

.lucky7-card.suspended {
    border-radius: 0;
}

.lucky7-extra-bets-item.suspended:after {
    border-radius: 0;
}

.cards-top-box.suspended:after {
    border-radius: 0;
}

.card-image.suspended:after {
    border-radius: 0;
}

.casino-nation-name {
    background-color: #444;
    color: #ddd;
    padding: 4px;
    position: relative;
}

.teen20casino-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.teen20left,
.teen20right {
    width: 49%;
}

.teen20center {
    width: 2px;
    background-color: grey;
}

.teenpatti20 .casino-nation-name {
    width: calc(100% - 75%);
}

.teenpatti20 .casino-box-header .casino-nation-name {
    background-color: transparent;
    padding: 0;
}

.teenpatti20 .casino-bl-box {
    width: 100%;
}

.teenpatti20 .casino-bl-box-item {
    width: calc(25% - 3px);
    height: 40px;
    text-transform: uppercase;
    position: relative;
}

    .teenpatti20 .casino-bl-box-item .fa-info-circle {
        font-size: var(--font-18);
    }

.teenpatti20 .casino-rb-box-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px;
}

.teenpatti20 .casino-rb-box {
    width: calc(50% - 4px);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    position: relative;
    flex-direction: column;
}

    .teenpatti20 .casino-rb-box .range {
        text-align: right;
        width: 100%;
        font-size: 10px;
        line-height: 12px;
    }

.teenpatti20 .casino-rb-box-content {
    border-radius: 8px;
}

.teenpatti20 .casino-rb-box-player {
    width: 100%;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-table);
    min-height: 46px;
    cursor: pointer;
    border-radius: 4px;
}

.teenpatti20 .casino-rb-box-player-range {
    justify-content: flex-end;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-top: 5px;
}

    .teenpatti20 .casino-rb-box-player-range .fa-info-circle {
        font-size: var(--font-caption);
    }

.teenpatti20 .casino-rb-box-player img {
    height: auto;
    margin-left: 5px;
    width: 35px;
}

.teenpatti20 .casino-rb-box-player > div {
    padding: 0 8px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.teenpatti20 .casino-rb-box-player .back {
    padding: 4px;
    color: var(--text-black);
    cursor: pointer;
    text-align: center;
}

.teenpatti20 .casino-rb-box-player.blackbox .back {
    border: 5px solid #000;
}

    .teenpatti20 .casino-rb-box-player.blackbox .back span,
    .teenpatti20 .casino-rb-box-player.redbox .back span {
        line-height: 18px;
    }

.teenpatti20 .casino-rb-box-player.redbox .back {
    border: 5px solid #ff0000;
}

.teenpatti20 .casino-rb-box-center {
    width: 80px;
    text-align: center;
    background: var(--back);
    height: 80px;
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .teenpatti20 .casino-rb-box-center.red {
        border: 5px solid #ff0000;
    }

    .teenpatti20 .casino-rb-box-center.black {
        border: 5px solid #000;
    }

    .teenpatti20 .casino-rb-box-center.red.suspended:after {
        border-radius: 0;
    }

.teenpatti20 .casino-rb-box-center {
    height: 80px;
    width: 80px;
    border-radius: 0;
    position: absolute;
    left: 105%;
    transform: translateX(-100%);
    top: -5px;
}

.teenpatti20 .redcontainer .casino-rb-box-center {
    left: -5%;
    transform: unset;
}

.teenpatti20 .casino-rb-box-center.black.suspended:after {
    border-radius: 0;
}

.teenpatti20 .casino-rb-box-center img {
    width: 25px;
    margin-right: 5px;
}

    .teenpatti20 .casino-rb-box-center img:last-child {
        margin-right: 0;
    }

.teenpatti20 .odds-min-max {
    width: calc(25% - 3px);
    margin-right: 4px;
}

    .teenpatti20 .odds-min-max:last-child {
        margin-right: 0;
    }

.teen1daycasino-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.teen1dayleft,
.teen1dayright {
    width: 49%;
}

.teen1daycenter {
    width: 2px;
    background-color: grey;
}

.teenpatti1day .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.teenpatti1day .casino-bl-box {
    width: 50%;
}

.teenpatti1day .casino-bl-box-item {
    width: calc(50% - 2px);
}

.teen1dayother {
    width: 100%;
    margin-top: 4px;
}

.teenpatti1day .teen1dayother .casino-nation-name {
    width: 22%;
}

.teenpatti1day .teen1dayother .casino-bl-box {
    width: 13%;
}

.teenpatti1day .teen1dayother .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 40px;
}

.poker20 .casino-bl-box-item {
    height: 40px;
}

.player-card {
    width: 45px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .player-card span {
        display: inline-block;
    }

.teenpattiopen .casino-nation-name {
    width: calc(100% - 85%);
    position: relative;
}

.teenpattiopen .casino-bl-box {
    width: 85%;
}

    .teenpattiopen .casino-bl-box .casino-box-odd.open-pair {
        font-size: var(--font-caption);
    }

.teenpattiopen .teenopenother .casino-bl-box {
    width: 100%;
}

.teenpattiopen .casino-bl-box-item {
    width: calc(12.5% - 4px);
    height: 40px;
}

.teenpattiopen .teenopenother .casino-bl-box-item {
    width: calc(25% - 4px);
    color: var(--text-white);
    height: 56px;
    padding: 0;
}

    .teenpattiopen .teenopenother .casino-bl-box-item span {
        margin-top: 3px;
    }

.teenpattiopen .odds-min-max {
    width: 100%;
    margin-right: 4px;
}

    .teenpattiopen .odds-min-max:last-child {
        margin-right: 0;
    }

.teenpattiopen .teenopenother .odds-min-max {
    width: calc(25% - 4px);
}

.teenpattiopen .casino-open-card-box {
    display: flex;
    flex-wrap: wrap;
    padding: 4px;
    border-radius: 0;
    margin-bottom: 4px;
    background-color: #444;
}

    .teenpattiopen .casino-open-card-box > div {
        width: 12.5%;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        color: #ddd;
    }

        .teenpattiopen .casino-open-card-box > div > div {
            text-align: center;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

    .teenpattiopen .casino-open-card-box img {
        height: 50px;
        margin-right: 5px;
    }

.casino-open .casino-result-desc {
    height: 230px;
}

.casino-open .casino-result-desc {
    height: 230px;
}

.casino-open-result {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.casino-open-result-item {
    width: 11.1%;
    text-align: center;
}

    .casino-open-result-item h4 {
        font-size: var(--font-18);
    }

.casino-open-result .casino-result-cards-winner {
    width: 50%;
}

.casino-open-result-item .casino-result-cards-item img {
    height: auto;
}

.casino-open-result-item .casino-result-cards-item .winner-icon {
    height: auto;
    width: 40px;
}

.casino-open-result-dealer .casino-result-cards-item .winner-icon {
    height: 50px;
}

.casino-open-result-dealer h4 {
    text-transform: uppercase;
    font-size: var(--font-18);
}

.casino-open-result .casino-result-cards-item {
    margin-right: 10px;
    margin-bottom: 5px;
}

    .casino-open-result .casino-result-cards-item:last-child {
        margin-right: 10px;
    }

.casino-open-result .casino-result-cards {
    height: auto;
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item img {
    height: 35px;
}

.casino-open-result-dealer .winner-icon {
    height: 50px;
}

.casino-open-result-dealer {
    text-align: center;
}

    .casino-open-result-dealer .casino-result-cards {
        display: inline-block;
    }

    .casino-open-result-dealer .casino-result-cards-item {
        display: inline-block;
    }

.poker20casino-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.poker20left,
.poker20right {
    width: 49%;
}

.poker20center {
    width: 2px;
    background-color: grey;
}

.poker20 .casino-bl-box-item {
    width: calc(33.33% - 3px);
    height: 40px;
    text-transform: uppercase;
    position: relative;
}

.poker20 .casino-bl-box {
    width: 100%;
}

.poker1day .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.poker1day .casino-bl-box {
    width: 50%;
}

.poker1day .casino-bl-box-item {
    width: calc(50% - 2px);
}

.poker1day .poker1dayother .casino-bl-box {
    width: 100%;
}

.poker1day .poker1dayother .casino-bl-box-item {
    width: calc(50% - 4px);
    color: var(--text-table);
    height: 56px;
    padding: 0;
}

.poker1day .poker1dayother .odds-min-max {
    width: calc(50% - 4px);
    position: relative;
}

.poker1day .casino-video-cards {
    width: 195px;
    height: 75px;
}

.poker20 .casino-video-cards {
    width: 195px;
    height: 145px;
}

.poker20 .casino-video-cards-container {
    flex-direction: row;
}

.poker1day .casino-video-cards .playeracards,
.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playeracards,
.poker20 .casino-video-cards .playerbcards {
    width: 50%;
}

.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playerbcards {
    text-align: right;
    justify-content: flex-end;
}

.poker1day .casino-video-cards span img,
.poker20 .casino-video-cards span img {
    width: 27px;
}

.poker1day .casino-video-cards span:last-child img,
.poker20 .casino-video-cards span:last-child img {
    margin-right: 0;
}

.poker1day .casino-video-cards-container > div,
.poker20 .casino-video-cards-container > div {
    flex-wrap: wrap;
}

.poker1day .casino-detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.poker1day .playerabox,
.poker1day .playerbbox {
    width: 39%;
}

.poker1day .playerabcardbox {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 0;
    height: 145px;
    background-color: #222;
}

    .poker1day .playerabcardbox img {
        width: 40px;
        margin-right: 5px;
    }

    .poker1day .playerabcardbox .poker-icon img {
        width: 120px;
    }

.poker1day .playerafabcy {
    padding: 6px;
    padding-bottom: 0;
    border: 2px solid var(--text-red);
    background-color: #fc42422e;
    min-height: 72px;
}

    .poker1day .playerafabcy .icon-range,
    .poker1day .playerbfabcy .icon-range {
        left: 0;
        right: unset;
    }

.poker1day .playerbfabcy {
    padding: 6px;
    padding-bottom: 0;
    border: 2px solid var(--text-yellow);
    background-color: #fdcf132e;
    min-height: 72px;
}

.poker1day .casino-nation-name {
    background-color: transparent;
}

.poker1day .dealer-name {
    font-size: 18px;
    font-weight: bold;
}

    .poker1day .dealer-name.playera {
        color: var(--text-red);
    }

    .poker1day .dealer-name.playerb {
        color: var(--text-yellow);
    }

/*Poker 6 Player*/

.poker6player .teen1dayleft,
.poker6player .teen1dayright {
    width: 100%;
}

.poker6player .teen1dayright {
    margin-top: 8px;
}

.poker6player .teen1daycenter {
    display: none;
}

.poker6player .casino-tabs {
    height: 36px;
    margin-bottom: 10px;
    justify-content: flex-start;
    border-radius: 0;
}

    .poker6player .casino-tabs .nav-tabs {
        margin: 0;
    }

.poker6player .poker6box {
    border-radius: 0;
    padding: 4px;
    width: 100%;
    cursor: pointer;
    height: 52px;
}

    .poker6player .poker6box .casino-nation-name {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.player-card {
    width: auto;
    text-align: center;
    display: inline-block;
    margin-left: 5px;
}

    .player-card span {
        display: inline-block;
    }

    .player-card img {
        width: 25px;
    }

.poker6player .poker6val {
    width: 100%;
    position: relative;
}

.poker6player h4 {
    color: var(--text-white);
    font-size: var(--font-body);
    border-bottom: 1px solid var(--text-white);
    font-weight: bold;
    display: inline-block;
    margin-bottom: 4px;
}

.poker6player .casino-video-cards span img {
    width: 29px;
    margin-right: 4px;
}

.poker6player .casino-video-cards {
    height: 50px;
    width: 190px;
}

.poker6result .casino-open-result-item {
    width: 16.66%;
}

.poker6box .player-card {
    position: relative;
    z-index: 1;
}

    .poker6box .player-card img {
        z-index: 10;
    }

/*Teenpatti Test*/

.teenpattitest .casino-video-cards-container > div {
    flex-wrap: wrap;
}

    .teenpattitest .casino-video-cards-container > div > div {
        display: flex;
        flex-wrap: nowrap;
    }

.teenpattitest .casino-video-cards span img {
    width: 37px;
}

.teenpattitest .casino-video-cards {
    width: 160px;
}

.teenpattitest .casino-video-cards {
    height: 255px;
}

.teentestother {
    width: 100%;
    margin-top: 15px;
}

.teenpattitest .teentestother .casino-nation-name {
    width: 22%;
}

.teenpattitest .casino-nation-name {
    /* background-color: #00000047 !important; */
    padding-right: 10px;
    position: relative;
}

.teenpattitest .teentestother .casino-bl-box {
    width: 13%;
}

.teenpattitest .teentestother .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 40px;
    position: relative;
}

.cards32a .casino-video-cards-container > div,
.cards32b .casino-video-cards-container > div {
    flex-wrap: wrap;
}

.cards32a .casino-video-cards span img,
.cards32b .casino-video-cards span img {
    width: 28px;
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
    width: 200px;
}

.cards32a .casino-video-cards-container > div > div,
.cards32b .casino-video-cards-container > div > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
    height: 290px;
}

.cards32a .casino-nation-name,
.cards32b .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.cards32a .casino-bl-box,
.cards32b .casino-bl-box {
    width: 50%;
}

.cards32a .casino-bl-box-item,
.cards32b .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.cards32b .cards32bextra {
    width: 100%;
}

    .cards32b .cards32bextra .casino-bl-box {
        width: 100%;
    }

        .cards32b .cards32bextra .casino-bl-box .casino-bl-box-item {
            width: calc(10% - 4px);
            margin-bottom: 10px;
            height: 80px;
        }

            .cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back {
                border: 2px solid var(--back);
            }

                .cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back:hover {
                    border: 3px solid var(--back);
                }

            .cards32b .cards32bextra .casino-bl-box .casino-bl-box-item:nth-child(10n) {
                margin-right: 0;
            }

            .cards32b .cards32bextra .casino-bl-box .casino-bl-box-item .casino-box-odd {
                font-family: "Anonymous Pro";
                font-size: 60px;
                height: 50px;
                line-height: 50px;
            }

.card32result .casino-result-cards-item img {
    width: 35px;
}

.card32result .casino-result-cards {
    justify-content: flex-start;
}

    /*.card32result .casino-result-cards .casino-result-cards-item {
    margin-right: 0;
}*/

    .card32result .casino-result-cards h4 {
        min-width: 120px;
        font-size: var(--font-caption);
    }

.card32result .casino-result-cards-item .winner-icon {
    height: auto;
    width: 50px;
}

.dt1day .casino-video-cards,
.dt20 .casino-video-cards {
    width: 140px;
    height: 80px;
}

.dt1day .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.dt1dayfancy {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.dt1day .dragonfancy {
    width: 40%;
    padding: 6px;
    padding-bottom: 0;
    border: 2px solid var(--text-red);
    background-color: #fc42422e;
    min-height: 72px;
}

.dt1day .tigerfancy {
    width: 40%;
    padding: 6px;
    padding-bottom: 0;
    border: 2px solid var(--text-yellow);
    background-color: #fdcf132e;
    min-height: 72px;
}

.dt1day .pairfancy {
    width: calc(20% - 8px);
    padding: 6px;
    padding-bottom: 0;
    min-height: 72px;
    background-color: #444;
}

.dt1day .dt1dayfancy .pairfancy .casino-bl-box-item {
    width: calc(100% - 2px);
}

.dt1day .dt1dayfancy .casino-nation-name {
    background-color: transparent;
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.dt1day .dt1dayfancy .casino-bl-box {
    width: 50%;
    margin-right: 0;
}

.dt1day .casino-bl-box img {
    width: 30px;
}

.dt1day .dt1dayfancy .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.dt1day .casino-bl-box {
    width: calc(25% - 3px);
    margin-right: 4px;
}

    .dt1day .casino-bl-box:last-child {
        margin-right: 0;
    }

.dt1day .casino-bl-box-item {
    width: 100%;
    height: 50px;
}

.dtpair.teen1dayright {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.dt1day .dtpair .casino-box-row {
    position: relative;
}

.dt1day .dtpair .casino-bl-box {
    width: 100%;
}

.dt1day .dtpair .casino-bl-box-item {
    width: 100%;
}

.dt1day .teen1dayother .casino-nation-name {
    width: 20%;
}

.dt1day .teen1dayother .casino-bl-box {
    width: 20%;
}

.dt1day .teen1dayother .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 40px;
}

.dt1day .icon-range {
    right: unset;
    left: 0;
}

.dt1day .dtpair .icon-range {
    left: unset;
    right: 0;
}

.dt20 .casino-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dt20 .dtobx-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    position: relative;
}

.dt20 .dragon-box {
    width: 40%;
    padding: 6px;
    border: 2px solid var(--text-red);
    background-color: #fc42422e;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    padding-right: 60px;
    cursor: pointer;
}

    .dt20 .dragon-box b,
    .dt20 .tiger-box b {
        font-size: var(--font-18);
    }

.dt20 .tiger-box {
    width: 40%;
    padding: 6px;
    border: 2px solid var(--text-yellow);
    background-color: #fdcf132e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    padding-left: 60px;
    cursor: pointer;
}

.dt20 .tiebox {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    left: 40%;
    transform: translateX(-50%);
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-success);
    color: var(--text-white);
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}

    .dt20 .tiebox.suspended::after {
        border-radius: 50%;
    }

.dt20 .pair-box {
    width: calc(20% - 4px);
    margin-left: 4px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    flex-wrap: wrap;
    cursor: pointer;
}

.dt20 .text-playera {
    border-bottom: 1px solid var(--text-red);
}

.dt20 .text-playerb {
    border-bottom: 1px solid var(--text-yellow);
}

.dt20 .casino-bl-box {
    width: calc(25% - 3px);
    margin-right: 4px;
}

    .dt20 .casino-bl-box:last-child {
        margin-right: 0;
    }

.dt20 .dt20mainbet .casino-bl-box-item {
    height: 48px;
}

.dt20 .casino-bl-box-item {
    width: 100%;
    height: 50px;
}

.dt20 .dt20mainbet .teen1dayleft {
    width: 80%;
}

.dt20 .dt20mainbet .teen1dayright {
    width: 18%;
}

.dt20 .dt20mainbet .casino-bl-box {
    width: calc(40% - 6px);
}

    .dt20 .dt20mainbet .casino-bl-box.tie {
        width: calc(20% - 6px);
    }

    .dt20 .dt20mainbet .casino-bl-box.pair {
        width: 100%;
    }

.dt20 .casino-bl-box-item .casino-box-odd {
    margin-bottom: 5px;
}

.dt20 .casino-bl-box-item > span {
    margin-bottom: 5px;
}

    .dt20 .casino-bl-box-item > span:last-child {
        margin-bottom: 0;
    }

.dt20 .casino-card-img img {
    width: 20px;
}

.dtl20 .casino-video-cards {
    height: 80px;
}

.dtl20 .casino-nation-name {
    width: 25%;
    position: relative;
    height: 40px;
}

.dtl20 .casino-bl-box {
    width: calc(25% - 4px);
    margin-right: 6px;
}

    .dtl20 .casino-bl-box:last-child {
        margin-right: 0;
    }

.dtl20 .casino-bl-box-item {
    width: 100%;
    height: 40px;
}

.dtl20 .dtl20info {
    position: absolute;
    z-index: 1;
    width: 25%;
    text-align: right;
    padding-right: 5px;
}

.dtl20 .casino-box-row {
    min-height: 50px;
}

.casino-card-img img {
    width: 30px;
}

.dtl20 .casino-card-img img {
    width: 25px;
}

/*Andar Bahar*/

.andar-bahar .casino-video-cards {
    width: 230px;
    height: 130px;
}

.andar-bahar .ab-slider {
    width: 85%;
    margin: 0 auto 10px;
}

.andar-bahar .owl-carousel .owl-nav button.owl-next,
.andar-bahar .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    font-size: 30px;
    height: 100%;
    top: 0;
    margin: 0;
    width: 20px;
}

.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-next,
.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-prev {
    left: -20px;
}

.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-prev,
.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-next {
    right: -20px;
}

.andar-bahar .owl-theme .owl-nav {
    margin: 0;
}

.andar-bahar .casino-video-cards-container > div {
    flex-wrap: wrap;
}

.andar-bahar-3 .casino-video-cards-container > div {
    flex-wrap: nowrap;
}

.andar-bahar-3 .casino-video .video-box-container {
    max-width: calc(100% - 235px);
}

.andar-bahar .casino-video-cards span img {
    height: auto;
    width: 35px;
}

.ab-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4px;
}

.andar-bg {
    background-color: #fc424280;
}

.bahar-bg {
    background-color: #fdcf1380;
}

.andar-cards-box {
    width: 49.5%;
    display: flex;
    padding: 4px;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid #fdcf1380;
}

.bahar-cards-box {
    width: 49.5%;
    padding: 4px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid #fdcf1380;
}

    .andar-cards-box h5,
    .bahar-cards-box h5 {
        position: relative;
        margin-bottom: 0;
    }

        .andar-cards-box h5 .casino-min-max,
        .bahar-cards-box h5 .casino-min-max {
            position: absolute;
            right: 0;
            top: 0;
            color: var(--text-table);
        }

    .andar-cards-box > .casino-card-item,
    .bahar-cards-box > .casino-card-item {
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 90px;
    }

.andar-box-container,
.bahar-box-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .andar-box-container.suspended:after,
    .bahar-box-container.suspended:after {
        border-radius: 0;
    }

.andar-box-container {
    border: 2px solid #ffa07a;
}

.bahar-box-container {
    border: 2px solid #90ee90;
}

.andar-bahar .casino-detail .owl-carousel .owl-stage {
    margin: 0 auto;
}

.ab-title {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ab;
    font-size: 40px;
    line-height: 34px;
}

.ab-cards {
    width: 90%;
}

.andar-bahar2 .teen20left,
.andar-bahar2 .teen20right {
    display: flex;
    flex-wrap: wrap;
}

.andar-bahar2 .teen20casino-container {
    padding-top: 10px;
}

.andar-bahar2 .ab2-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5%;
    margin-right: 2%;
    color: #ddd;
    height: 60px;
}

.andar-bahar2 .sa-sb-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #888;
    width: 20%;
    margin-right: 2%;
    background-color: #666;
    color: #ddd;
    height: 60px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
}

    .andar-bahar2 .sa-sb-box .casino-min-max {
        position: absolute;
        top: -25px;
        right: 0;
        width: 100%;
    }

    .andar-bahar2 .sa-sb-box:hover,
    .andar-bahar2 .sa-sb-box:focus {
        border-width: 2px;
    }

.andar-bahar2 .ab2-bet {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    width: 30%;
    margin-right: 2%;
    background-color: #444;
    color: #ddd;
    height: 60px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
}

    .andar-bahar2 .ab2-bet .casino-min-max {
        position: absolute;
        top: -25px;
        right: 0;
        width: 100%;
    }

    .andar-bahar2 .ab2-bet:hover,
    .andar-bahar2 .ab2-bet:focus {
        border-width: 2px;
    }

.ab2oddeven .casino-box-row:first-child .casino-bl-box-item {
    height: auto;
}

.ab2oddeven .casino-box-row,
.ab2cards .casino-box-row {
    width: 100%;
}

.ab2oddeven .casino-bl-box {
    width: 50%;
}

.ab2cards .casino-bl-box {
    width: 25%;
}

.ab2oddeven .casino-bl-box-item {
    width: calc(100% - 8px);
    height: 46px;
}

.ab2cards .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 46px;
}

.ab-book {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.ab-result.owl-carousel .owl-item img {
    width: 35px;
}

.ab-result {
    margin: 0 auto;
    max-width: 85%;
}

    .ab-result.owl-carousel .owl-stage {
        margin: 0 auto;
    }

    .ab-result.owl-carousel .owl-nav button.owl-next,
    .ab-result.owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 0;
        height: 100%;
        width: 30px;
        font-size: 30px;
    }

    .ab-result.owl-carousel .owl-nav button.owl-prev {
        left: -30px;
    }

    .ab-result.owl-carousel .owl-nav button.owl-next {
        right: -30px;
    }

.andar-bahar2 .casino-video-cards span img {
    width: 25px;
}

.andar-bahar2 .ab-slider,
.ab2-result .ab-slider {
    max-width: 85%;
    position: relative;
    margin: 0 auto;
}

.andar-bahar2 .casino-video-cards {
    width: 350px;
    height: 100px;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next,
.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    font-size: 30px;
}

.andar-bahar2 .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: transparent;
}

.andar-bahar2 .owl-theme .owl-nav {
    margin-top: 0;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next {
    left: -22px;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
    right: -22px;
}

.ab2-result .owl-carousel .owl-nav button.owl-next,
.ab2-result .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    height: 81%;
    width: 22px;
    font-size: 30px;
    margin: 0;
    border-radius: 0;
}

.ab2-result .abj-common-card,
.ab3-result .abj-common-card {
    display: flex;
    align-items: center;
}

.ab2-result .abj-title,
.ab3-result .abj-title {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 18px;
}

.abj-video-title {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.ab2-result .owl-carousel .owl-nav button.owl-next {
    right: -30px;
}

.ab2-result .owl-carousel .owl-nav button.owl-prev {
    left: -30px;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.ab2-result .casino-result-cards-item {
    display: block;
}

    .ab2-result .casino-result-cards-item img {
        width: 35px !important;
    }

.andar-bahar2 .suspended-lock-top:after {
    background-position: center;
}

/*Teenpatti2*/

.teenpatti2 .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.teenpatti2 .casino-bl-box {
    width: 50%;
}

.teenpatti2 .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.teenpatti2 .tee2suit .casino-bl-box {
    width: 100%;
}

.teenpatti2 .tee2suit .casino-bl-box-item {
    width: calc(25% - 3px);
    height: 62px;
    flex-direction: row;
}

    .teenpatti2 .tee2suit .casino-bl-box-item span {
        margin-top: 3px;
        position: relative;
        width: 100%;
        display: block;
    }

.teenpatti2 .tee2suit .tee2suitheader .casino-bl-box-item,
.teenpatti2 .teen2eo .tee2eoheader .casino-bl-box-item {
    height: 32px;
    position: relative;
}

.teenpatti2 .teen2uo .casino-bl-box-item {
    width: 100%;
    height: 32px;
}

.teenpatti2 .teen2uo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

    .teenpatti2 .teen2uo .casino-nation-name {
        width: 35%;
    }

    .teenpatti2 .teen2uo .casino-bl-box {
        width: calc(15% - 8px);
        margin-right: 16px;
    }

        .teenpatti2 .teen2uo .casino-bl-box:last-child {
            margin-right: 0;
        }

    .teenpatti2 .teen2uo .teen1dayleft,
    .teenpatti2 .teen2uo .teen1dayright {
        margin-top: 10px;
    }

.teenpatti2 .teen2eo .casino-bl-box {
    width: 100%;
}

.teenpatti2 .teen2cards .casino-card-item .card-image img {
    height: auto;
}

.poker-result-board img {
    height: 35px;
    margin-right: 3px;
}

.poker-result-board {
    background: #222;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #eee;
}

    .poker-result-board span {
        font-weight: bold;
        padding: 2px 10px;
        background-color: var(--bg-success);
        color: var(--text-black);
    }

.poker6result .casino-result-content {
    align-items: flex-start;
}

.aaa .casino-video-cards {
    height: 80px;
    width: 80px;
}

.aaa .casino-nation-name {
    background-color: transparent;
    text-align: center;
}

.aaa .casino-nation-name,
.aaa .casino-bl-box {
    width: 100%;
}

.aaa .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.aaa-oe .casino-bl-box {
    width: 50%;
    margin-bottom: 0;
}

.aaa-oe .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 56px;
}

.aaa .bc-fancy .casino-bl-box-item {
    width: calc(100% - 2px);
}

/*3 Card Judgement*/

.threecardj .threecardj-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.threecardj .casino-video-cards {
    height: 85px;
}

.threecardj-bl-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    width: 49.5%;
    cursor: pointer;
    margin-bottom: 10px;
}

.casino-table.threecardj .back {
    border: 2px solid var(--back);
}

.casino-table.threecardj .lay {
    border: 2px solid var(--lay);
}

.threecardj-cards {
    width: 100%;
    padding: 0 10px;
}

.threecardj-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #222;
    color: #eee;
    padding: 5px;
}

.ab-cards {
    width: 90%;
}

.threecardj-odds {
    padding: 4px;
    width: 100%;
    font-size: 18px;
}

.threecardj-cards .casino-card-item {
    border: 1px solid transparent;
    padding: 2px;
}

    .threecardj-cards .casino-card-item.selected {
        border: 1px solid var(--bg-success);
    }

/*Casino War*/

.casino-war .casino-video-cards {
    height: 85px;
    width: 80px;
}

.casino-war-container {
    width: 100%;
}

.casino-war .casino-war-container .casino-war-title .casino-bl-box-item {
    height: 20px;
}

.casino-war .casino-war-container .casino-nation-name {
    width: 22%;
    height: 40px;
}

    .casino-war .casino-war-container .casino-nation-name .icon-range {
        top: 26px;
    }

.casino-war .casino-war-container .casino-war-title .casino-nation-name {
    height: auto;
}

.casino-war .casino-war-container .casino-nation-name span:first-child img {
    margin-left: 0;
}

.casino-war .casino-war-container .casino-bl-box {
    width: 13%;
}

.casino-war .casino-war-container .casino-bl-box-item {
    width: calc(100% - 4px);
    height: 40px;
}

.casino-remark {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background-color: var(--bg-success);
    color: var(--text-white);
    border-radius: 0;
    height: 32px;
    width: 100%;
}

    .casino-remark .remark-icon {
        width: 50px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        background-color: var(--bg-success);
    }

        .casino-remark .remark-icon img {
            height: 20px;
        }

    .casino-remark marquee {
        width: calc(100% - 60px);
        float: right;
        padding-left: 10px;
    }

.war-result .casino-open-result-item {
    width: 14.2%;
}

    .war-result .casino-open-result-item .casino-result-cards-item img {
        height: auto;
        width: 30px;
    }

    .war-result .casino-open-result-item .casino-result-cards-item .winner-icon {
        height: auto;
        width: 50px;
    }

/*Worli Matka*/

.worli .casino-video-cards {
    height: 80px;
}

.worli .casino-tabs {
    height: auto;
    padding: 0;
    border-radius: 0;
}

    .worli .casino-tabs .nav-tabs {
        flex-wrap: wrap;
        margin: 0;
    }

    .worli .casino-tabs li {
        margin: 1px;
        flex: 1;
        padding: 0;
        border-radius: 0;
    }

    .worli .casino-tabs .nav-tabs .nav-item .nav-link {
        padding: 6px;
        background-color: #444;
        color: #ddd;
    }

        .worli .casino-tabs .nav-tabs .nav-item .nav-link.active {
            border-bottom: 0;
            color: var(--text-highlight);
        }

.worlibox {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    position: relative;
}

    .worlibox .worli-range {
        position: absolute;
        left: 5px;
    }

.worli-left {
    width: calc(60% - 2px);
    margin-right: 4px;
    display: flex;
    flex-wrap: wrap;
}

.worli-right {
    width: calc(40% - 2px);
    display: flex;
    flex-wrap: wrap;
}

.worli-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.worli-box-title {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.worli-box-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.worli-left .worli-odd-box,
.worli-full .worli-odd-box {
    width: calc(20% - 2px);
    margin-right: 2px;
}

    .worli-left .worli-odd-box:nth-child(5n),
    .worli-full .worli-odd-box:nth-child(5n) {
        margin-right: 0;
    }

.worli-right .worli-odd-box {
    width: calc(50% - 2px);
    margin-right: 2px;
}

    .worli-right .worli-odd-box:nth-child(2n) {
        margin-right: 0;
    }

.worli-odd-box {
    text-align: center;
    font-family: "timer";
    height: 70px;
    color: var(--text-white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

    .worli-odd-box.back.selected {
        background-color: var(--bg-success);
    }

    .worli-odd-box .worli-odd {
        font-size: 40px;
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .worli-odd-box .worli-odd ~ span {
            font-family: "Noto Sans";
        }

.sp .worli-right .worli-odd-box,
.dp .worli-right .worli-odd-box,
.card56 .worli-right .worli-odd-box,
.card64 .worli-right .worli-odd-box,
.colordp .worli-right .worli-odd-box {
    height: 142px;
    width: 100%;
}

.abr .worli-left .worli-odd-box {
    width: calc(33.33% - 2px);
}

    .abr .worli-left .worli-odd-box:nth-child(3n) {
        margin-right: 0;
    }

.abr .worli-right .worli-odd-box {
    width: 100%;
}

    .abr .worli-right .worli-odd-box:last-child {
        margin-right: 0;
    }

.trio .worli-full .worli-odd-box {
    width: 100%;
}

.worli-cards-container {
    display: flex;
    flex-wrap: wrap;
}

.worli-cards-block {
    width: calc(10% - 9px);
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border-radius: 8px;
    box-shadow: 0 0 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .worli-cards-block span {
        margin-right: 5px;
    }

    .worli-cards-block:nth-child(10n) {
        margin-right: 0;
    }

.pana-note {
    padding: 5px;
    text-align: center;
    width: 100%;
    background: var(--bg-sidebar);
    color: var(--text-sidebar);
    margin: 5px 0;
    border-radius: 0;
}

/*Casino Meter*/

.cmeter .teen1dayleft,
.cmeter .teen1dayright {
    background-color: #444;
    color: #ddd;
    padding: 10px;
    cursor: pointer;
}

    .cmeter .teen1dayleft > div:first-child,
    .cmeter .teen1dayright > div:first-child {
        min-height: 56px;
    }

.cmeter .casino-card-item .card-image img {
    height: auto;
    width: 45px;
}

.cmeter-card-box {
    padding: 0 10px 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0;
    background-color: #666;
    color: #ddd;
}

.cmeter-card-low,
.cmeter-card-high {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

    .cmeter-card-low > div:first-child,
    .cmeter-card-high > div:first-child {
        width: 10%;
        text-align: left;
    }

    .cmeter-card-low > div:last-child,
    .cmeter-card-high > div:last-child {
        width: 85%;
        text-align: center;
    }

.cmeter-card-box img {
    width: 30px;
    margin-right: 5px;
}

.lowhigh-betcards {
    display: flex;
    justify-content: center;
}

    .lowhigh-betcards span {
        margin-right: 5px;
    }

        .lowhigh-betcards span:last-child {
            margin-right: 0;
        }

        .lowhigh-betcards span img {
            width: 25px;
        }

/*Casino Queen*/

.casino-queen .casino-video-cards {
    height: 275px;
    width: 135px;
}

.casino-queen .casino-video-cards-container > div {
    flex-wrap: wrap;
}

    .casino-queen .casino-video-cards-container > div > div {
        display: flex;
        flex-wrap: nowrap;
    }

.casino-queen .casino-video-cards-container .dealer-name {
    height: 16px;
}

.casino-queen .casino-video-cards span img {
    width: 30px;
}

.casino-queen .casino-video .video-box {
    padding-bottom: 56.15%;
}

.casino-queen .casino-nation-name,
.casino-queen .casino-bl-box {
    width: 100%;
}

.casino-queen .casino-nation-name {
    background-color: transparent;
    text-align: center;
}

.casino-queen .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 48px;
}

/*Five Cricket*/

.five-cricket .casino-video {
    background-image: linear-gradient(0deg, #100b1e 0%, #160d27 26.42%, #11091d 48.45%, #030309 100%);
    width: 100%;
}

.five-cricket .casino-video-title {
    min-width: 180px;
    padding: 5px;
    background-color: #f8f9fa35;
}

.five-cricket .five-score-cards {
    position: absolute;
    left: 0;
    top: 0;
    width: 310px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.five-cricket .casino-video-title .casino-name {
    font-size: 16px;
    line-height: 1;
}

.five-cricket .casino-video-rid {
    font-size: 14px;
    line-height: 1;
    margin-top: 3px;
}

.five-cricket .casino-video .video-box-container {
    max-width: calc(100% - 310px);
    margin-left: auto;
}

    .five-cricket .casino-video .video-box-container.v-other {
        max-width: 100%;
    }

.five-cricket .race-total {
    color: #fdcf13;
    font-size: 14px;
}

.five-cricket.casino-table {
    background-color: transparent;
}

.five-cricket .casino-video-cards {
    height: 290px;
    width: auto;
    top: unset;
    transform: unset;
    position: relative;
    margin-top: 20px;
}

    .five-cricket .casino-video-cards span img {
        width: 30px;
    }

.cricket-rule img {
    height: 40px;
}

.five-video-baner {
    position: relative;
}

.five-cricket .scorecard {
    width: 100%;
    position: unset;
    margin: 0 auto;
}

.five-video-baner img,
.five-video-baner iframe {
    height: 100%;
    width: 100%;
}

.five-cricket-nation {
    position: absolute;
    left: 10%;
    top: 17%;
    color: var(--text-black);
    font-size: var(--font-18);
}

.five-cricket-date {
    position: absolute;
    right: 10%;
    top: 17%;
    color: var(--text-black);
    font-size: var(--font-18);
}

.five-cricket .ball-runs {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.five-sidebar.right-sidebar {
    padding: 8px;
}

.detail-page-container.five-cricket .market-2,
.detail-page-container.five-cricket .market-6 {
    max-width: calc(50% - 6px);
}

.detail-page-container.super-over .market-2 {
    width: calc(100% - 6px);
    max-width: calc(100% - 6px);
    min-width: calc(100% - 6px);
}

/* .detail-page-container.five-cricket-casino .market-2 {
    width: calc(100% - 6px);
    max-width: calc(100% - 6px);
    min-width: calc(100% - 6px);
} */

.five-cricket-result .table {
    table-layout: fixed;
}

.five-cricket-result h4 {
    padding: 2px;
    margin-bottom: 4px;
}

.score-head {
    padding: 4px;
}

.animate-text {
    position: absolute;
    font-size: 22px;
    width: 100%;
    background-color: #343434;
    text-align: left;
    top: 0;
    padding: 15px;
    text-transform: uppercase;
}

    .animate-text span {
        opacity: 0;
        font-weight: bold;
        display: inline-block;
        transform: translate(-150px, -50px) rotate(-180deg) scale(3);
        animation: revolveScale 0.4s forwards;
    }

        .animate-text span:nth-of-type(2) {
            animation-delay: 0.04s;
        }

        .animate-text span:nth-of-type(3) {
            animation-delay: 0.08s;
        }

        .animate-text span:nth-of-type(4) {
            animation-delay: 0.12s;
        }

        .animate-text span:nth-of-type(5) {
            animation-delay: 0.16s;
        }

        .animate-text span:nth-of-type(6) {
            animation-delay: 0.2s;
        }

        .animate-text span:nth-of-type(7) {
            animation-delay: 0.24s;
        }

        .animate-text span:nth-of-type(8) {
            animation-delay: 0.28s;
        }

        .animate-text span:nth-of-type(9) {
            animation-delay: 0.32s;
        }

        .animate-text span:nth-of-type(10) {
            animation-delay: 0.36s;
        }

        .animate-text span:nth-of-type(11) {
            animation-delay: 0.4s;
        }

        .animate-text span:nth-of-type(12) {
            animation-delay: 0.44s;
        }

        .animate-text span:nth-of-type(13) {
            animation-delay: 0.48s;
        }

        .animate-text span:nth-of-type(14) {
            animation-delay: 0.52s;
        }

        .animate-text span:nth-of-type(15) {
            animation-delay: 0.56s;
        }

        .animate-text span:nth-of-type(16) {
            animation-delay: 0.6s;
        }

        .animate-text span:nth-of-type(17) {
            animation-delay: 0.64s;
        }

        .animate-text span:nth-of-type(18) {
            animation-delay: 0.68s;
        }

        .animate-text span:nth-of-type(19) {
            animation-delay: 0.72s;
        }

        .animate-text span:nth-of-type(20) {
            animation-delay: 0.76s;
        }

        .animate-text span:nth-of-type(21) {
            animation-delay: 0.8s;
        }

        .animate-text span:nth-of-type(22) {
            animation-delay: 0.84s;
        }

        .animate-text span:nth-of-type(23) {
            animation-delay: 0.88s;
        }

        .animate-text span:nth-of-type(24) {
            animation-delay: 0.92s;
        }

        .animate-text span:nth-of-type(25) {
            animation-delay: 0.96s;
        }

        .animate-text span:nth-of-type(26) {
            animation-delay: 1s;
        }

@keyframes revolveScale {
    60% {
        transform: translate(20px, 20px) rotate(30deg) scale(0.3);
    }

    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}

/*2020 Cricket Match*/

.cricket20 .casino-video-cards {
    width: 80px;
    height: 110px;
}

.cricket20 .score-box {
    position: relative;
    height: 64px;
    margin-top: 30px;
    padding: 0;
    background-image: url("../img/balls/score-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 45px;
}

.cricket20 .casino-remark {
    margin-top: 62px;
    margin-bottom: 45px;
}

.cricket20 .ball-image {
    width: 50px;
    position: absolute;
    z-index: 1000;
    top: 40px;
    left: 10px;
}

.cricket20 .score-img {
    width: 70%;
}

.cricket20 .team-score {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    color: var(--text-white);
}

.cricket20 .blbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    width: 170px;
    height: 40px;
    transform: translateX(-50%);
    bottom: -15px;
}

.cricket20.casino-table .casino-detail .blbox .back,
.cricket20.casino-table .casino-detail .blbox .back:hover {
    border: 0;
    background-color: var(--back);
    cursor: pointer;
    font-weight: bold;
    color: var(--text-black);
}

.casino-table.cricket20 .casino-detail .blbox .lay,
.casino-table.cricket20 .casino-detail .blbox .lay:hover {
    border: 0;
    background-color: var(--lay);
    cursor: pointer;
    font-weight: bold;
    color: var(--text-black);
}

.cricket20 .blbox div {
    width: 50%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: var(--text-black);
}

.cricket20 .ball-icon {
    position: absolute;
    left: 50%;
    top: -25px;
    height: 50px;
    transform: translateX(-50%);
}

    .cricket20 .ball-icon img {
        height: 60px;
    }

.cricket20 .min-max {
    position: absolute;
    bottom: 0;
    right: 5px;
}

.cricket20 .backbox {
    position: absolute;
    top: 0;
    left: 70%;
    width: 15%;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
    font-size: 18px;
}

.cricket20 .laybox {
    position: absolute;
    top: 0;
    left: 85%;
    width: 15%;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
}

.cricket20 .c20minmax {
    position: absolute;
    bottom: -25px;
    right: 15px;
    min-width: 100px;
}

.c20book {
    position: absolute;
    left: 15px;
    bottom: -20px;
}

.cricket20 .suspended::after {
    border-radius: 0;
}

.cricket20 .casino-video-last-results img {
    width: 35px;
}

.cricket20 .casino-video-last-results {
    top: 5px;
    right: 140px;
    width: 450px;
    height: 45px;
}

    .cricket20 .casino-video-last-results.hide-lr {
        width: 0;
    }

.casino-video-last-results span.cricket20lastresult {
    background-color: transparent;
    box-shadow: none;
}

.casino-video-last-results a.result-more.cricket20lastresult {
    width: 35px;
    border-radius: 50%;
}

.cricket20books {
    position: absolute;
    right: 5px;
    top: 60px;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px;
}

    .cricket20books > div {
        display: flex;
        justify-content: space-between;
        color: #fff;
    }

.cricket20videobannerbox {
    position: absolute;
    top: 0;
    max-width: 100%;
    width: 100%;
    padding-bottom: 56.25%;
}

    .cricket20videobannerbox img {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        border: 0;
    }

.cricket20videobanner {
    background-color: rgba(0, 0, 0, 0.4);
    height: 160px;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
    left: 50%;
    top: 50%;
    width: 50%;
    color: var(--text-white);
    line-height: 1;
    text-align: center;
    font-size: 28px;
    transform: translate(-50%, -50%);
    font-family: timer;
    border: 2px solid #666;
    border-radius: 8px;
}

.cricket20bannertitle {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    border-radius: 0;
    background-color: #444;
    color: #ddd;
}

.cricket20balls {
    position: absolute;
    left: 0;
    bottom: -25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

    .cricket20balls img {
        margin-right: 10px;
        width: 40px;
    }

.cricket20ballpopup {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 10;
}

    .cricket20ballpopup img {
        width: 150px;
    }

    .cricket20ballpopup span {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-family: timer;
        font-size: 26px;
    }

.goal .cricket20ballpopup {
    margin-left: -125px;
    margin-top: -125px;
    animation: zoom-in-zoom-out-goal 1s ease;
    -webkit-animation: zoom-in-zoom-out-goal 1s ease;
    animation-iteration-count: 1;
}

    .goal .cricket20ballpopup img {
        height: 250px;
        width: auto;
    }

    .goal .cricket20ballpopup span {
        top: unset;
        left: 58%;
        color: #000;
        bottom: -10px;
        font-size: 18px;
        width: 60%;
        height: 40px;
        display: flex;
        align-items: center;
        bottom: -10px;
        justify-content: center;
    }

.goal-result img {
    height: 250px;
    width: auto !important;
}

.goal-result span {
    position: absolute;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    top: unset;
    left: 58%;
    color: #000;
    font-weight: bold;
    bottom: -10px;
    font-size: 15px;
    width: 60%;
    height: 40px;
    display: flex;
    align-items: center;
    bottom: -10px;
    justify-content: center;
}

.cricket20ballresult {
    position: relative;
    width: auto;
    left: unset;
    top: unset;
    margin: 0;
    display: inline-block;
}

/*Race*/

.race20 .casino-video-cards {
    width: 215px;
    height: 145px;
}

    .race20 .casino-video-cards span img {
        width: 22px;
        margin-right: 4px;
    }

    .race20 .casino-video-cards span:first-child img {
        width: 30px;
    }

.race20 .casino-video-cards-container > div {
    align-items: center;
}

.race20 .total-points {
    display: flex;
    margin-top: 10px;
}

    .race20 .total-points > div {
        padding: 5px;
        margin-right: 5px;
        border: 1px solid var(--text-white);
        color: var(--text-white);
    }

.race20 .casino-detail .total-points > div {
    color: var(--text-white);
}

.race20 .total-points > div > div {
    line-height: 16px;
    font-size: 12px;
}

    .race20 .total-points > div > div.numeric {
        font-size: 26px;
    }

.race20 .casino-nation-name {
    background-color: transparent;
    text-align: center;
    color: var(--text-table);
}

.race20 .col-3,
.race20 .col-4 {
    padding: 0 !important;
}

    .race20 .col-3 .casino-box-row,
    .race20 .col-4 .casino-box-row {
        border-right: 1px solid var(--bg-bet);
        padding-right: 10px;
        padding-left: 10px;
    }

    .race20 .col-3:last-child .casino-box-row,
    .race20 .col-4:last-child .casino-box-row {
        border-right: 0;
    }

.race20 .casino-bl-box,
.race20 .casino-nation-name {
    width: 100%;
}

    .race20 .casino-bl-box .icon-range,
    .race20 .casino-nation-name .icon-range {
        top: 30px;
    }

.race20 .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
    position: relative;
}

.race20 .casino-nation-name img {
    width: 25px;
}

.race20 .casino-yn {
    display: flex;
    width: 100%;
}

    .race20 .casino-yn > div {
        width: 50% !important;
        margin-right: 1%;
        text-align: center;
        position: relative;
    }

    .race20 .casino-yn .casino-odds-box-bhav {
        flex-direction: row;
    }

.race20 .win-with .casino-bl-box-item {
    width: 100%;
}

.race20 .casino-video-last-results img {
    width: 35px;
}

.race-result-box .casino-result-cards-item {
    position: absolute;
    right: -85px;
}

    .race-result-box .casino-result-cards-item img {
        width: 40px;
    }

.race-result-box {
    width: 275px;
    position: relative;
    z-index: 10;
}

    .race-result-box > div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .race-result-box > div span {
            margin-right: 4px;
        }

    .race-result-box .result-image.k-image {
        position: absolute;
        right: -45px;
    }

    .race-result-box .video-winner-text {
        color: #eee;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: calc(100% - 5px);
        font-size: 22px;
        width: 42px;
        height: 100%;
        border: 1px solid #eee;
        padding: 2px 12px;
        z-index: -1;
        background-color: #222;
    }

    .race-result-box img {
        width: 35px;
    }

.rf-minheight {
    min-height: 20px;
}

.race20 .casino-video-last-results span {
    background-color: transparent;
    box-shadow: none;
}

/*Lottery*/

.fullwidthcasino-container.lottery {
    background-color: #0c0c0c;
}

.lottery .casino-detail {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lottery .casino-table {
    background-color: transparent;
}

.lottery .casino-detail .lottery-left {
    width: 30%;
    text-align: center;
}

.lottery .casino-detail .lottery-right {
    width: 70%;
}

.lottery .casino-tabs {
    background-color: #040404;
    border-radius: 0;
}

    .lottery .casino-tabs .nav-tabs {
        width: 100%;
        margin: 0;
    }

        .lottery .casino-tabs .nav-tabs .nav-item {
            flex: 1 1 auto;
        }

        .lottery .casino-tabs .nav-tabs .nav-link {
            padding-top: 0;
            padding-bottom: 0;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            color: #fff !important;
        }

        .lottery .casino-tabs .nav-tabs .nav-item .nav-link.active {
            color: #f9b738 !important;
            border-bottom: 3px solid #f9b738 !important;
        }

        .lottery .casino-tabs .nav-tabs .nav-item .nav-link:hover,
        .lottery .casino-tabs .nav-tabs .nav-item .nav-link:focus {
            color: #f9b738;
        }

.lottery-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 0;
    width: 45%;
}

.lottery .single .lottery-box {
    width: 80%;
}

.lottery .single .lottery-place-balls {
    width: 20%;
}

.lottery .single,
.lottery .double,
.lottery .tripple {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 190px;
    align-items: flex-start;
}

    .lottery .double .lottery-place-balls,
    .lottery .tripple .lottery-place-balls {
        width: 55%;
    }

    .lottery .single .lottery-place-balls img {
        width: 100px;
    }

.lottery-box .lottery-card {
    width: 20%;
    /* margin-bottom: 10px; */
    text-align: center;
    margin: 5px 0;
}

.lottery .single .lottery-box .lottery-card {
    width: 10%;
}

.lottery-box .lottery-card img {
    width: 55px;
    cursor: pointer;
}

.lottery-place-balls {
    display: flex;
    padding: 6px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.double .lottery-place-balls,
.tripple .lottery-place-balls {
    align-items: flex-end;
    height: 100%;
}

.lottery-place-balls .btn {
    background-color: #f8b737;
    border: 0;
    border-radius: 20px;
    min-width: 150px;
    color: #000;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.lottery-place-balls img {
    width: 50px;
    margin-right: 20px;
    animation-name: ballspin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

    .lottery-place-balls img:last-child {
        margin-right: 0;
    }

@keyframes ballspin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.lottery.casino-table {
    background-color: #111111;
    border-radius: 0;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar {
    background-color: #0c0c0c;
    border-radius: 0;
}

    .right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet {
        max-height: 500px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #333333 #000000;
        border-radius: 0;
        background-color: transparent;
        position: relative;
        padding-top: 48px;
        margin-bottom: 20px;
    }

.lottery-my-bets {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

.lottery-my-bet-box {
    background-image: url("../img/lottery/lottery-pattern.png");
    background-size: 100% 100%;
    height: 46px;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .lottery-my-bet-box span {
        vertical-align: middle;
    }

        .lottery-my-bet-box span:last-child {
            font-size: 18px;
            font-weight: bold;
            vertical-align: middle;
        }

    .lottery-my-bet-box:nth-child(3n) {
        margin-right: 0;
    }

    .lottery-my-bet-box img {
        width: 30px;
        margin-right: 10px;
    }

        .lottery-my-bet-box img:last-child {
            margin-right: 0;
        }

.lottery-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 16px;
    border-bottom: 1px solid #1a1a1a;
}

    .lottery-cards img {
        width: 50px;
        margin-right: 25px;
    }

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar {
    width: 8px;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar-track {
    background: #000000;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar-thumb {
    background-color: #333333;
}

.lottery-side-top {
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #1a1a1a;
    align-items: center;
}

    .lottery-side-top i {
        font-size: 26px;
        margin-right: 10px;
        cursor: pointer;
        color: #f9b738;
    }

.lottery-bal {
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #1a1a1a;
    align-items: center;
}

    .lottery-bal b {
        color: #f9b738;
    }

.lottery-last-result {
    padding: 16px;
    padding-top: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #1a1a1a;
    align-items: center;
    position: relative;
}

.lottery-last-result-title,
.lottery-sidebar .casino-place-bet-title {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

    .lottery-last-result-title div,
    .lottery-sidebar .casino-place-bet-title > div {
        background: linear-gradient(rgba(255, 168, 0, 0.10000000149011612), rgba(0, 0, 0, 0));
        width: 106px;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
        font-size: var(--font-caption);
        text-align: center;
        border-top: 2px solid rgba(248, 183, 55, 1);
        text-transform: uppercase;
    }

.lottery-result-icon {
    background-color: #131313;
    height: 34px;
    width: 34px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.lottery-buttons {
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.lottery-buttons-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.lottery-buttons .lottery-btn {
    width: 30%;
    height: 40px;
    border-radius: 35px;
    color: #fff;
    background-color: transparent;
}

.lottery-btn.active {
    border: 1px solid #202020;
    background-color: #f8b737;
    color: #000;
}

.lottery-bet-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding: 10px;
}

    .lottery-bet-buttons > div {
        height: 90px;
        width: 90px;
        margin-bottom: 20px;
        background-image: url("../img/coin.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--text-black);
        font-weight: bold;
        font-size: 18px;
        opacity: 0.5;
    }

        .lottery-bet-buttons > div.active {
            opacity: 1;
        }

        .lottery-bet-buttons > div:nth-child(4),
        .lottery-bet-buttons > div:nth-child(5),
        .lottery-bet-buttons > div:nth-child(6) {
            margin-bottom: 0;
        }

.random-bets {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #444;
    color: var(--text-white);
    border-radius: 0;
    padding: 5px;
    margin-top: 10px;
}

    .random-bets button {
        min-width: 50px;
        height: 40px;
        margin-right: 7px;
        margin-bottom: 7px;
        border-radius: 0;
    }

    .random-bets h4 {
        font-size: 16px;
    }

    .random-bets button:last-child {
        margin-right: 0;
    }

.lottery .suspended:after {
    font-size: 48px;
}

.lottery-rules-box {
    border: 1px solid #f8b737;
}

.lottery-rules .casino-tabs {
    border-radius: 0;
}

.lottery-rules-row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f8b737;
}

    .lottery-rules-row:last-child {
        border-bottom: 0;
    }

.lottery-rules-title-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-right: 1px solid #f8b737;
    width: 20%;
    justify-content: center;
    padding: 5px;
}

    .lottery-rules-title-name > div {
        width: 100%;
    }

        .lottery-rules-title-name > div:first-child {
            font-size: 22px;
            font-weight: bold;
            color: #f8b737;
        }

.lottery-rules-cards {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    align-items: center;
    justify-content: center;
    width: 80%;
}

    .lottery-rules-cards .lottery-card {
        margin-right: 5px;
    }

        .lottery-rules-cards .lottery-card img {
            width: 40px;
            height: auto;
            max-height: unset;
        }

/*Dus Ka Dum */

.duskadum .casino-video-title {
    width: 190px;
}

.duskadum .casino-video-cards {
    height: 55px;
}

.duskadum .casino-video-current-card {
    position: absolute;
    left: 200px;
    top: 50%;
    transform: translateY(-50%);
    background: #9191917d;
    padding: 5px;
}

.duskadum .casino-video-cards img {
    height: auto;
    width: 32px;
}

.duskadum .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
    height: 52px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.duskadum .casino-bl-box {
    width: 50%;
}

.duskadum .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 52px;
}

.duskadum .dkd-other {
    padding-top: 20px;
    position: relative;
    margin-top: 20px !important;
}

    .duskadum .dkd-other::before {
        content: "";
        background-color: #666;
        height: 1px;
        width: 70%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        top: 0;
    }

    .duskadum .dkd-other .casino-bl-box {
        width: calc(25% - 3px);
        margin-right: 4px;
    }

        .duskadum .dkd-other .casino-bl-box:last-child {
            margin-right: 0;
        }

    .duskadum .dkd-other .casino-bl-box-item {
        width: 100%;
    }

.lastCards-container {
    width: 60% !important;
    margin: 0 auto;
}

.lastCards .hooper-track {
    margin: 0 auto;
}

.lastCards .hooper-next {
    left: -35px !important;
    padding: 5px !important;
}

.lastCards .hooper-prev {
    right: -35px !important;
    padding: 5px !important;
}

.lastCards img {
    height: auto;
    width: 32px;
}

.andar-bahar-3 .lastCards img,
.andar-bahar-4 .lastCards img {
    width: 27px;
}

.next-count {
    font-size: 12px;
}
/* 
.duskadum .dum-slider {
    width: 65%;
    margin: 0 auto 10px;
} */

.lastCards-result .casino-result-cards-item img {
    margin-bottom: 0 !important;
}

.ab2-result .lastCards-result .hooper-list {
    width: 60%;
}

.ab2-result.ab4-result .lastCards-result .hooper-list {
    width: 80%;
}

.lastCards-result .hooper-list {
    width: 87%;
    margin: 0 auto;
}

.ab4-result .hooper-navigation button {
    margin-top: 12px;
    padding: 10px;
    margin-left: 5px;
}
/* .dum-result .dum-slider {
    max-width: 85%;
    position: relative;
    margin: 0 auto;
} */

.duskadum .owl-carousel .owl-nav button.owl-next,
.duskadum .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    font-size: 30px;
    height: 100%;
    top: 0;
    margin: 0;
    width: 20px;
}

.duskadum .casino-video .owl-carousel .owl-nav button.owl-next,
.duskadum .casino-detail .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.duskadum .casino-video .owl-carousel .owl-nav button.owl-prev,
.duskadum .casino-detail .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.duskadum .owl-theme .owl-nav {
    margin: 0;
}

.duskadum .casino-detail .owl-carousel .owl-stage {
    margin: 0 auto;
}

.duskadum .dkd-total {
    padding: 5px;
    margin-right: 0;
    border: 1px solid var(--text-white);
    color: var(--text-white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 5px;
    align-items: center;
    font-size: 12px;
    line-height: 1;
}

    .duskadum .dkd-total > div {
        line-height: 1;
    }

        .duskadum .dkd-total > div:first-child {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }

            .duskadum .dkd-total > div:first-child > div {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
            }

    .duskadum .dkd-total .numeric {
        font-size: unset;
        margin-left: 5px;
        margin-top: 0 !important;
        line-height: 1;
        font-family: unset;
        letter-spacing: unset;
    }

/*1 Card Meter*/

.one-card-meter .casino-video-cards {
    height: 85px;
    width: 135px;
}

.one-card-meter .casino-detail {
    /* padding: 30px 5px; */
}

.one-card-meter .meter-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .one-card-meter .meter-btns .meter-btn {
        width: 48%;
    }

    .one-card-meter .meter-btns .meter-btn-box {
        width: 100%;
    }

    .one-card-meter .meter-btns .meter-btn .btn-fighter-1 {
        transition: all 0.5s;
        position: relative;
        width: 100%;
        height: 70px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-1 img {
            transform: rotate(90deg);
            height: 40px;
            margin-left: 10px;
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover img {
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            margin-left: 30px;
            transform: scale(1.5) rotate(90deg);
            -webkit-transform: scale(1.5) rotate(90deg);
            -moz-transform: scale(1.5) rotate(90deg);
            -ms-transform: scale(1.5) rotate(90deg);
            -o-transform: scale(1.5) rotate(90deg);
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-1::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--back);
            border-radius: 0;
            z-index: -2;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border: 3px solid #e22739;
            box-shadow: 0 0px 6px #c8c8c8;
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-1:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: green;
            transition: all 0.3s;
            border-radius: 0;
            z-index: -1;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover {
            color: #fff;
        }

            .one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover:before {
                width: 100%;
            }

    .one-card-meter .meter-btns .meter-btn .btn-fighter-2 {
        transition: all 0.5s;
        position: relative;
        width: 100%;
        height: 70px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-2 img {
            transform: rotate(270deg);
            height: 40px;
            margin-right: 10px;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover img {
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            margin-right: 30px;
            transform: scale(1.5) rotate(270deg);
            -webkit-transform: scale(1.5) rotate(270deg);
            -moz-transform: scale(1.5) rotate(270deg);
            -ms-transform: scale(1.5) rotate(270deg);
            -o-transform: scale(1.5) rotate(270deg);
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--back);
            border-radius: 0;
            z-index: -2;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border: 3px solid #ecc116;
            box-shadow: 0 0px 6px #c8c8c8;
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-2:before {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0%;
            height: 100%;
            background-color: green;
            transition: all 0.3s;
            border-radius: 0;
            z-index: -1;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }

        .one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover {
            color: #fff;
        }

            .one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover:before {
                width: 100%;
            }

/*Casino Rules Table*/

.casino-rules-table .table td,
.casino-rules-table .table th {
    padding: 4px;
    font-size: var(--font-small);
}

.casino-rules-table .table th {
    color: var(--text-table-header-new);
}

.casino-rules-table .table thead {
    height: auto;
}

/*Casino Result*/

.casino-result-round {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px;
}

.casino-result-cards {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.casino-result-content {
    padding: 6px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}

.casino-result-content-item {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 49%;
}

.casino-result-content-diveder {
    width: 2px;
    height: 130px;
    background-color: #666;
}

.casino-result-cards-item {
    margin-right: 5px;
    display: inline-block;
}

    .casino-result-cards-item img {
        width: 35px;
        margin-bottom: 5px;
    }

    .casino-result-cards-item:last-child {
        margin-right: 0;
    }

    .casino-result-cards-item .winner-icon {
        height: auto;
        width: 60px;
        transition: 1.2s ease-in;
        animation-iteration-count: infinite;
        -webkit-transition: 1.2s ease-in;
        -moz-transition: 1.2s ease-in;
        -ms-transition: 1.2s ease-in;
        -o-transition: 1.2s ease-in;
    }

@keyframes blink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(29, 127, 30, 0.6);
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        color: #ffbf00;
        -webkit-box-shadow: 0 0 0 10px transparent;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 0 transparent;
    }
}

.casino-result-desc {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 6px;
    background-color: #444;
    border: 1px solid #555;
    margin-top: 4px;
}

.casino-result-desc-item {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

    .casino-result-desc-item div:first-child {
        width: 30%;
        text-align: right;
        margin-right: 2%;
        color: var(--text-body);
        opacity: 0.6;
    }

    .casino-result-desc-item div:last-child {
        width: 68%;
        text-align: left;
        word-break: break-all;
    }

.fullwidthcasino-container {
    width: 100%;
    position: relative;
}

    .fullwidthcasino-container > div {
        display: flex;
        flex-wrap: wrap;
    }

    .fullwidthcasino-container .casino-container {
        width: calc(100% - 476px);
        margin-right: 6px;
        margin-left: 6px;
        position: relative;
    }

    .fullwidthcasino-container.lottery .footer {
        width: calc(100% - 476px);
    }

/*Sic Bo*/

.sicbo-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sicbo-title-box {
    background-color: #666666;
    color: #fff;
    border-radius: 10px;
    padding: 0 5px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    min-width: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sicbo-middle {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 5px;
    justify-content: space-between;
}

.sicbo-middle-midle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: auto;
}

.sicbo-middle-top-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.sicbo-square-box {
    text-transform: uppercase;
    background-image: linear-gradient(rgba(249, 247, 244, 0.7), rgba(242, 224, 213, 0.7));
    border-radius: 6px;
    padding: 5px;
    color: #1d1b2d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 1px;
    flex: 1 1 auto;
    cursor: pointer;
}

.sicbo-middle-small,
.sicbo-middle-big {
    flex: unset;
    min-width: 60px;
}

.sicbo-middle-top-box-odd {
    margin: 0 5px;
    min-width: 50px;
}

.sicbo-box-value {
    font-weight: bold;
}

.sicbo-middle-middle-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%;
}

    .sicbo-middle-middle-row .sicbo-cube-box-container:first-child .sicbo-title-box {
        display: flex;
        justify-content: space-between;
    }

.sicbo-cube-box-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 1px;
}

.sicbo-middle-middle-row .sicbo-cube-box-container {
    flex: 1 auto;
}

.sicbo-cube-box-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.sicbo-cube-box {
    width: 50px;
    height: 50px;
}

.sicbo-cube-single img {
    height: 30px;
}

.sicbo-cube-double,
.sicbo-cube-tripple {
    position: relative;
}

    .sicbo-cube-double img {
        height: 20px;
    }

        .sicbo-cube-double img:first-child {
            position: absolute;
            left: 5px;
            top: 5px;
        }

        .sicbo-cube-double img:last-child {
            position: absolute;
            right: 5px;
            bottom: 5px;
        }

    .sicbo-cube-tripple img {
        height: 13px;
    }

        .sicbo-cube-tripple img:first-child {
            position: absolute;
            left: 5px;
            top: 5px;
        }

        .sicbo-cube-tripple img:nth-child(2) {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .sicbo-cube-tripple img:last-child {
            position: absolute;
            right: 5px;
            bottom: 5px;
        }

.sicbo-bottom {
    display: flex;
    margin-top: 10px;
}

    .sicbo-bottom .sicbo-cube-box-container {
        margin: 0 auto;
    }

    .sicbo-bottom .sicbo-cube-box {
        flex: unset;
        height: 60px;
        justify-content: space-between;
    }

.sicbo-cube-combination img {
    height: 20px;
}

/*End Casino Page CSS*/

/*Report Page CSS goes here*/

.report-container {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
}

.report-box {
    background-color: var(--bg-table);
    padding: 8px;
    min-height: calc(100vh - 60px);
}

    .report-box.casino-box {
        background-color: transparent;
        padding: 0;
    }

        .report-box.casino-box .casino-tabs {
            border-radius: 0;
            margin-bottom: 5px;
        }

.report-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.report-name {
    height: 43px;
    font-size: var(--font-24);
}

.report-form {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

    .report-form .form-group {
        display: inline-block;
        margin-bottom: 0;
    }

    .report-form .form-control,
    .report-page-count .form-control {
        background-color: #444;
        color: #ddd;
    }

.report-title input {
    width: 320px;
}

.report-form select {
    width: 240px;
}

.report-form input {
    width: 170px;
}

.report-form button {
    width: 150px;
}

.report-page-count {
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.file-icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

    .file-icons i {
        cursor: pointer;
        font-size: var(--font-big);
        margin-right: 10px;
    }

    .file-icons .fa-file-pdf {
        color: #f70000;
    }

    .file-icons .fa-file-excel {
        color: #1f6e43;
    }

    .file-icons .disabled {
        color: var(--text-table);
        opacity: 0.6;
        cursor: not-allowed;
    }

.report-page-count select {
    width: auto;
    min-width: 100px;
    height: 36px;
    display: inline-block;
}

.report-table {
    margin-top: 0;
    min-height: 400px;
}

.unsettled-bets .report-table {
    min-height: unset;
}

.report-table.report-table-modal {
    min-height: unset;
}

.casino-result .back-border {
    border-left: 5px solid var(--back);
}

.casino-result .lay-border {
    border-left: 5px solid var(--lay);
}

.report-table .bet-name {
    margin-bottom: 8px;
}

.report-table .bet-info {
    color: var(--text-table);
    opacity: 0.6;
}

    .report-table .bet-info .bet-val {
        margin-left: 24px;
    }

.report-table .bet-time {
    margin-left: 8px;
}

.report-table .bet-odd {
    color: var(--text-green);
}

.report-table.bet-result img {
    margin-left: 8px;
}

.report-table .bet-sport {
    width: 150px;
}

    .report-table .bet-sport div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-event-name {
    width: 400px;
}

    .report-table .bet-event-name div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-market-name {
    width: 300px;
}

.current-bets.report-table .bet-market-name {
    width: 260px;
}

.report-table .bet-market-name div {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-table .bet-nation {
    width: 150px;
}

    .report-table .bet-nation div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-user-rate {
    width: 110px;
}

    .report-table .bet-user-rate div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-amount {
    width: 170px;
}

    .report-table .bet-amount div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-date {
    width: 220px;
}

    .report-table .bet-date div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.ac-statement.report-table .bet-date {
    width: 270px;
}

    .ac-statement.report-table .bet-date div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-remark {
    width: auto;
    cursor: pointer;
}

    .report-table .bet-remark div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table-modal.report-table .bet-remark {
    width: 300px;
    cursor: pointer;
}

    .report-table-modal.report-table .bet-remark div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-ip {
    cursor: pointer;
    width: 200px;
}

    .report-table .bet-ip div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.report-table .bet-action {
    cursor: pointer;
    width: 75px;
}

    .report-table .bet-action div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .report-table .bet-action a i {
        color: var(--text-table);
    }

.report-table .bet-file {
    cursor: pointer;
    width: 155px;
}

    .report-table .bet-file div {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.point-content {
    padding: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    box-shadow: 0 6px -6px;
}

.battle-header {
    background-color: var(--bg-table-header-new);
    padding: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    color: var(--text-table-header-new);
}

.battle-content {
    border: 1px solid #666;
}

.battle-content-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 1px solid #666;
}

.battle-content-detail {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 4px;
    border-bottom: 1px solid #666;
}

.battle-detail-content {
    width: 48%;
    margin-right: 1%;
}

.battle-detail-content-box {
    background-color: #444;
    color: #ddd;
    width: 100%;
    padding: 6px;
}

.battle-detail-content:nth-child(2n) {
    margin-right: 0;
}

.battle-detail-content-title {
    width: 100%;
    font-weight: var(--font-bold);
    color: var(--text-white);
    text-transform: uppercase;
}

.battle-detail-content-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.battle-detail-content-info {
    width: 100%;
    padding: 6px;
}

.dream-result-container .battle-detail-content {
    width: 95%;
    margin-right: 0;
}

.captain-icon {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    font-size: var(--font-small);
    color: var(--text-white);
}

.ip-detail-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

    .ip-detail-row div:first-child {
        width: 49%;
        margin-right: 2%;
        color: var(--text-table);
        opacity: 0.6;
        text-align: left;
    }

    .ip-detail-row div:last-child {
        width: 49%;
        margin-right: 0;
    }

.no-record {
    background-color: #444;
    color: #ddd;
    text-align: center;
}

.total-soda {
    float: right;
}

.casino-rules-title {
    cursor: pointer;
}

.casino-result .bet-nation {
    width: 300px;
}

    .casino-result .bet-nation > div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.casino-result .bet-rate {
    width: 70px;
}

    .casino-result .bet-rate div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.casino-result .bet-amount {
    width: 120px;
}

    .casino-result .bet-amount div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.casino-result .bet-date {
    width: 200px;
}

    .casino-result .bet-date div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.casino-result .bet-ip {
    width: 150px;
}

    .casino-result .bet-ip div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.casino-result .bet-remark {
    width: 160px;
}

    .casino-result .bet-remark div {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/*End Report Page CSS*/

/*Error Page CSS goes here*/

.error-page {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .error-page img {
        max-width: 80%;
    }

    .error-page .error-name {
        margin-top: 40px;
        font-size: var(--font-24);
        text-align: center;
    }

        .error-page .error-name .error-number {
            font-size: var(--font-56);
            height: 76px;
            line-height: 76px;
            margin-bottom: 16px;
        }

        .error-page .error-name .page-not-found-text {
            height: 44px;
            font-size: var(--font-headline);
            width: 310px;
            margin-top: 16px;
        }

    .error-page .maitanance-text {
        font-size: var(--font-headline);
        width: 552px;
        margin-top: 16px;
    }

    .error-page .back-to-main-page {
        margin-top: 40px;
    }

.footer-error {
    margin-top: 0 !important;
    width: 70%;
    margin: 0 auto;
}

.logo-error {
    float: left;
    width: 300px;
}

    .logo-error .logo {
        height: auto;
    }

.browser-block {
    min-height: 100vh;
}

.browser-block-box {
    width: 100%;
    max-width: 620px;
    padding: 10px;
}

    .browser-block-box img {
        height: 170px;
    }

    .browser-block-box li {
        list-style: square;
    }

.broser-block-text {
    font-family: Anton;
    display: inline-block;
    font-size: var(--font-56);
    margin-left: 30px;
    vertical-align: middle;
    text-transform: uppercase;
}

.slow-internet.error-page {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/*End Error page CSS*/

/*Loading Page CSS*/

#loading {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    position: fixed;
    background-color: var(--bg-body);
    z-index: 9999;
    background-image: url("../img/loading.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.loading-box {
    margin-top: 10px;
    width: 580px;
}

#loading-bar {
    background-color: var(--bg-sidebar);
    border-radius: 12.5px;
    width: 100%;
    height: 18px;
}

#loaded-bar {
    background-color: var(--bg-success);
    border-radius: 12.5px;
    width: 60%;
    height: 18px;
}

/*End Loading Page CSS*/

#betSodaModal .modal-header {
    padding: 6px;
}

    #betSodaModal .modal-header .close {
        margin: 0;
        padding: 0;
    }

#betSodaModal .modal-body {
    padding: 8px 0;
    min-height: calc(100vh - 85px);
}

#betSodaModal .modal-header .close {
    color: var(--text-table-header-new);
}

#betSodaModal .market-tabs .nav-tabs {
    overflow-x: auto;
}

    #betSodaModal .market-tabs .nav-tabs .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        white-space: nowrap;
    }

#betSodaModal .market-tabs .arrow-tabs {
    top: 5px;
    display: flex;
}

#betSodaModal .market-tabs .arrow-tabs {
    height: 30px;
    width: 30px;
}

    #betSodaModal .market-tabs .arrow-tabs.arrow-left {
        transform: rotate(90deg);
    }

    #betSodaModal .market-tabs .arrow-tabs.arrow-right {
        transform: rotate(-90deg);
    }

#betSodaModal .market-tabs {
    padding: 0 30px;
}

/*Button valuee*/

.button-value .form-control {
    height: 36px;
    color: var(--text-table);
}

.confirm-bet .btn {
    height: auto;
}

.report-game-name {
    font-size: var(--font-18);
    font-weight: var(--font-bold);
    margin-bottom: 10px;
}

.buttons-tabs.nav-tabs {
    border: 0;
    margin-bottom: 5px;
}

    .buttons-tabs.nav-tabs .nav-item .nav-link {
        color: #ddd;
        background-color: #444;
        border-color: #666;
        margin-right: 5px;
        border-radius: 0;
    }

    .buttons-tabs.nav-tabs .nav-link.active {
        color: #eee;
        background-color: #222;
        border-color: #444;
    }

/*My Market Modal*/

.my-market-box {
    background-color: #444;
    color: #ddd;
    border-bottom: 1px solid #555;
    margin-bottom: 5px;
}

    .my-market-box .my-market-box-title {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px;
        cursor: pointer;
        color: #fff;
    }

        .my-market-box .my-market-box-title span:first-child {
            max-width: calc(100% - 170px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
        }

        .my-market-box .my-market-box-title span:last-child {
            font-size: var(--font-caption);
        }

    .my-market-box .my-market-box-desc {
        padding: 5px;
    }

/*Run Amount*/

.run-amount-container {
    max-height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #333333 #000000;
}

    .run-amount-container::-webkit-scrollbar {
        width: 8px;
    }

    .run-amount-container::-webkit-scrollbar-track {
        background: #000000;
    }

    .run-amount-container::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

    .run-amount-container .table {
        position: relative;
    }

        .run-amount-container .table thead th {
            position: sticky;
            top: -5px;
            background-color: var(--bg-table-header-new);
        }

/*Main Rules*/

.main-rules {
    position: absolute;
    left: 10px;
    top: 15px;
}

    .main-rules a {
        color: var(--text-white);
        text-decoration: underline;
        font-size: var(--font-body);
        margin: 0;
    }

.main-rules-container .menu-box li a {
    border-bottom: 0;
}

    .main-rules-container .menu-box li a ~ ul > li {
        padding-left: 10px;
    }

    .main-rules-container .menu-box li a ~ ul ul li {
        padding-left: 50px;
        background-color: #444;
        color: #edd;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: default;
        margin-bottom: 4px;
        border-radius: 4px;
        margin-top: 4px;
    }

.main-rules-container .menu-box li ul > li > a,
.main-rules-container .menu-box li ul > li > a:hover,
.main-rules-container .menu-box li ul > li > a:focus,
.main-rules-container .menu-box li ul > li > a:active {
    background: transparent;
}

.main-rules-container .navbar-nav .dropdown-menu.show li .dropdown-toggle {
    position: relative;
    background: none;
}

.main-rules-container .navbar-nav li.show .dropdown-toggle:before {
    position: absolute;
    content: "\f056";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 5px;
}

.main-rules-container .navbar-nav .dropdown-toggle:before {
    position: absolute;
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 5px;
}

.main-rules-container .navbar-nav .dropdown-toggle span {
    padding-left: 10px;
}

.main-rules-container .card {
    background: transparent;
    border: 0;
}

.main-rules-container .card-header {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 4px;
}

    .main-rules-container .card-header a {
        color: var(--text-table);
        position: relative;
        padding-left: 20px;
    }

        .main-rules-container .card-header a::before {
            position: absolute;
            content: "\f056";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            left: 0;
        }

        .main-rules-container .card-header a.collapsed::before {
            position: absolute;
            content: "\f055";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            left: 0;
        }

.main-rules-container .card-body {
    padding: 6px;
}

.main-rules-container .rule-text {
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 5px;
}

.casino-rules {
    text-align: center;
}

    .casino-rules img {
        /*height: 100%;
    max-height: calc(100vh - 180px);*/
        width: auto;
    }

.rules-language-container {
    text-align: right;
}

.rules-language-container {
    color: var(--text-white);
}

    .rules-language-container .dropdown-menu.show {
        transform: unset !important;
        top: 100% !important;
        right: 0 !important;
    }

    .rules-language-container .dropdown-toggle img {
        height: 20px;
    }

    .rules-language-container .dropdown-toggle {
        cursor: pointer;
    }

.rules-language {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
    padding: 6px;
    position: absolute;
    width: 200px;
    right: 0 !important;
    left: unset !important;
    top: 55px;
    text-align: left;
    border: 0;
}

    .rules-language > div {
        margin-bottom: 10px;
        cursor: pointer;
    }

        .rules-language > div:last-child {
            margin-bottom: 0;
        }

    .rules-language img {
        height: 20px;
    }

.casino-report-tabs {
    padding: 10px 0;
    background-color: #222;
    margin-top: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

    .casino-report-tabs .nav-tabs {
        border: 0;
    }

        .casino-report-tabs .nav-tabs .nav-link {
            color: #ccc;
            padding-top: 0;
            padding-bottom: 4px;
            padding-left: 12px;
            padding-right: 12px;
            border: 0;
            cursor: pointer;
        }

        .casino-report-tabs .nav-tabs .nav-item .nav-link.active {
            color: #eee;
            border-bottom: 1px solid var(--text-table-header-new);
            background-color: transparent;
        }

/*About Us*/

.about-us-container {
    background-color: var(--bg-body);
    columns: var(--text-body);
    padding: 20px;
    width: 100%;
    padding-bottom: 0;
}

    .about-us-container .page-title {
        text-transform: uppercase;
        text-align: center;
        margin-top: 20px;
        color: var(--text-highlight);
        font-size: var(--font-big);
        font-weight: var(--font-bold);
        margin-bottom: 30px;
    }

    .about-us-container h4 {
        font-size: var(--font-24);
    }

    .about-us-container h5,
    .about-us-container p {
        font-size: var(--font-body);
        margin-bottom: 20px;
    }

    .about-us-container ol > li,
    .about-us-container ul > ol > li {
        list-style: decimal;
    }

    .about-us-container ul > li {
        list-style: disc;
        padding: 5px 10px;
        margin: 0 10px;
    }

.modal-18plus img {
    height: 30px;
}

.home-modal .modal-content {
    background-color: transparent;
    max-height: calc(100vh - 78px);
}

.home-modal .modal-header {
    padding: 0;
}

.home-modal .close-home-modal {
    position: absolute;
    top: -10px;
    right: -20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    border-radius: 50%;
    background-color: red;
    color: var(--text-white);
    font-size: 24px;
    cursor: pointer;
}

.home-modal-title {
    width: 100%;
    background-color: #ff0000;
    padding: 10px;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 18px;
}

    .home-modal-title > div {
        width: calc(100% - 50px);
        text-align: left;
        width: 0;
        flex-grow: 1;
        margin-left: 10px;
    }

    .home-modal-title img {
        height: 30px;
        -moz-animation: blinkwarning normal 1s infinite ease-in-out;
        -webkit-animation: blinkwarning normal 1s infinite ease-in-out;
        -ms-animation: blinkwarning normal 1s infinite ease-in-out;
        animation: blinkwarning normal 1s infinite ease-in-out;
    }

@-moz-keyframes blinkwarning {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blinkwarning {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes blinkwarning {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
    }
}

@keyframes blinkwarning {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
    }
}

.home-modal-title h4 {
    color: var(--text-white);
    font-weight: bold;
    text-transform: uppercase;
}

.home-main-banner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .home-main-banner img {
        width: 400px;
        max-width: 80%;
    }

.home-modal .modal-footer {
    padding: 0;
}

.home-sub-banners {
    margin-top: 10px;
}

    .home-sub-banners img {
        max-width: 45%;
        margin-right: 10px;
    }

        .home-sub-banners img:last-child {
            margin-right: 0;
        }

.home-modal {
    display: flex !important;
    text-align: center;
}

    .home-modal .modal-dialog {
        max-width: unset;
        width: auto;
    }

    .home-modal .modal-body {
        padding: 0;
        background-color: transparent;
        box-shadow: 0px 0px 20px #a9a9a9;
    }

        .home-modal .modal-body img {
            max-height: calc(100vh - 186px);
        }

.new-event {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

    .new-event .new-event-item {
        flex: 1;
        max-width: 100%;
        background-image: url("../img/wave2.svg");
        background-position: center bottom;
        min-width: calc(20% - 10px);
        margin: 0 2px;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 5px;
        margin-top: 0;
        margin-bottom: 4px;
    }

        .new-event .new-event-item:first-child {
            margin-left: 0;
        }

        .new-event .new-event-item a {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            height: 100%;
            color: #fff;
            width: 100%;
        }

        .new-event .new-event-item:last-child {
            border-right: 0;
        }

    .new-event span {
        color: var(--text-white);
        font-size: var(--font-caption);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: auto;
        max-width: calc(100% - 42px);
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        text-align: left;
        /* line-height: normal; */
        line-height: inherit;
    }

    .new-event .d-icon {
        font-size: 20px;
    }

.arrow-login {
    height: 12px;
    opacity: 0.2;
    animation: arrow4 1s ease infinite;
    animation-delay: 0s;
}

    .arrow-login:nth-child(2) {
        animation-delay: 0.25s;
    }

    .arrow-login:nth-child(3) {
        animation-delay: 0.5s;
    }

    .arrow-login:nth-child(4) {
        animation-delay: 0.75s;
    }

@keyframes arrow4 {
    0% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    25% {
        opacity: 0.2;
    }

    to {
        opacity: 0.2;
    }
}

/*Custom CSS*/

.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-style: solid;
    border-color: currentColor;
    border-width: 2px 0 0 2px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg) scale(0.7);
    transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
    left: -4px;
}

.mx-icon-double-right:before {
    left: 4px;
}

.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
    -webkit-transform: rotate(135deg) scale(0.7);
    transform: rotate(135deg) scale(0.7);
}

.mx-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: var(--text-sidebar);
    white-space: nowrap;
}

    .mx-btn:hover {
        border-color: #1284e7;
    }

.mx-btn-text {
    border: 0;
    padding: 0 4px;
    text-align: left;
    line-height: inherit;
}

.mx-scrollbar {
    height: 100%;
}

    .mx-scrollbar:hover .mx-scrollbar-track {
        opacity: 1;
    }

.mx-scrollbar-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.mx-scrollbar-track {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.24s ease-out;
    transition: opacity 0.24s ease-out;
}

    .mx-scrollbar-track .mx-scrollbar-thumb {
        position: absolute;
        width: 100%;
        height: 0;
        cursor: pointer;
        border-radius: inherit;
        background-color: rgba(144, 147, 153, 0.3);
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-leave-to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.mx-datepicker {
    position: relative;
    display: block;
    width: auto;
}

    .mx-datepicker svg {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }

.mx-datepicker-range {
    width: 320px;
}

.mx-datepicker-inline {
    width: auto;
}

.mx-input-wrapper {
    position: relative;
}

    .mx-input-wrapper .mx-icon-clear {
        display: none;
    }

    .mx-input-wrapper:hover .mx-icon-clear {
        display: block;
    }

        .mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
            display: none;
        }

.mx-input {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 6px 30px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-white);
    background-color: transparent;
    border: 1px solid var(--text-table);
    color: var(--text-table);
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .mx-input:hover,
    .mx-input:focus {
        box-shadow: 0 0 4px var(--text-table);
    }

    .mx-input:disabled,
    .mx-input.disabled {
        color: #ccc;
        background-color: #f3f3f3;
        border-color: #ccc;
        cursor: not-allowed;
    }

    .mx-input:focus {
        outline: none;
    }

    .mx-input::-ms-clear {
        display: none;
    }

.mx-icon-calendar,
.mx-icon-clear {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    color: var(--text-table);
    vertical-align: middle;
}

.mx-icon-clear {
    cursor: pointer;
}

    .mx-icon-clear:hover {
        color: var(--text-white);
    }

.mx-datepicker-main {
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
    color: #ccc;
    background-color: #333;
    border: 1px solid #555;
    border-radius: 4px;
}

.mx-datepicker-popup {
    position: absolute;
    margin-top: 1px;
    margin-bottom: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 2001;
}

.mx-datepicker-sidebar {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    padding: 6px;
    overflow: auto;
}

    .mx-datepicker-sidebar + .mx-datepicker-content {
        margin-left: 100px;
        border-left: 1px solid #e8e8e8;
    }

.mx-datepicker-body {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mx-btn-shortcut {
    display: block;
    padding: 0 6px;
    line-height: 24px;
}

.mx-range-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mx-datepicker-header {
    padding: 6px 8px;
    border-bottom: 1px solid #e8e8e8;
}

.mx-datepicker-footer {
    padding: 6px 8px;
    text-align: right;
    border-top: 1px solid #e8e8e8;
}

.mx-calendar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 248px;
    padding: 6px 12px;
}

    .mx-calendar + .mx-calendar {
        border-left: 1px solid #e8e8e8;
    }

.mx-calendar-header,
.mx-time-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
    float: left;
}

    .mx-btn-icon-left:focus,
    .mx-btn-icon-double-left:focus,
    .mx-btn-icon-left:hover,
    .mx-btn-icon-double-left:hover,
    .mx-btn-icon-right:focus,
    .mx-btn-icon-double-right:focus,
    .mx-btn-icon-right:hover,
    .mx-btn-icon-double-right:hover {
        outline: none;
    }

.mx-btn-icon-right,
.mx-btn-icon-double-right {
    float: right;
}

.mx-calendar-header-label {
    font-size: 14px;
}

.mx-calendar-decade-separator {
    margin: 0 2px;
}

    .mx-calendar-decade-separator:after {
        content: "~";
    }

.mx-calendar-content {
    position: relative;
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .mx-calendar-content .cell {
        cursor: pointer;
        background-color: #444;
        color: #ccc;
    }

        .mx-calendar-content .cell:hover {
            color: #eee;
            background-color: #222;
        }

        .mx-calendar-content .cell.active {
            color: #fff;
            background-color: #000;
        }

        .mx-calendar-content .cell.in-range {
            color: #73879c;
            background-color: #dbedfb;
        }

        .mx-calendar-content .cell.disabled {
            cursor: not-allowed;
            color: #ccc;
            background-color: transparent;
        }

.mx-calendar-week-mode .mx-date-row {
    cursor: pointer;
}

    .mx-calendar-week-mode .mx-date-row:hover {
        background-color: #f3f9fe;
    }

    .mx-calendar-week-mode .mx-date-row.mx-active-week {
        background-color: #dbedfb;
    }

    .mx-calendar-week-mode .mx-date-row .cell:hover {
        color: inherit;
        background-color: transparent;
    }

    .mx-calendar-week-mode .mx-date-row .cell.active {
        color: inherit;
        background-color: transparent;
    }

.mx-week-number {
    opacity: 0.5;
}

.mx-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

    .mx-table th {
        padding: 0;
        font-weight: 500;
    }

    .mx-table td {
        padding: 0;
    }

.mx-table-date td,
.mx-table-date th {
    height: 32px;
    font-size: 12px;
}

.mx-table-date .today {
    color: #2a90e9;
}

.mx-table-date .cell.not-current-month {
    color: #ccc;
}

.mx-time {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 224px;
    background: #fff;
}

    .mx-time + .mx-time {
        border-left: 1px solid #e8e8e8;
    }

.mx-calendar-time {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mx-time-header {
    border-bottom: 1px solid #e8e8e8;
}

.mx-time-content {
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.mx-time-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mx-time-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-left: 1px solid #e8e8e8;
    text-align: center;
}

    .mx-time-column:first-child {
        border-left: 0;
    }

    .mx-time-column .mx-time-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .mx-time-column .mx-time-list::after {
            content: "";
            display: block;
            height: 192px;
        }

    .mx-time-column .mx-time-item {
        cursor: pointer;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
    }

        .mx-time-column .mx-time-item:hover {
            color: #73879c;
            background-color: #f3f9fe;
        }

        .mx-time-column .mx-time-item.active {
            color: #1284e7;
            background-color: transparent;
            font-weight: 700;
        }

        .mx-time-column .mx-time-item.disabled {
            cursor: not-allowed;
            color: #ccc;
            background-color: #f3f3f3;
        }

.mx-time-option {
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
}

    .mx-time-option:hover {
        color: #73879c;
        background-color: #f3f9fe;
    }

    .mx-time-option.active {
        color: #1284e7;
        background-color: transparent;
        font-weight: 700;
    }

    .mx-time-option.disabled {
        cursor: not-allowed;
        color: #ccc;
        background-color: #f3f3f3;
    }

/*Custom New*/

.lucky7eu2 .casino-detail {
    /* background: linear-gradient( 90deg, rgb(31 32 92) 0%, rgb(35 55 122) 20%, rgb(34 61 133) 40%, rgb(40 66 138) 60%, rgb(39 66 136) 80%, rgb(42 59 123) 100%) !important; */
}

.dragable-tv {
    z-index: 1050 !important;
    position: fixed !important;
    background-color: black;
}

    .dragable-tv .tvButton {
        position: absolute;
        right: -18px;
        top: -18px;
        border-radius: 50%;
    }

    .dragable-tv iframe {
        height: 210px;
        width: 350px;
        border: none;
    }

    .dragable-tv.active:before {
        outline: none !important;
    }

.tv-expand {
    position: absolute;
    right: 15px;
    margin-top: 7px;
    font-size: 20px;
    color: darkgrey;
    z-index: 10;
    cursor: pointer;
}

.casino-detail .book-red,
.casino-detail .book-green {
    z-index: 10;
    font-size: 16px !important;
}

.flex-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
}

.navbar-nav .dropdown-menu.show {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

@-moz-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(0.8);
    }

    100% {
        transform: scaleY(1);
    }
}

.loader-overlay {
    position: fixed;
    z-index: 11111;
    width: calc(100% - 250px);
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 250px;
}

    .loader-overlay i {
        font-size: 50px;
    }

.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all 0.3s ease;
    transform-style: preserve-3d;
}

.slide-fade-enter,
.slide-fade-leave-to {
    opacity: 0;
    transform: rotateY(90deg);
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.bounce-enter-active {
    animation: bounce-in 0.5s;
}

.bounce-leave-active {
    animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.list-decimal > li {
    list-style: decimal;
}

.list-outside > li {
    list-style: outside;
}

.list-square > li {
    list-style: square;
}

.list-circle > li {
    list-style: circle;
}

.component-fade-enter-active,
.component-fade-leave-active {
    transition: all 0.3s;
}

.component-fade-enter {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.component-fade-leave-to {
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}

/*Casino video with backgound color design*/

/* 1-day teen */

.teenpatti1day .casino-video .video-box {
    padding-bottom: 55.55%;
}

.teenpatti1day .casino-detail {
    /* background: linear-gradient( 90deg, rgb(80 59 49) 0%, rgb(85 67 56) 20%, rgb(86 70 57) 40%, rgb(86 68 55) 60%, rgb(74 60 53) 80%, rgb(64 50 52) 100%); */
}

.teenpatti1day .casino-nation-name {
    /* background-color: #00000047;
    color: #eee !important; */
}

/* .teenpatti1day .casino-bl-box-item {
    color: #eee !important;
} */

/* .casino-table .casino-detail .teenpatti1day .casino-bl-box-item {
    color: #eee;
} */

.teenpatti1day .fa-info-circle {
    color: #ddd;
}

.teenpatti1day .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

/* t-20 teen */

.teenpatti20 .casino-video .video-box {
    padding-bottom: 55.55%;
}

.teenpatti20 .casino-detail {
    /* background: linear-gradient( 90deg, rgb(76 61 59) 0%, rgb(90 78 73) 20%, rgb(95 81 77) 40%, rgb(93 79 72) 60%, rgb(88 76 71) 80%, rgb(86 68 69) 100%); */
}

.teenpatti20 .casino-nation-name {
    /* background-color: #00000047; */
}

.teenpatti20 .casino-bl-box-item {
    color: #eee;
}

.teenpatti20 .fa-info-circle {
    color: #ddd;
}

.teenpatti20 .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

.teenpatti20 .casino-rb-box-player {
    color: #eee;
}

/* baccarat */

.baccarat .casino-video .video-box {
    padding-bottom: 55.55%;
}

.baccarat .casino-detail {
    /* background: linear-gradient( 90deg, rgb(28 55 125) 0%, rgb(41 75 159) 20%, rgb(39 87 187) 40%, rgb(37 88 188) 60%, rgb(44 82 171) 80%, rgb(34 55 117) 100%); */
}

.baccarat .casino-nation-name {
    /* background-color: #00000047; */
}

.baccarat .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="dark"] .baccarat .book-red,
:root[data-theme="light"] .baccarat .book-red,
:root[data-theme="dark"] .baccarat2 .book-red,
:root[data-theme="light"] .baccarat2 .book-red {
    color: #790912 !important;
}

/* baccarat 2 */

.baccarat2 .casino-video .video-box {
    padding-bottom: 55.55%;
}

.baccarat2 .casino-detail {
    /* background: linear-gradient( 90deg, rgb(26 73 134) 0%, rgb(33 91 163) 20%, rgb(24 90 167) 40%, rgb(18 83 158) 60%, rgb(13 70 140) 80%, rgb(11 59 120) 100%) !important; */
}

.baccarat2 .casino-nation-name {
    /* background-color: #00000047; */
}

.baccarat2 .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

/* lucky7eu */

.lucky7eu .casino-video .video-box,
.lucky7eu2 .casino-video .video-box {
    padding-bottom: 55.55%;
}

.lucky7eu .casino-detail {
    /* background: linear-gradient( 90deg, rgb(19 45 110) 0%, rgb(34 72 164) 20%, rgb(42 83 179) 40%, rgb(42 81 183) 60%, rgb(43 81 183) 80%, rgb(28 66 152) 100%) !important; */
}

.lucky7eu .casino-nation-name {
    /* background-color: #00000047; */
}

.lucky7eu .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

.lucky7eu .casino-min-max {
    font-weight: normal;
}

.lucky7eu .casino-odds {
    color: #ddd;
    font-weight: bold;
    font-size: 18px;
}

.lucky7eu .casino-buttons {
    color: #eee;
}

/*Rules Images*/

.tp-rules .modal-content {
    background-color: #346633;
}

.poker-rules .modal-content {
    background-color: #fff;
}

.ab2-rules .casino-tabs {
    margin-bottom: 10px;
    border-radius: 0;
}

.ab2-rules .tab-content ul {
    padding-left: 40px;
    text-align: left;
}

    .ab2-rules .tab-content ul,
    .ab2-rules .tab-content ul li {
        list-style: disc;
    }

        .ab2-rules .tab-content ul li {
            margin-bottom: 20px;
        }

.ab2-rules .tab-content .table {
    table-layout: auto;
}

/*New Home Design*/

.home-new {
    flex-wrap: wrap;
}

    .home-new .site-news-line {
        color: var(--text-yellow);
    }

.home-new-header {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 70px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--bg-body);
}

.home-new-logo {
    display: flex;
    height: 100%;
    align-items: center;
}

    .home-new-logo img {
        max-height: 50px;
        max-width: 230px;
    }

.home-new-logo {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.home-new-header .navbar {
    flex: 1;
}

.home-new-header a {
    color: var(--text-body);
    /* padding-right: 16px !important;
  padding-left: 16px !important; */
}

    .home-new-header a.router-link-active {
        color: var(--text-body);
        font-weight: bold;
    }

.home-new-header-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .home-new-header-bottom .btn {
        /* width: 150px; */
        width: auto;
        background-color: var(--btn-primary);
        border-color: var(--btn-primary);
        color: var(--text-btn-primary);
        border-radius: 0;
        height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: 0;
    }

    .home-new-header-bottom .download-apk {
        color: var(--text-body);
    }

.home-new .carousel img {
    width: 100%;
    height: auto;
}

.home-new .casino-banners {
    background-color: transparent;
}

.casino-banner-item.login-hover {
    position: relative;
}

    .casino-banner-item.login-hover:hover img {
        filter: blur(5px);
        transition: 0.8s;
    }

    .casino-banner-item.login-hover div {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        color: var(--text-white);
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        transition: 1s;
    }

    .casino-banner-item.login-hover:hover div {
        opacity: 1;
    }

.home-new .sport-list-title {
    color: var(--text-body);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    text-align: left;
    display: inline-block;
    border-bottom: 1px solid var(--text-body);
    margin-left: 15px;
}

.all-sports-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}

.sport-list-item {
    background-color: #222;
    padding: 5px;
    border-radius: 0;
    width: calc(6.25% - 9.4px);
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.8s;
    font-size: 12px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #eee;
}

    .sport-list-item:hover,
    .sport-list-item:focus {
        background-color: #444;
    }

    .sport-list-item img {
        height: 30px;
        max-width: 50px;
    }

    .sport-list-item > div {
        word-break: break-all;
    }

    .sport-list-item:nth-child(16n) {
        margin-right: 0;
    }

.modal-login-new.modal {
    top: 0;
}

.animate-on .modal-login-new.modal {
    top: 0;
}

.modal-login-new .modal-content {
    border-radius: 0;
    background-color: #333;
    border-color: transparent;
    border-width: 1px;
}

.modal-login-new .modal-header {
    justify-content: flex-end;
    padding: 10px 16px;
    background: #000;
    border-radius: 0;
    color: #fff;
}

.close-login-modal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
    cursor: pointer;
    width: 100%;
}

    .close-login-modal h5 {
        margin-bottom: 0;
    }

    .close-login-modal img {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: transparent;
        padding: 5px;
        border: 2px solid #f00;
    }

.modal-login-new .modal-body {
    padding: 16px;
    max-height: 100vh;
}

    .modal-login-new .modal-body .login-form {
        background: #000;
        color: #fff;
        padding: 16px;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* .modal-login-new .modal-body h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 30px;
    color: var(--text-table-header-new);
} */

    .modal-login-new .modal-body label {
        color: #fff;
        font-size: 16px;
    }

    .modal-login-new .modal-body .custom-control label {
        font-size: 13px;
    }

.modal-login-new .form-group {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}

    .modal-login-new .form-group.regi-half {
        width: 48%;
    }

.modal-login-new .form-control {
    border: 1px solid #777;
    color: #fff;
    transition: 0.8s;
    height: 56px;
    background-color: #444;
}

    .modal-login-new .form-control option {
        border: 1px solid #777;
        color: #fff !important;
        background-color: #444;
    }

.modal-login-new .btn-primary {
    height: 56px;
}

.modal-login-new .form-control:hover,
.modal-login-new .form-control:focus {
    background-color: transparent;
}

.home-new .casino-banners-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px;
}

    .home-new .casino-banners-list .casino-banner-item {
        /* box-shadow: 0 0 10px #2b2366; */
        width: calc(12.5% - 8.75px);
        margin-right: 10px;
        margin-left: 0;
    }

        .home-new .casino-banners-list .casino-banner-item:nth-child(8n) {
            margin-right: 0;
        }

    .home-new .casino-banners-list.live-casinos .casino-banner-item {
        width: calc(16.75% - 10px);
    }

        .home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(6n) {
            margin-right: 0 !important;
        }

        .home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(8n) {
            margin-right: 10px !important;
        }

    .home-new .casino-banners-list.fantasy-games .casino-banner-item {
        width: calc(33.3% - 10px);
    }

    .home-new .casino-banners-list.fantasy-games.others .casino-banner-item {
        width: 66%;
    }

/*.home-new .casino-banners-list.fantasy-games .casino-banner-item:nth-child(4n) {
    margin-right: 0;
}*/

.top-winners-list-container {
    width: 100%;
    padding: 10px;
}

.top-winner-list-box {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    background-color: #222;
    color: #eee;
    padding: 10px;
    border-radius: 0;
    justify-content: center;
    width: 200px !important;
    height: 200px;
    align-items: center;
    font-size: 14px;
    margin: 10px;
}

.top-winners-list-container .player-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-new .footer {
    padding: 12px 0;
}

    .home-new .footer h4 {
        font-weight: bold;
        display: inline-block;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .home-new .footer .img-logo {
        width: 250px;
    }

    .home-new .footer .footer-link a {
        color: var(--text-body);
    }

    .home-new .footer .gt img {
        height: 50px;
    }

    .home-new .footer .footer-social img {
        height: 30px;
    }

.home-new .upcoming-fixure {
    margin-top: 0;
    height: 46px;
    margin-left: 0;
    border-radius: 0;
}

.home-new .news-bar {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.home-new .fixure-title {
    border-radius: 0;
}

    .home-new .fixure-title::after {
        width: 56px;
        height: 56px;
        border-top: 28px solid transparent;
        border-left: 28px solid var(--bg-table-header-new);
        border-bottom: 28px solid transparent;
        right: -56px;
    }

.home-new .fixure-box-container {
    height: 56px;
    align-items: center;
    width: calc(100% - 95px);
    overflow: hidden;
    display: flex;
    align-items: center;
}

/*Point Design*/

/*Upcoming Fixure*/

.upcoming-fixure {
    margin-left: 4px;
    margin-right: 4px;
    flex: 1;
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 46px;
    background-color: #444;
    color: #ddd;
    border-radius: 0;
}

.fixure-box-container {
    width: calc(100% - 95px);
    overflow: hidden;
    height: 46px;
}

.fixure-box {
    margin-right: 20px;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

    .fixure-box > div:last-child {
        font-size: 11px;
        margin-top: 3px;
    }

.fixure-title {
    float: left;
    width: 70px;
    background-color: var(--bg-table-header-new);
    text-align: center;
    padding: 8px 0;
    border-radius: 0s;
    font-weight: var(--font-bold);
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    color: var(--text-table-header-new);
    font-size: 12px;
    padding-left: 10px;
    line-height: 16px;
}

    .fixure-title::after {
        content: "";
        position: absolute;
        width: 46px;
        height: 46px;
        border-top: 23px solid transparent;
        border-left: 23px solid var(--bg-table-header-new);
        border-bottom: 23px solid transparent;
        right: -46px;
        top: 0;
    }

/*Fantast Detail*/

.fantasy-desc-container .fantasy-detail-title {
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .fantasy-desc-container .fantasy-detail-title img {
        height: 20px;
        width: 20px;
    }

.fantasy-desc-container .casino-tabs {
    background-color: transparent;
    margin-top: 15px;
    height: auto;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

    .fantasy-desc-container .casino-tabs .nav-tabs {
        margin: 0;
        width: 100%;
    }

.fantasy-desc-container .nav-tabs .nav-item {
    width: auto;
    margin: 0;
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-link {
    background-color: #666;
    color: #ddd;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 0;
    background-color: #222;
    color: #eee;
}

.fantasy-desc-container .btn {
    min-width: 200px;
    margin-top: 15px;
}

.fantasy-desc-container .list-style,
.fantasy-desc-container .list-style li {
    list-style: disc;
}

    .fantasy-desc-container .list-style li {
        margin-bottom: 10px;
    }

.fantasy-desc-container .cards-box {
    background: #fff;
    padding: 0 5px;
    display: inline-block;
    color: #000;
    margin-bottom: 10px;
}

.fantasy-desc-container .card-character {
    font-family: Card Characters;
}

.fantasy-desc-container .red-card {
    color: red;
}

.fantasy-desc-container .black-card {
    color: black;
}

.fantasy-desc-container h6 {
    font-weight: bold;
}

.fantasy-desc-container img {
    max-width: 100%;
}

.modal-body .main-rules-container {
    max-height: calc(100vh - 172px);
    overflow-x: hidden;
    overflow-y: auto;
}

.slot-note {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    height: 38px;
}

    .slot-note .note-title {
        height: 100%;
        display: flex;
        align-items: center;
        background-color: var(--bg-success);
        color: var(--text-white);
        padding: 0 10px;
        font-weight: bold;
        font-size: 18px;
    }

    .slot-note .btn {
        height: 28px;
        line-height: 16px;
    }

    .slot-note .note-desc {
        flex: 1;
        padding: 0 10px;
    }

/*Secure Auth Varification*/

.security-auth .verify-code {
    width: auto;
    font-size: var(--font-56);
    line-height: 1;
    color: #eee;
    background: #222;
    padding: 10px;
    border-radius: 0;
    display: inline-block;
    letter-spacing: 40px;
    font-weight: bold;
    padding-left: 40px;
}

.security-auth .secure-password .form-control {
    height: 38px;
    display: inline-block;
    width: auto;
}

.follow-instruction {
    background-color: #222;
    padding: 10px;
    color: #eee;
    display: inline-block;
    padding: 8px;
}

/*FAQ*/

.faq-container .report-title {
    color: var(--text-yellow);
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .faq-container .report-title .report-name {
        height: auto;
    }

.faq-container .col-md-6 {
    border-right: 1px solid var(--text-table);
}

    .faq-container .col-md-6:last-child {
        border-right: 0;
    }

.faq-container .faq-question-box {
    padding: 10px;
}

    .faq-container .faq-question-box h5 {
        font-size: 20px;
        font-weight: bold;
    }

    .faq-container .faq-question-box > div {
        padding-left: 15px;
    }

.faq-question-box .casino-tabs {
    background-color: transparent;
    height: 42px;
    border-radius: 0;
}

    .faq-question-box .casino-tabs .nav-tabs {
        margin: 0;
    }

        .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
            text-decoration: none;
            color: var(--text-table);
        }

            .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
                color: var(--text-body);
                border-bottom: 3px solid var(--text-yellow);
            }

            .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:hover,
            .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:focus {
                color: var(--text-table);
            }

.faq-question-box a {
    color: var(--text-table);
    text-decoration: underline;
}

.change-theme {
    position: absolute;
    left: 260px;
    top: 10px;
    font-size: var(--font-caption);
    width: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 100;
}

    .change-theme img {
        filter: invert(1);
        height: 30px;
    }

.user-dropdown .change-theme {
    width: auto;
    right: 10px;
    top: 10px;
    left: unset;
}

.header-top .change-theme {
    left: unset;
    right: 110px;
    top: 5px;
    width: auto;
}

    .header-top .change-theme img {
        height: 25px;
    }

/*Custom New*/

.login-auth {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .login-auth .log-logo img {
        max-width: 300px;
    }

    .login-auth input {
        width: 70px;
        height: 70px;
        padding: 5px;
        margin: 0 10px;
        font-size: 30px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        text-align: center;
    }

    .login-auth .featured-box-login {
        background-color: #222;
        padding: 20px;
        color: #eee;
        margin-top: 30px;
    }

        .login-auth .featured-box-login a {
            color: var(--text-success);
        }

    .login-auth form > div {
        justify-content: center;
    }

.security-auth .login-auth {
    min-height: unset;
    flex-direction: column;
}

.andar-bahar2 .casino-detail .casino-video-cards {
    height: auto;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #666;
    color: #ddd;
}

.flex-book {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.battle-content-row > div,
.battle-header > div {
    width: 20%;
}

.note-desc marquee {
    font-size: 16px;
    vertical-align: middle;
}

.faq-container .faq-question-box h5 {
    font-size: 18px;
    border-radius: 0;
}

.close-frame-fantacy {
    font-size: 24px;
    color: var(--text-white);
    cursor: pointer;
    background: #ff5757;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #4a0303;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    text-align: center;
    line-height: 36px;
}

.theme-fade-enter-active,
.theme-fade-leave-active {
    transition: all 0.3s;
}

.theme-fade-enter {
    transform: rotate(90deg);
}

.theme-fade-leave-to {
    transform: rotate(-90deg);
}

.deposit-modal .report-form .form-group {
    position: relative;
    margin-bottom: 35px;
}

    .deposit-modal .report-form .form-group .error {
        color: var(--book-red);
        font-size: 12px;
        line-height: 1;
        position: absolute;
        /* bottom: -20px; */
        top: 105%;
    }

.payments {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

    .payments ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .payments img {
        max-height: 40px;
        max-width: 90px;
        margin-right: 20px;
        margin-bottom: 4px;
        margin-top: 4px;
    }

.color-box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 4px;
}

.color-box {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 10px;
}

    .color-box.dark-box {
        background-color: #000;
    }

    .color-box.light-box {
        background-color: #fff;
    }

    .color-box.blue-box {
        background-color: blue;
    }

.select-theme-title {
    width: 100%;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    color: var(--text-sidebar);
}

.carousal-23 {
    padding-top: 23.47% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.home-new .carousel-item {
    cursor: not-allowed;
}

.carousal-21 {
    padding-top: 21.12% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.carousal-63 {
    padding-top: 63.59% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #000;
}

.carousal-53 {
    padding-top: 53.33% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.carousal-20 {
    padding-top: 20% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.setting-page .casino-tabs {
    background-color: transparent;
    border-radius: 0;
    justify-content: center;
}

/*.casino-tabs .nav-tabs
{
    margin: 0;
}*/

.setting-page .form-group {
    margin-right: 0;
    margin-bottom: 30px;
    position: relative;
}

.setting-page .error {
    color: var(--book-red);
    position: absolute;
    left: 0;
    bottom: -34px;
    font-size: var(--font-small);
    line-height: normal;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    height: 34px;
}

.setting-page .report-form .form-group {
    margin-right: 16px;
    margin-bottom: 0;
}

.animated-header {
    height: 34px;
    background-color: var(--bg-body);
    color: var(--text-body);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

    .animated-header > div {
        background-image: url("../img/animation-bg.png");
        background-size: cover;
        background-position: center;
        height: 34px;
    }

    .animated-header .fa-times {
        position: absolute;
        right: 2px;
        top: 2px;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: red;
        color: #fff;
        cursor: pointer;
        z-index: 1000;
        font-size: 20px;
    }

.home-new .animated-header {
    position: sticky;
}

.casino-table,
.detail-page-container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Pasa*/

.pasa .casino-video {
    background-image: linear-gradient(0deg, #100b1e 0%, #160d27 26.42%, #11091d 48.45%, #030309 100%);
}

.pasa .casino-video-title {
    min-width: 180px;
    padding: 5px;
    background-color: #f8f9fa35;
}

    .pasa .casino-video-title .casino-name {
        font-size: 14px;
        line-height: 1;
    }

.pasa .casino-video-rid {
    font-size: 12px;
    line-height: 1;
    margin-top: 3px;
}

.pasa .casino-video .video-box-container {
    max-width: calc(100% - 190px);
    margin-left: auto;
}

.pasa .casino-video-cards {
    height: 80px;
}

.pasa .casino-nation-name {
    width: 100%;
    text-align: center;
}

.pasa .casino-bl-box {
    width: 100%;
}

.pasa .casino-bl-box-item {
    height: 48px;
}

.pasa .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 48px;
}

.pasa .pasa-fancy .casino-nation-name {
    background-color: transparent;
}

.pasa .pasa-sesssion .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
    text-align: left;
}

.pasa .pasa-sesssion .casino-bl-box {
    width: 50%;
}

.pasa .pasa-sesssion .casino-bl-box-item {
    height: 48px;
}

.pasa .pasa-sesssion .casino-box-odd {
    font-size: 18px;
    margin-top: 3px;
}

.pasa .pasa-cards .casino-nation-name {
    background-color: transparent;
}

.pasa .pasa-other-bets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.pasa .pasa-other-bet {
    width: 19%;
}

    .pasa .pasa-other-bet .casino-nation-name {
        width: 100%;
        background-color: transparent;
    }

    .pasa .pasa-other-bet .casino-bl-box {
        width: 100%;
    }

    .pasa .pasa-other-bet .casino-bl-box-item {
        height: 48px;
        width: 100%;
    }

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ripple div {
        position: absolute;
        border: 4px solid #fff;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .lds-ripple div:nth-child(2) {
            animation-delay: -1.2s;
        }

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

:root[data-theme="light"] .lds-ripple div {
    border: 4px solid #000;
}

.super-over .casino-video .video-box-container {
    max-width: 100%;
}

.super-over .casino-video-cards {
    height: 275px;
    width: auto;
}

.super-over2 .casino-timer {
    right: unset;
    bottom: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.five-cricket-casino .casino-video-cards {
    height: 285px;
    width: auto;
}

.five-cricket-casino .casino-video .video-box-container {
    max-width: 100%;
}

.super-over .casino-video-cards span img {
    width: 40px;
}

.five-cricket-casino .casino-video-cards span img {
    width: 30px;
}

.score-balls img {
    max-width: 40px;
    margin-bottom: 10px;
}

.cricket-rule .row {
    align-items: center;
}

.cricket-rule {
    /*font-size: 18px;*/
    font-weight: bold;
}

/*Trap*/

.trap .casino-video-cards {
    height: 385px;
    width: 100px;
}

    .trap .casino-video-cards span {
        color: #fff;
        font-size: 18px;
    }

        .trap .casino-video-cards span img {
            width: 30px;
        }

        .trap .casino-video-cards span .player-count {
            font-weight: bold;
        }

        .trap .casino-video-cards span b {
        }

.trap .casino-nation-name {
    background-image: url("../img/trape-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.trap .casino-bl-box-item {
    height: 50px;
}

.trap .teen1daycasino-container {
    margin-bottom: 10px;
}

.trap .seven-up-down-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 2px solid #72bbef;
    /*background-color: #72BBEF40;*/
}

.trap .up-box {
    /*background-image: url('../img/trape-bg.png');*/
    background-image: url("../img/trape-back.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 50px;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 10px;
    padding-right: 40px;
    position: relative;
    justify-content: flex-end;
}

.trap .down-box {
    /*background-image: url('../img/trape-bg.png');*/
    background-image: url("../img/trape-back.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    text-align: right;
    height: 50px;
    display: flex;
    align-items: center;
    color: #fff;
    padding-right: 10px;
    padding-left: 40px;
    justify-content: flex-start;
    position: relative;
}

.trap .seven-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    .trap .seven-box img {
        height: 70px;
    }

.trap .up-down-odds {
    font-weight: bold;
    font-size: 18px;
}

.trap .up-box .up-down-book {
    position: absolute;
    left: 10px;
}

.trap .down-box .up-down-book {
    position: absolute;
    right: 10px;
}

.trap-number {
    position: relative;
    box-shadow: 0 0 10px;
    opacity: 0.5;
    justify-content: center;
    padding: 10px;
}

    .trap-number img {
        height: 70px;
        box-shadow: 0 0 2px;
    }

        .trap-number img:nth-child(2n) {
            margin: 0 20px;
        }

.trap .casino-nation-name .book-red,
.trap .casino-nation-name .book-green,
.trap .seven-up-down-box .book-red,
.trap .seven-up-down-box .book-green {
    background: rgba(0, 0, 0, 0.5);
    padding: 0px 5px;
}

.jqk-box img {
    width: 30px;
}

.down-box.suspended.lock-top:before,
.up-box.suspended.lock-top:before {
    background-position: center;
}

.trap-result .casino-result-content-item {
    position: relative;
    padding-top: 70px;
}

.trap-result .winner-icon {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.tn-text {
    font-family: "Anonymous Pro";
    font-size: 24px;
    font-weight: bold;
}

.trap-number {
    box-shadow: none;
    opacity: 1;
    align-items: center;
    background-color: #222;
    width: calc(100% - 10px);
    margin: 10px auto;
    border-radius: 0;
}

    .trap-number img {
        margin: 0 10px !important;
        height: 60px;
        box-shadow: unset;
    }

/*Depo Withdraw*/

/*.depo-withdraw-btn
{
    position: absolute;
    right: 5px;
    top: 3px;

}*/

.depo-withdraw-btn .btn {
    height: 28px;
    padding: 0 10px;
    line-height: 24px;
    opacity: 1;
    color: var(--text-white);
    width: auto;
    margin: 0;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
}

.live-bets-report .report-event-title {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 6px;
    color: #fff;
}

.live-bets-report .table {
    table-layout: unset;
}

/*Teenpatti 2 Cards*/

.teenpatti2cards .casino-video-cards {
    width: 140px;
}

.teenpatti2cards .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.teenpatti2cards .casino-bl-box {
    width: 50%;
}

.teenpatti2cards .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 48px;
}

.teenpatti2cards .casino-bl-boxfull .casino-bl-box-item {
    width: 100%;
}

.teenpatti2cards .total-odds span {
    font-size: 12px;
}

.teenpatti2cards .total-odds .casino-box-odd {
    font-size: 18px;
    margin-top: 3px;
}

.teenpatti2cards .total-odds .casino-bl-box-item {
    height: 48px;
}

.teenpatti2cards .teenpatti2cardsextra {
    position: relative;
}

    .teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull {
        width: 100%;
    }

        .teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull .casino-bl-box-item {
            height: 48px;
        }

.teenpatti2cardsextra-book {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.teen2sidebar .casino-video-last-results {
    width: 100%;
    height: auto;
    position: unset;
    top: unset;
    right: unset;
}

    .teen2sidebar .casino-video-last-results span,
    .teen2sidebar .casino-video-last-results a {
        flex: 1 1 0;
    }

    .teen2sidebar .casino-video-last-results img {
        height: 25px;
    }

.casino-vieo-rules {
    flex-wrap: wrap;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    width: 0;
    top: 50px;
    right: 0;
    height: calc(100% - 160px);
    border-radius: 0;
    display: none;
}

    .casino-vieo-rules.show-rules {
        display: flex;
        max-width: calc(100% - 200px);
        width: 800px;
        z-index: 101;
    }

    .casino-vieo-rules .rules-header {
        background-color: #333;
        display: flex;
        justify-content: center;
        font-size: 16px;
        padding: 2px;
        width: 100%;
    }

        .casino-vieo-rules .rules-header i {
            position: absolute;
            right: 10px;
            top: 6px;
            cursor: pointer;
        }

    .casino-vieo-rules .rules-body {
        padding: 10px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #333333 #000000;
        height: calc(100% - 30px);
        line-height: normal;
        width: 100%;
    }

        .casino-vieo-rules .rules-body::-webkit-scrollbar {
            width: 8px;
        }

        .casino-vieo-rules .rules-body::-webkit-scrollbar-track {
            background: #000000;
        }

        .casino-vieo-rules .rules-body::-webkit-scrollbar-thumb {
            background-color: #333333;
        }

/*Disconnect Message*/

.disconnected-box {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: 1060;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .disconnected-box .modal-body {
        padding: 0;
        border-radius: 0;
    }

.disconnected-message {
    padding: 10px;
    font-size: 10px;
    background-color: #222;
    color: #eee;
}

    .disconnected-message b {
        font-size: 14px;
    }

    .disconnected-message i {
        font-size: 14px;
    }

.disconnected-buttons {
    display: flex;
    justify-content: space-between;
}

    .disconnected-buttons .btn {
        width: 49%;
        padding: 4px;
        border-radius: 0;
        font-size: 0.7rem;
        color: #fff;
    }

/*Sin Khal*/

.sin-khal .casino-bl-box {
    position: relative;
    z-index: 9;
}

.sin-khal .casino-bl-box-item {
    width: calc(25% - 3px);
    height: 40px;
    text-transform: uppercase;
    position: relative;
}

.sin-khal-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

    .sin-khal-box img {
        height: 100px;
        z-index: 10;
    }

    .sin-khal-box .casino-bl-box-item {
        width: 150px;
    }

        .sin-khal-box .casino-bl-box-item.back {
            margin-left: -4px;
            border-right: 0;
            border-radius: 0;
            border-left: 0;
        }

            .sin-khal-box .casino-bl-box-item.back:hover,
            .sin-khal-box .casino-bl-box-item.back:focus {
                border-right: 0;
                border-left: 0;
                border-top-width: 2px;
                border-bottom-width: 2px;
            }

        .sin-khal-box .casino-bl-box-item.lay {
            margin-left: -4px;
            border-left: 0;
            border-radius: 0;
        }

            .sin-khal-box .casino-bl-box-item.lay:focus,
            .sin-khal-box .casino-bl-box-item.lay:hover {
                border-left: 0;
                border-top-width: 2px;
                border-bottom-width: 2px;
                border-right-width: 2px;
            }

.sin-khal-box-book {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

/*Muflis Teenpatti*/

.muflis .casino-nation-name {
    background-color: transparent;
    text-align: center;
}

.muflis .casino-nation-name,
.muflis .casino-bl-box {
    width: 100%;
}

.muflis .casino-bl-box-item {
    width: 100%;
    height: 40px;
}

/*Race to 17 Casino*/

.raceto17 .casino-video-cards {
    width: 85px;
    height: 265px;
}

.raceto17 .race-total {
    color: #fdcf13;
    font-size: 14px;
}

.raceto17 .casino-video-cards span img {
    margin-right: 8px;
    width: 30px;
}

.raceto17 .casino-nation-name,
.raceto17 .casino-bl-box {
    width: 100%;
}

.raceto17 .casino-nation-name {
    background-color: transparent;
    text-align: center;
}

.raceto17 .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.raceto17 .casino-detail {
    margin-top: 5px;
}

    .raceto17 .casino-detail .col-3 {
        border-right: 2px solid grey;
    }

        .raceto17 .casino-detail .col-3:last-child {
            border-right: 0;
        }

/*US Login Page*/

.login-page-container {
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--bg-body);
    color: var(--text-body);
}

    .login-page-container .login-form,
    .login-page-container .change-form {
        margin-top: 40px;
        background-color: var(--bg-table);
        padding: 30px;
        min-height: unset;
        border-radius: 0;
    }

        .login-page-container .login-form .form-control,
        .login-page-container .change-form .form-control {
            height: 50px;
            background-color: #fff;
            border: 0;
            opacity: 0.9;
            color: #000;
        }

.bodymovinanim > svg {
    width: 50% !important;
    height: 50% !important;
}

/*Teenpatti 20B*/

.teenpatti20b .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

.teenpatti20b .casino-bl-box {
    width: 100%;
}

.teenpatti20b .casino-bl-box-item {
    width: calc(25% - 3px);
    height: 40px;
    text-transform: uppercase;
    position: relative;
}

.teenpatti20b .casino-rb-box-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px;
}

.teenpatti20b .casino-rb-box {
    width: calc(50% - 4px);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    position: relative;
    flex-direction: column;
}

.teenpatti20b .casino-rb-box-player {
    width: 100%;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-table);
    min-height: 46px;
    cursor: pointer;
    border-radius: 4px;
}

    .teenpatti20b .casino-rb-box-player > div {
        padding: 0 8px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .teenpatti20b .casino-rb-box-player img {
        height: auto;
        margin-left: 5px;
        width: 35px;
    }

/*Note Number*/

.note .casino-video-cards {
    width: 60px;
    height: 285px;
}

    .note .casino-video-cards span img {
        width: 30px;
    }

.note .casino-nation-name,
.note .casino-bl-box {
    width: 100%;
}

.note .casino-nation-name {
    background-color: transparent;
    text-align: center;
    height: auto;
}

    .note .casino-nation-name:first-child {
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.note .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.note .note-baccarat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

    .note .note-baccarat .casino-bl-box-item {
        width: 100%;
    }

    .note .note-baccarat .casino-nation-name {
        height: auto;
    }

.note-cards .casino-card-item {
    margin: 0;
    width: 20%;
    margin-bottom: 10px;
}

.note .oe-cards img {
    height: 30px;
}

/*Teenpatti 20-24*/

.teenpatti2024 .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.teenpatti2024 .casino-detail .casino-nation-name.no-border > div {
    display: flex;
    width: 100%;
}

.teenpatti2024 .casino-nation-name img {
    height: 30px;
}

.teenpatti2024 .casino-bl-box {
    width: 50%;
}

.teenpatti2024 .casino-bl-box-item {
    width: calc(50% - 2px);
}

/*Kaun Banega Crorepati*/

.kbc .casino-video .video-box-container {
    max-width: calc(100% - 210px);
}

.kbc .casino-video-cards {
    height: 240px;
    width: 60px;
}

    .kbc .casino-video-cards span img {
        width: 30px;
    }

.kbc .casino-nation-name,
.kbc .casino-bl-box {
    width: 100%;
}

.kbc .casino-nation-name {
    background-color: transparent;
    text-align: center;
}

.kbc .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.kbc .kbc-btns {
    align-items: center;
}

    .kbc .kbc-btns .casino-nation-name {
        background: #222;
        border-radius: 0;
        color: #eee;
        padding: 6px;
        border: 1px solid #555;
        text-align: left;
    }

    .kbc .kbc-btns .btn-group {
        width: 85%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .kbc .kbc-btns .btn {
        background-color: var(--back);
        color: #000;
        border: 2px solid #ffd700;
        width: calc(50% - 4px);
        flex: 0 0 auto;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-left: 1px;
        border-top: 0;
        border-radius: 0;
        font-weight: bold;
        font-size: 18px;
    }

        .kbc .kbc-btns .btn.suspended:after {
            border-radius: 0;
        }

    .kbc .kbc-btns.kbcothers .btn {
        width: calc(50% - 4px);
    }

    .kbc .kbc-btns .btn.active {
        background-color: var(--btn-primary);
    }

    .kbc .kbc-btns .btn img {
        width: 30px;
    }

    .kbc .kbc-btns .btn.btn-primary {
        color: var(--text-white);
        opacity: 1;
        width: 130px;
        height: 130px;
        border-radius: 50% !important;
    }

    .kbc .kbc-btns .btn-hf {
        width: 100%;
    }

.kbcbtesbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

    .kbcbtesbox .bet-box {
        background: #444;
        padding: 5px 10px;
        border-radius: 0;
        margin-left: 3px;
        margin-right: 3px;
        width: calc(33.33% - 6px);
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 32px;
        color: #ddd;
    }

        .kbcbtesbox .bet-box span {
            flex: 1;
            text-align: center;
        }

        .kbcbtesbox .bet-box i {
            color: var(--text-red);
            cursor: pointer;
        }

    .kbcbtesbox .bet-input {
        width: calc(33.33% - 6px);
        margin-bottom: 5px;
        height: 32px;
    }

        .kbcbtesbox .bet-input input {
            height: 32px;
        }

    .kbcbtesbox > div {
        width: calc(33.33% - 6px);
        margin-bottom: 5px;
    }

    .kbcbtesbox .hfquitbtns {
        width: 96%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .kbcbtesbox .hfquitbtns .btn {
            width: 48%;
        }

    .kbcbtesbox.casino-place-bet-row .bet-box {
        padding: 0;
        min-height: 28px;
    }

    .kbcbtesbox.casino-place-bet-row {
        background-color: rgba(0, 0, 0, 0.5);
        width: 96%;
        margin: 0 auto 10px;
        border-bottom: 0;
        padding-bottom: 10px;
    }

        .kbcbtesbox.casino-place-bet-row .bet-box {
            background-color: transparent;
        }

.hfquitbtns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.kbc .hfquitbtns .hbtn,
.casino-place-bet-box .hfquitbtns .hbtn {
    background-image: linear-gradient(-180deg, #03b37f 0%, #06553e 100%);
    border-color: #116f52 !important;
    border-width: 5px !important;
    border-top: 5px solid #131399;
    margin-right: 20px;
}

.kbc .hfquitbtns .fbtn,
.casino-place-bet-box .hfquitbtns .fbtn {
    background-image: linear-gradient(-180deg, #fc4242 0%, #6f0404 100%);
    border-color: #6f0404 !important;
    border-width: 5px !important;
    border-top: 5px solid #6f0404;
}

.hfquitbtns .fbtn.selected,
.kbc .hfquitbtns .hbtn.selected {
    border-color: var(--text-highlight) !important;
    box-shadow: 0 0 5px #fff !important;
}

.kbcbtesbox .hbtn {
    border: 1px solid #03b37f;
    color: #03b37f;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.kbcbtesbox .fbtn {
    border: 1px solid #fc4242;
    color: #fc4242;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.kbcbtesbox .fivebtn {
    border: 1px solid #115dbf;
    color: #115dbf;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.kbc-result-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

    .kbc-result-box .casino-box-row {
        width: calc(16.66% - 4px);
        margin-right: 4px;
    }

    .kbc-result-box .question-name {
        width: 100%;
        background: #222;
        border-radius: 0;
        color: #eee;
        padding: 6px;
        border: 1px solid #ddd;
        text-align: center;
    }

    .kbc-result-box .answer-name {
        width: 80%;
        padding: 6px;
        margin: 0 auto;
        color: #fff;
        text-align: center;
        border: 3px solid var(--back);
        border-top: 0;
    }

        .kbc-result-box .answer-name.true {
            background-color: #03b37f;
        }

        .kbc-result-box .answer-name.false {
            background-color: #fc4242;
        }

    .kbc-result-box .kbchf {
        width: 100%;
        text-align: center;
        color: #fff;
    }

        .kbc-result-box .kbchf .kbc-result-box-half {
            border: 1px solid #03b37f;
            color: #03b37f;
            padding: 5px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .kbc-result-box .kbchf .kbc-result-box-full {
            border: 1px solid #fc4242;
            color: #fc4242;
            padding: 5px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .kbc-result-box .kbchf .kbc-result-box-five {
            border: 1px solid #115dbf;
            color: #115dbf;
            padding: 5px;
            font-weight: bold;
            text-transform: uppercase;
        }

.kbc-result-row .toggle {
    display: none;
}

    .kbc-result-row .toggle:target {
        display: table-row;
    }

/*Virtual Casnio Starts*/

.virtual-casino-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-height: calc(100vh - 101px);
    background-image: linear-gradient(0deg, #100b1e 0%, #160d27 26.42%, #11091d 48.45%, #030309 100%);
    position: relative;
    font-family: droid sans;
    color: #000;
}

.virtual-casino-bg {
    min-height: calc(100vh - 100px);
    background-image: url("../img/vcasino-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: auto;
    position: relative;
    padding-top: 6px;
}

    .virtual-casino-bg .main-bg {
        max-width: 100%;
        width: 100%;
        height: 40vh;
        z-index: 10;
    }

    .virtual-casino-bg .dealer {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 14%;
        top: 3%;
    }

.vcasino-title {
    background: rgba(44, 21, 60, 0.5);
    border: 2px solid #573673;
    border-radius: 8px;
    padding: 5px;
    position: absolute;
    left: 10px;
    top: 10px;
    min-width: 200px;
}

.vcasino-name {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.vcasino-rid {
    font-size: 14px;
    color: #fdcf13;
}

.vcasino-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.vcasino-icon {
    width: 40px;
    height: 40px;
    right: 10px;
    background: linear-gradient(180deg, #f29603 0%, #b4701b 100%);
    border: 2px solid #fdc834;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}

    .vcasino-icon img {
        height: 22px;
    }

.vcasino-last-results {
    background: rgba(44, 21, 60, 0.5);
    border: 2px solid #573673;
    border-radius: 8px;
    padding: 5px;
    padding-bottom: 0;
    position: absolute;
    right: 10px;
    top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 220px;
    height: 80px;
}

    .vcasino-last-results span {
        width: 30px;
        height: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid #ffffff;
        border-radius: 4px;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 5px;
        cursor: pointer;
        margin-right: 5px;
    }

        .vcasino-last-results span.vresultall {
            height: 65px;
            font-size: 50px;
            font-weight: bold;
            color: #fff;
            position: absolute;
            right: 0;
            top: 5px;
        }

        .vcasino-last-results span.vresulta {
            color: #fdcf13;
        }

        .vcasino-last-results span.vresultb {
            color: #fc4242;
        }

        .vcasino-last-results span.vresulttie {
            color: #ffffff;
        }

.vteen20 .vcasino-last-results span.vresulta {
    color: #fc4242;
}

.vteen20 .vcasino-last-results span.vresultb {
    color: #00a200;
}

.vcasino-my-bets {
    background: rgba(44, 21, 60, 0.5);
    border: 2px solid #573673;
    border-radius: 8px;
    padding: 5px;
    left: 15px;
    top: 80px;
    position: absolute;
    height: 40px;
    display: flex;
    align-items: center;
}

    .vcasino-my-bets .bets-count {
        position: absolute;
        background: #000;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 22px;
        color: #fff;
        top: -5px;
        left: -10px;
        border: 2px solid #fdcf13;
    }

    .vcasino-my-bets .bets-title {
        margin-left: 40px;
        color: #fff;
        font-size: 22px;
    }

.vcasino .casino-vieo-rules {
    top: 60px;
    right: 10px;
}

.winner-trophy {
    position: absolute;
    width: 65%;
    /* top: 40vh; */
    bottom: calc(60vh - 106px);
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

    .winner-trophy .winnera {
        position: absolute;
        left: 0;
        width: 150px;
        top: -100px;
    }

    .winner-trophy .winnerb {
        position: absolute;
        right: -50px;
        width: 150px;
        top: -100px;
    }

.virtual-casino-odds {
    /*position: absolute;
    top: 65%;
    left: 0;
    transform: translateY(-40%);*/
    margin-top: -50px;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    z-index: 10;
    height: calc(60vh - 106px);
    line-height: 1;
}

    .virtual-casino-odds > div {
        transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
        -webkit-transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
        -ms-transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
        -moz--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
        -o--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
        transform-style: flat;
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
        padding: 0;
    }

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card .card-item,
.decks .card-item {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 1px;
}

.decks {
    position: absolute;
    width: 6.407641%;
    height: 17.184658%;
}

    .decks .card-item {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }

.vteen .casino-time-digit {
    top: 57%;
}

.virtual-casino-place-bet {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

    .virtual-casino-place-bet .place-bet-box-container {
        /*background-color: #2C153C;*/
        background-image: linear-gradient(0deg, #100b1e 0%, #160d27 26.42%, #11091d 48.45%, #030309 100%);
        color: #fff;
        border-radius: 8px 8px 0 0;
        /*max-width: 50%;*/
        margin: 0 auto;
        width: 400px;
        padding: 5px;
    }

.place-bet-nation {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.place-bet-value {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .place-bet-value input {
        background-color: transparent;
        border-color: #45307f;
        color: #fff;
        padding: 5px;
        width: 140px;
        -webkit-appearance: none;
        border-radius: 0;
    }

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

        .place-bet-value input[type="number"] {
            -moz-appearance: textfield;
        }

.place-bet-buttons {
    padding: 5px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .place-bet-buttons .btn-bet {
        width: 32.33%;
        margin-right: 1%;
        margin-bottom: 1%;
        background-color: #5f2f81;
        color: #fff;
        font-weight: bold;
    }

    .place-bet-buttons .btn:nth-child(3n) {
        margin-right: 0;
    }

.place-submit-reset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.my-bets .my-bet-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5px;
    margin-bottom: 5px;
    color: #000;
}

    .my-bets .my-bet-box.back {
        background-color: #72bbefdb;
    }

    .my-bets .my-bet-box.lay {
        background-color: #f994badb;
    }

.virtual-casino-odds .book-green {
    color: #00a200 !important;
    font-weight: bold !important;
}

.virtual-casino-odds .book-red {
    color: #ef0518 !important;
    font-weight: bold !important;
}

.virtual-casino-odds .book-green.suspended-book {
    color: #21f221 !important;
    font-weight: bold !important;
}

.virtual-casino-odds .book-red.suspended-book {
    color: #f4091e !important;
    font-weight: bold !important;
}

.mobile-timer.virtual {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
}

    .mobile-timer.virtual .progress-bar {
        transition: width 1.5s ease !important;
    }

/*Virtual 1Day Teenpatti Starts*/

.vteen1day .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    /*margin-top: 100px;*/
    margin-top: 10vh;
}

.vteen1day .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto;
    /*margin-bottom: 20px;*/
}

.vcasino .odds-title .playera {
    color: #ef0518 !important;
    font-weight: bold;
    /*font-size: 44px;*/
    font-size: 4vh;
}

.vcasino .odds-title .playerb {
    color: #00a200 !important;
    font-weight: bold;
    /*font-size: 44px;*/
    font-size: 4vh;
}

.vcasino .odds-title .tie {
    color: #000000 !important;
    font-weight: bold;
    font-size: 4vh;
}

.vteen1day .odds-section {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

.vteen1day .vodds-box {
    width: 33.3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    /*font-size: 22px;*/
    font-size: 2.3vh;
}

    .vteen1day .vodds-box .odds-book {
        /*font-size: 16px;*/
        font-size: 2vh;
    }

    .vteen1day .vodds-box .casino-bl-box {
        width: 100%;
    }

    .vteen1day .vodds-box .casino-bl-box-item {
        width: calc(50% - 2px);
        color: #000;
        /*height: 50px;*/
        height: 5vh;
    }

        .vteen1day .vodds-box .casino-bl-box-item .casino-box-odd {
            /*font-size: 24px;*/
            font-size: 2.5vh;
            font-weight: bold;
            line-height: 1;
            height: auto;
            margin-bottom: 0;
        }

        .vteen1day .vodds-box .casino-bl-box-item span {
            font-weight: normal;
            font-size: 2vh;
            height: auto;
            line-height: 1;
        }

        .vteen1day .vodds-box .casino-bl-box-item.back {
            background-color: transparent;
            border: 3px solid var(--back);
        }

        .vteen1day .vodds-box .casino-bl-box-item.lay {
            background-color: transparent;
            border: 3px solid var(--lay);
        }

.others-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 1vh;
}

    .others-odds .odds-section {
        margin-bottom: 1vh;
    }

        .others-odds .odds-section:last-child {
            margin-bottom: 0;
        }

.vteen1day .others-odds .vodds-box {
    width: 16.66%;
    align-items: center;
}

    .vteen1day .others-odds .vodds-box .casino-bl-box-item {
        width: calc(100% - 4px);
        /*height: 50px;*/
        height: 6.5vh;
    }

/*Virtual 1Day Teenpatti End*/

/*Virtual 20 Teenpatti Starts*/

.vteen20 .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 10vh;
}

.vteen20 .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 0;
}

.vteen20 .odds-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.5vh;
}

.vteen20 .vodds-box {
    width: 33.3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
}

    .vteen20 .vodds-box img {
        height: 4vh;
    }

    .vteen20 .vodds-box .casino-bl-box {
        width: 100%;
    }

    .vteen20 .vodds-box .casino-bl-box-item {
        width: calc(100% - 2px);
        height: 5.5vh;
        color: #000;
    }

        .vteen20 .vodds-box .casino-bl-box-item.back {
            background-color: transparent;
            border: 3px solid var(--back);
        }

        .vteen20 .vodds-box .casino-bl-box-item.lay {
            background-color: transparent;
            border: 2px solid var(--lay);
        }

.vteen20 .others-odds .vodds-box .casino-bl-box-item {
    flex-wrap: wrap;
}

.vteen20 .vodds-box .casino-bl-box-item span {
    font-weight: normal;
    font-size: 2vh;
    height: auto;
    line-height: 1;
}

.vteen20 .vodds-box .casino-bl-box-item .casino-box-odd {
    font-size: 24px;
    font-size: 2.5vh;
    font-weight: bold;
    line-height: 1;
    height: auto;
    margin-bottom: 0;
}

.vteen20 .others-odds .casino-rb-box {
    width: calc(25% - 8px);
    margin-right: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    position: relative;
    flex-direction: column;
}

.vteen20 .others-odds .casino-rb-box-player {
    width: 100%;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    min-height: 46px;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
}

.vteen20 .casino-rb-box-player > div {
    padding: 0 8px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.vteen20 .casino-rb-box-player img {
    margin-left: 5px;
    width: 22px;
}

.vteen20 .casino-rb-box-player-range {
    justify-content: flex-end;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-top: 5px;
}

.vteen20 .teen20rules {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 25%;
    transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
    bottom: -4.8vh;
    -webkit-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
    -moz-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
    -ms-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
    -o-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
}

    .vteen20 .teen20rules .table {
        border: 1px solid #000 !important;
        background-color: transparent;
        color: #000;
    }

        .vteen20 .teen20rules .table td,
        .vteen20 .teen20rules .table th {
            border-bottom: 2px solid #000 !important;
            border-right: 2px solid #000 !important;
            border-top: 2px solid #000 !important;
            border-left: 2px solid #000;
            font-size: 2.5vh;
            vertical-align: middle;
            padding: 0.5vh;
        }

        .vteen20 .teen20rules .table thead {
            background-color: transparent;
            color: #000;
        }

            .vteen20 .teen20rules .table thead th {
                font-size: 20px;
            }

.vteen20 .suspended::before {
    display: none;
}

/*Virtual 20 Teenpatti End*/

/*Virtual Casino 1Day Dragon Tiger Starts*/

/*.vdt1day .virtual-casino-odds > div
{
    max-width: 85%;
    width: 85%;
}*/

.vdt1day .table-actions,
.vdt1day .decks-block,
.vdt1day .decks-mask-block,
.vdt1day .cards-showing-block,
.vdt20 .table-actions,
.vdt20 .decks-block,
.vdt20 .decks-mask-block,
.vdt20 .cards-showing-block {
    width: 130vh;
    max-width: 100%;
}

.vdt1day .odds-title,
.vdt20 .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.vdt1day .main-odds,
.vdt20 .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 10vh;
    position: relative;
}

.vdt1day .dpt-box,
.vdt20 .dpt-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5vh;
    border-radius: 8px;
    width: 30%;
    height: 7vh;
    cursor: pointer;
    position: relative;
}

.vdt20 .dpt-box {
    height: 7vh;
}

.dragon-box {
    background-color: #ef05181a;
    border: 3px solid #f46a59;
}

.pair-box {
    background-color: #0041a21a;
    border: 3px solid #0041a2;
}

.tiger-box {
    background-color: #00a2001a;
    border: 3px solid #00a200;
}

.tie-box {
    background-color: #0041a21a;
    border: 3px solid #0041a2;
}

.dpt-box.tie-box {
    position: absolute;
    top: -9vh;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
}

.vcasino .dragon-box > div:first-child,
.vcasino .pair-box > div:first-child,
.vcasino .tie-box > div:first-child,
.vcasino .tiger-box > div:first-child,
.vcasino .back-box > div:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.dragon-box .dt-name,
.pair-box .dt-name,
.tie-box .dt-name,
.tiger-box .dt-name {
    font-size: 3vh;
    font-weight: bold;
    color: #000;
}

.vdt1day .dragon-box .dt-name,
.vdt1day .pair-box .dt-name,
.vdt1day .tie-box .dt-name,
.vdt1day .tiger-box .dt-name {
    position: absolute;
    width: 100%;
    font-size: 2vh;
    top: -3.5vh;
}

.vdt1day .dragon-box .dt-book,
.vdt1day .pair-box .dt-book,
.vdt1day .tie-box .dt-book,
.vdt1day .tiger-box .dt-book {
    position: absolute;
    bottom: -3vh;
}

.back-box .dt-name {
    font-size: 2.5vh;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .back-box .dt-name img {
        height: 3.2vh;
        margin-right: 0.5vh;
    }

        .back-box .dt-name img:last-child {
            margin-right: 0;
        }

.dragon-box .dt-odds,
.pair-box .dt-odds,
.tie-box .dt-odds,
.tiger-box .dt-odds {
    font-size: 2.5vh;
    font-weight: bold;
    color: #000;
}

.back-box .dt-odds {
    font-size: 1.8vh;
    font-weight: bold;
}

.dragon-box .dt-book,
.pair-box .dt-book,
.dt-book,
.tie-box .dt-book,
.tiger-box .dt-book,
.back-box .dt-book {
    margin-top: 0.5vh;
    font-size: 2vh;
}

.vdt1day .other-odds,
.vdt20 .other-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-top: 5vh;
}

.vdt20 .other-odds {
    margin-top: 2vh;
}

.dragon-section {
    background-image: linear-gradient(to right, transparent, #ef051880);
    width: 49%;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tiger-section {
    background-image: linear-gradient(to right, #00a20080, transparent);
    width: 49%;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dt-divider {
    display: none;
    /*height: 100%;*/
    width: 5px;
    background-color: #000;
}

.back-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px;
    border-radius: 8px;
    width: 24%;
    background-color: transparent;
    border: 3px solid var(--back);
    margin-bottom: 1vh;
    height: 8vh;
    cursor: pointer;
}

    .back-box.suspended::after {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

.lay-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px;
    border-radius: 8px;
    width: 24%;
    background-color: transparent;
    border: 2px solid var(--lay);
    margin-bottom: 1vh;
    height: 7vh;
    cursor: pointer;
}

.vcasino-card-box-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.vcasino-card-box-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: center;
    width: 85%;
}

.vcasino-card-box {
    width: 14%;
    cursor: pointer;
}

    .vcasino-card-box .suspended:before {
        background-image: none;
    }

    .vcasino-card-box img {
        height: 4vh;
    }

.vdt20 .vcasino-card-box img {
    height: 7vh;
}

.vlucky7 .vcasino-card-box img {
    height: 7vh;
}

.vcasino-card-odds {
    width: 15%;
    font-weight: bold;
    font-size: 2.5vh;
    border: 2px solid #000;
    padding: 8px;
}

.vlucky7 .vcasino-card-odds {
    width: auto;
    font-size: 2vh;
    padding: 4px;
}

.vdt1day .winner-trophy .winnera,
.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnera,
.vdt20 .winner-trophy .winnerb {
    width: 110px;
}

.vdt1day .winner-trophy .winnera,
.vdt20 .winner-trophy .winnera {
    left: -35px;
    top: -130px;
}

.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnerb {
    top: -130px;
    right: -25px;
}

.vcasino.vdt1day .playera,
.vcasino.vdt1day .playerb,
.vcasino.vdt20 .playera,
.vcasino.vdt20 .playerb {
    width: 33.33%;
}

.vdt1day .dragon-box .dt-odds,
.vdt1day .tiger-box .dt-odds,
.vdt1day .pair-box .dt-odds {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .vdt1day .dragon-box .dt-odds .back-box,
    .vdt1day .dragon-box .dt-odds .lay-box,
    .vdt1day .tiger-box .dt-odds .back-box,
    .vdt1day .tiger-box .dt-odds .lay-box {
        height: auto;
        justify-content: center;
        width: 49%;
        margin-bottom: 0;
        align-items: center;
    }

    .vdt1day .pair-box .dt-odds .back-box {
        height: auto;
        justify-content: center;
        width: 50%;
        margin-bottom: 0;
        align-items: center;
    }

    .vdt1day .pair-box .dt-odds > div:first-child {
        display: flex;
        align-items: center;
    }

    .vdt1day .dragon-box .dt-odds .back-box,
    .vdt1day .tiger-box .dt-odds .back-box,
    .vdt1day .pair-box .dt-odds .back-box {
        background-color: var(--back);
    }

    .vdt1day .dragon-box .dt-odds .lay-box,
    .vdt1day .tiger-box .dt-odds .lay-box {
        background-color: var(--lay);
    }

/*Virtual Casino 1Day Dragon Tiger Starts*/

/*Virtual Casino lucky7 Starts*/

.vlucky7 .virtual-casino-odds {
    margin-top: -35px;
}

.vlucky7 .table-actions,
.vlucky7 .decks-block,
.vlucky7 .decks-mask-block,
.vlucky7 .cards-showing-block {
    width: 130vh;
    max-width: 100%;
}

.vlucky7 .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto;
}

.vlucky7 .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 10vh;
    position: relative;
}

.lh-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1vh;
    border-radius: 8px;
    width: 30%;
    height: 9vh;
    cursor: pointer;
}

.low-box {
    background-color: #ef05181a;
    border: 2px solid #f46a59;
}

.high-box {
    background-color: #00a2001a;
    border: 2px solid #00a200;
}

.lh-box > div:first-child,
.even-box > div:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.lh-box .dt-name {
    font-size: 2.5vh;
    font-weight: bold;
    color: #000;
}

.lh-box .dt-odds {
    font-size: 2.5vh;
    font-weight: bold;
    color: #000;
}

.lh-box .dt-book,
.back-box .dt-book {
    margin-top: 0.5vh;
    font-size: 1.6vh;
}

.vlucky7 .other-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 3vh;
}

    .vlucky7 .other-odds .back-box {
        width: 12%;
        position: relative;
    }

.vlucky7 .back-box .dt-odds {
    position: absolute;
    left: 2px;
    bottom: -2px;
    width: auto !important;
}

.vlucky7 .back-box .dt-book {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: auto !important;
}

.vlucky7 .back-box .dt-name {
    width: 100%;
}

    .vlucky7 .back-box .dt-name img {
        margin-right: 0.2vh;
    }

.vlucky7 .vcasino-card-box-top {
    width: 100%;
    justify-content: center;
    margin-top: 2vh;
}

    .vlucky7 .vcasino-card-box-top .vcasino-card-box {
        width: 7.5%;
    }

        .vlucky7 .vcasino-card-box-top .vcasino-card-box > div:last-child {
            margin-top: 0.5vh;
            font-size: 1.5vh;
        }

.vcasino-card-bhav {
    font-size: 2vh;
    font-weight: bold;
}

.vlucky7 .winner-trophy .winnerb {
    right: -20px;
    top: -75px;
    width: 90px;
}

.vlucky7 .winner-trophy .winnera {
    left: -30px;
    width: 100px;
    top: -75px;
}

/*Virtual Casino lucky7 Ends*/

/*Virtual Casino Amar Akbar Anthony Starts*/

.vaaa .virtual-casino-bg {
    /*background-image: url('../img/vcasino-bg2.jpg');*/
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vaaa .virtual-casino-odds {
    margin-top: -40px;
}

.vaaa.virtual-casino-container {
    color: #fff;
}

.vaaa.vcasino .tie {
    color: #fba500 !important;
}

.vaaa .table-actions,
.vaaa .decks-block,
.vaaa .decks-mask-block,
.vaaa .cards-showing-block {
    width: 130vh !important;
    max-width: 100% !important;
}

.vaaa .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.vaaa .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 10vh;
}

.vaaa .vodds-box {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
}

    .vaaa .vodds-box .casino-bl-box {
        width: 100%;
    }

    .vaaa .vodds-box .casino-bl-box-item {
        width: calc(50% - 8px);
        margin-top: 0;
        color: #fff;
        height: 6vh;
        margin-right: 8px;
    }

        .vaaa .vodds-box .casino-bl-box-item.back {
            background-color: transparent;
            border: 2px solid var(--back);
        }

        .vaaa .vodds-box .casino-bl-box-item.lay {
            background-color: transparent;
            border: 2px solid var(--lay);
        }

        .vaaa .vodds-box .casino-bl-box-item .casino-box-odd {
            font-size: 2.5vh;
            font-weight: bold;
            line-height: 1;
            height: auto;
            margin-bottom: 0;
        }

.vaaa .other-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 3vh;
}

    .vaaa .other-odds .back-box {
        width: 16%;
        align-content: center;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }

.vaaa .vcasino-card-box-top {
    width: 100%;
    justify-content: center;
    margin-top: 2vh;
}

.vaaa .vcasino-card-odds {
    width: 10%;
    font-size: 2vh;
    padding: 4px;
}

.vaaa .vcasino-card-box-top {
    width: 90%;
    justify-content: center;
    align-items: center;
    margin-top: 2vh;
}

    .vaaa .vcasino-card-box-top .vcasino-card-box {
        width: 7.5%;
    }

.vaaa .vcasino-card-box img {
    height: 7vh;
}

.vaaa .vcasino-card-box-top .vcasino-card-box > div:last-child {
    margin-top: 0.5vh;
    font-size: 1.5vh;
}

.vaaa .vcasino-card-odds {
    border: 2px solid #fff;
}

.vaaa .odds-book {
    font-size: 2vh !important;
    margin-top: 0.5vh;
}

.vaaa .virtual-casino-odds .odds-book.book-red,
.vaaa .virtual-casino-odds .dt-book.book-red {
    color: #ff172b !important;
}

.vaaa .virtual-casino-odds .odds-book.book-green,
.vaaa .virtual-casino-odds .dt-book.book-green {
    color: #18ca18 !important;
}

.vaaa .vcasino-last-results span.vresulta {
    color: #fc4242;
}

.vaaa .vcasino-last-results span.vresultb {
    color: #fba500;
}

.vaaa .vcasino-last-results span.vresultc {
    color: #00a200;
}

.vcasino .odds-title .playera,
.vcasino .odds-title .playerb,
.vcasino .odds-title .tie {
    font-size: 3vh;
    width: 33%;
    text-align: center;
}

.vaaa .vcasino-card-box .suspended:after {
    border-radius: 0;
    transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(70px);
}

.vcasino .playera > div:first-child,
.vcasino .playerb > div:first-child,
.vcasino .tie > div:first-child {
    color: #fff;
    margin-bottom: 0.5vh;
}

.winner-animation {
    /*transform: perspective(900px) rotateX(-8deg) scale(2) translateZ(100px) translateX(-50%) translateY(-50%);
    transition: 1.5s;
    position: absolute;
    left: 50%;
    top: 50%;*/
    z-index: 1000;
    /*background: #000;
    padding: 5px;*/
    animation-name: winnerani;
    animation-duration: 3s;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: ease-in-out;
}

@keyframes winnerani {
    0% {
        transform: scale(1);
    }

    50% {
        /*transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;*/
        transform: scale(2) perspective(1800px) rotateX(40deg);
    }

    100% {
        transform: scale(1);
    }
}

/*Virtual Casino Amar Akbar Anthony Ends*/

/*Virtual Casino Bollywood Table Starts*/

.vbt .table-actions,
.vbt .decks-block,
.vbt .decks-mask-block,
.vbt .cards-showing-block {
    width: 130vh !important;
    max-width: 100% !important;
}

.vbt .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.vbt.vcasino .tie {
    width: 16%;
}

.vbt .virtual-casino-bg {
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vbt.virtual-casino-container {
    color: #fff;
}

.vbt.vcasino .playera > div:first-child,
.vbt.vcasino .playerb > div:first-child,
.vbt.vcasino .tie > div:first-child {
    color: #fdcf13 !important;
}

.vbt.vcasino .playera,
.vbt.vcasino .playerb,
.vbt.vcasino .tie {
    font-size: 2vh;
    color: #fdcf13 !important;
}

.vbt .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    width: 75%;
    margin: 0 auto;
    margin-top: 1vh;
}

.vbt .vodds-box {
    width: 16%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
}

    .vbt .vodds-box .casino-bl-box {
        width: 100%;
    }

    .vbt .vodds-box .casino-bl-box-item {
        width: calc(100% - 4px);
        margin-top: 0;
        color: #fff;
        height: 5vh;
        margin-right: 4px;
        margin-bottom: 0.5vh;
    }

        .vbt .vodds-box .casino-bl-box-item.back {
            background-color: transparent;
            border: 2px solid var(--back);
        }

        .vbt .vodds-box .casino-bl-box-item.lay {
            background-color: transparent;
            border: 2px solid var(--lay);
        }

        .vbt .vodds-box .casino-bl-box-item .casino-box-odd {
            font-size: 2.5vh;
            font-weight: bold;
            line-height: 1;
            height: auto;
            margin-bottom: 0;
        }

.vbt .odds-book {
    font-size: 2vh;
}

    .vbt .odds-book.book-red,
    .vbt .dt-book.book-red {
        color: #ff172b !important;
    }

    .vbt .odds-book.book-green,
    .vbt .dt-book.book-green {
        color: #18ca18 !important;
    }

.vbt .other-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 1vh;
}

    .vbt .other-odds .vodds-box {
        width: 19%;
    }

    .vbt .other-odds .back-box {
        width: 19%;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .vbt .other-odds .vodds-box .casino-bl-box-item {
        width: calc(50% - 4px);
    }

.vbt .vcasino-card-box img {
    height: 6vh;
}

.vbt .vcasino-card-odds {
    border: 2px solid #fff;
    width: 20%;
    font-size: 2vh;
    padding: 4px;
}

.vbt .vcasino-card-box-container {
    width: 40%;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

    .vbt .vcasino-card-box-container .vcasino-card-box-top {
        width: 80%;
        justify-content: center;
        align-items: center;
    }

.vbt .vcasino-card-box-top .vcasino-card-box > div:last-child {
    margin-top: 0.5vh;
    font-size: 1.5vh;
}

.vbt .vbt-odd-name {
    font-size: 1.8vh;
    margin-bottom: 0.5vh;
}

.odds-title > div {
    width: 16%;
}

.odds-title .card-character {
    font-family: Card Characters;
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.odds-title .red-card {
    color: red;
}

.odds-title .black-card {
    color: black;
}

.vaaa .vcasino-card-box .suspended:after {
    border-radius: 0;
    transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(50px);
}

.vbt .vcasino-card-box .suspended::after {
    border-radius: 0;
    transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(50px);
}

.vbt .odds-title {
    align-items: flex-end;
}

/*Virtual Casino Bollywood Table Ends*/

/*Virtual Casino Muflis Starts*/

.vmuflis .virtual-casino-bg {
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vmuflis.virtual-casino-container {
    color: #fff;
}

.vmuflis .table-actions,
.vmuflis .decks-block,
.vmuflis .decks-mask-block,
.vmuflis .cards-showing-block {
    width: 97vh;
}

.vmuflis .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 0;
}

.vmuflis .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 10vh;
}

.vmuflis .odds-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1.5vh;
}

.vmuflis .vodds-box {
    width: 33.3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    align-items: center;
}

    .vmuflis .vodds-box .casino-bl-box {
        width: 100%;
    }

    .vmuflis .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .vmuflis .vodds-box .casino-bl-box-item {
        width: calc(100% - 2px);
        height: 6.5vh;
        color: #000;
    }

        .vmuflis .vodds-box .casino-bl-box-item span {
            font-weight: normal;
            font-size: 2vh;
            height: auto;
            line-height: 1;
            color: #fff;
        }

        .vmuflis .vodds-box .casino-bl-box-item .casino-box-odd {
            font-size: 2.5vh;
            font-weight: bold;
            line-height: 1;
            height: auto;
            margin-bottom: 0;
            color: #fff;
        }

.vmuflis .suspended::before {
    display: none;
}

.vmuflis .teen20rules {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 25%;
    transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
    bottom: -4vh;
}

    .vmuflis .teen20rules .table {
        border: 1px solid #fff !important;
        background-color: transparent;
        color: #fff;
    }

        .vmuflis .teen20rules .table td,
        .vmuflis .teen20rules .table th {
            border-bottom: 1px solid #fff !important;
            border-right: 1px solid #fff !important;
            border-top: 1px solid #fff !important;
            border-left: 1px solid #fff;
            font-size: 2vh;
            vertical-align: middle;
            padding: 0.5vh;
        }

        .vmuflis .teen20rules .table thead {
            background-color: transparent;
            color: #fff;
        }

            .vmuflis .teen20rules .table thead th {
                font-size: 18px;
            }

.vmuflis.vcasino .odds-title .playerb {
    color: #fdcf13 !important;
}

.vmuflis .vcasino-last-results span.vresulta {
    color: #ef0518 !important;
}

.vmuflis .vcasino-last-results span.vresultb {
    color: #fdcf13 !important;
}

/*Virtual Casino Muflis Ends*/

/*Virtual Casino Race to 17 Starts*/

.vraceto17 .virtual-casino-bg {
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vraceto17 .table-actions,
.vraceto17 .decks-block,
.vraceto17 .decks-mask-block,
.vraceto17 .cards-showing-block {
    width: 130vh !important;
    max-width: 100% !important;
}

.vraceto17.virtual-casino-container {
    color: #fff;
}

.vraceto17 .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.vraceto17 .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    /*margin-top: 10vh;*/
}

.vraceto17 .vodds-box {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 2vh;
}

.vraceto17 .vrt17-odd-name {
    font-size: 2vh;
    margin-bottom: 1vh;
}

.vraceto17 .vodds-box .casino-bl-box {
    width: 100%;
}

.vraceto17 .vodds-box .casino-bl-box-item {
    width: calc(50% - 4px);
    margin-top: 0;
    color: #fff;
    height: 6vh;
    margin-right: 4px;
}

    .vraceto17 .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .vraceto17 .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
    }

.vraceto17 .odds-book {
    font-size: 2vh;
    margin-top: 0.5vh;
}

.vraceto17 .arrow17 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7vh;
    margin-top: 10vh;
}

    .vraceto17 .arrow17 > div {
        border: 3px solid #bf8636;
        border-radius: 50%;
        padding: 10px;
        margin-right: 10px;
    }

    .vraceto17 .arrow17 img {
        height: 5vh;
    }

.vraceto17 .vcard-total {
    position: absolute;
    left: 20%;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .vraceto17 .vcard-total > div:first-child {
        font-size: 18px;
        width: 100%;
        margin-bottom: 5px;
    }

    .vraceto17 .vcard-total > div:last-child {
        margin-left: 10px;
        border: 2px solid #ff8f00;
        border-radius: 50%;
        padding: 5px;
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: bold;
    }

.vraceto17 .vodds-box .casino-bl-box-item .casino-box-odd {
    font-size: 2.5vh;
    font-weight: bold;
    line-height: 1;
    height: auto;
    margin-bottom: 0;
}

/*Virtual Casino Race to 17 Ends*/

/*Virtual Casino Baccarat Starts*/

.vbaccarat .virtual-casino-bg {
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vbaccarat .virtual-casino-odds {
    margin-top: -20px;
}

.vbaccarat .table-actions,
.vbaccarat .decks-block,
.vbaccarat .decks-mask-block,
.vbaccarat .cards-showing-block {
    width: 130vh !important;
    max-width: 100% !important;
    height: 100%;
    position: relative;
}

.vbaccarat .odds-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin: 0 auto;
}

.vbaccarat.vcasino .playera,
.vbaccarat.vcasino .playerb {
    width: 50%;
}

.baccarat-box {
    position: absolute;
    bottom: 0;
    background-color: #00000096;
    width: 100%;
    padding: 0 10px;
    border-radius: 0;
}

.vbaccarat-odds {
    width: 70%;
    margin: 0 auto;
    margin-top: 10vh;
}

    .vbaccarat-odds .baccarat-odds {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .vbaccarat-odds .baccarat-odd-block {
        width: 18%;
        position: relative;
    }

        .vbaccarat-odds .baccarat-odd-block:last-child {
            margin-right: 0;
        }

        .vbaccarat-odds .baccarat-odd-block .baccarat-odd-name {
            padding: 8px 2px;
            text-align: center;
            color: var(--text-white);
            background-image: linear-gradient(180deg, #f29603 0%, #b4701b 100%);
            cursor: pointer;
            border-radius: 0;
            text-transform: uppercase;
        }

        .vbaccarat-odds .baccarat-odd-block .baccarat-odd-val {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -25px;
            color: #fff;
        }

    .vbaccarat-odds .baccarat-bets {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 0;
        position: relative;
        padding-bottom: 30px;
    }

    .vbaccarat-odds .player-pair,
    .vbaccarat-odds .player,
    .vbaccarat-odds .tie,
    .vbaccarat-odds .banker,
    .vbaccarat-odds .banker-pair {
        width: 18%;
        margin-top: 40px;
        position: relative;
    }

    .vbaccarat-odds .baccarat-bets-name {
        height: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-direction: column;
        color: var(--text-white);
        padding-left: 0;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 0;
    }

    .vbaccarat-odds .player-pair .baccarat-bets-name {
        background-color: #509bff;
    }

    .vbaccarat-odds .player .baccarat-bets-name {
        background-color: #509bff;
    }

    .vbaccarat-odds .tie .baccarat-bets-name {
        background-color: #11b24b;
    }

    .vbaccarat-odds .banker .baccarat-bets-name {
        background-color: #d3393d;
    }

    .vbaccarat-odds .banker-pair .baccarat-bets-name {
        background-color: #d3393d;
    }

    .vbaccarat-odds .baccarat-bets-val {
        color: #fff;
        margin-top: 3px;
    }

.baccarat-buttons {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    justify-content: center;
}

    .baccarat-buttons.virtual-casino-place-bet .place-bet-box-container {
        margin: 0 10px;
        width: calc(60% - 20px);
        background: transparent;
        border-right: 1px solid #4f4f4f;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .baccarat-buttons.virtual-casino-place-bet .place-bet-box-container > div {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

.baccarat-graph {
    text-align: right;
    width: 20%;
    border-right: 1px solid #4f4f4f;
    padding: 10px;
}

.baccarat-buttons .baccarat-graph img {
    height: 120px;
}

.baccarat-buttons .place-bet-value input {
    border-color: #fff;
    margin: 0;
    border-radius: 2px;
    width: 100px;
    color: #fff;
}

.baccarat-buttons .vcasino-last-results {
    position: relative;
    left: unset;
    top: unset;
    border: 0;
    background: transparent;
    border: 0;
    width: 20%;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    height: auto;
}

    .baccarat-buttons .vcasino-last-results span {
        background: transparent;
        border: 0;
        position: unset;
        height: auto;
        width: 20%;
        margin-right: 0;
        justify-content: center;
    }

        .baccarat-buttons .vcasino-last-results span.vresultall {
            width: 100%;
            justify-content: flex-end;
            font-size: 16px;
            margin-top: 5px;
        }

.baccarat-buttons .place-bet-value {
    justify-content: center;
}

.baccarat-buttons .btn {
    margin: 0 5px;
}

.baccarat-buttons .coin-img {
    position: relative;
    display: inline-block;
    width: 32%;
    margin-bottom: 5px;
}

    .baccarat-buttons .coin-img img {
        height: 7vh;
    }

    .baccarat-buttons .coin-img > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: bold;
        color: #fff;
        font-size: 14px;
    }

.baccarat-buttons .place-bet-nation {
    justify-content: center;
}

    .baccarat-buttons .place-bet-nation > div {
        margin-right: 20px;
    }

.vbaccarat.vcasino .odds-title .playera {
    color: #509bff !important;
}

.vbaccarat.vcasino .odds-title .playerb {
    color: #d3393d !important;
}

.baccarat-buttons .vcasino-last-results span.vresulta {
    color: #509bff !important;
}

.baccarat-buttons .vcasino-last-results span.vresultb {
    color: #d3393d !important;
}

.vbaccarat .vcasino-last-results span.vresulta {
    color: #509bff;
}

.vbaccarat .vcasino-last-results span.vresultb {
    color: #d3393d !important;
}

.baccarat-buttons .bet-block {
    width: 60%;
}

.baccarat-buttons .btn-block {
    width: 40%;
}

.vbaccarat .suspended::after {
    border-radius: 0;
    transform: perspective(900px) rotateX(0) scale(1.01) translateZ(0);
}

.place-bet-buttons .coin-img {
    position: relative;
    display: inline-block;
    width: 32%;
    margin-bottom: 5px;
}

    .place-bet-buttons .coin-img img {
        height: 60px;
    }

    .place-bet-buttons .coin-img > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: bold;
        color: #fff;
        font-size: 14px;
    }

/*Virtual Casino Baccarat Ends*/

/*Virtual Casino Trio Starts*/

.vtrio.virtual-casino-container {
    color: #fff;
}

.vtrio .virtual-casino-bg {
    background-image: linear-gradient(to right, #555, #333, #555);
}

.vtrio .virtual-casino-odds {
    margin-top: -55px;
}

.vtrio .table-actions,
.vtrio .decks-block,
.vtrio .decks-mask-block,
.vtrio .cards-showing-block {
    width: 120vh !important;
    max-width: 100% !important;
}

.vtrio .main-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: 0 auto;
    padding-top: 11.5vh;
}

.vtrio .vodds-box {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 2vh;
}

.vtrio .vrt17-odd-name {
    font-size: 2vh;
    margin-bottom: 1vh;
}

.vtrio .vodds-box .casino-bl-box {
    width: 100%;
}

.vtrio .vodds-box .casino-bl-box-item {
    width: calc(50% - 4px);
    margin-top: 0;
    color: #fff;
    height: 6vh;
    margin-right: 4px;
}

    .vtrio .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .vtrio .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
    }

    .vtrio .vodds-box .casino-bl-box-item .casino-box-odd {
        font-size: 2.5vh;
        font-weight: bold;
        line-height: 1;
        height: auto;
        margin-bottom: 0;
    }

.vtrio .odds-book {
    font-size: 2vh;
    margin-top: 0.5vh;
}

.vtrio .other-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
}

    .vtrio .other-odds .vodds-box {
        width: 24%;
    }

.vtrio .sub-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
}

    .vtrio .sub-odds .vodds-box {
        width: 19%;
    }

        .vtrio .sub-odds .vodds-box .casino-bl-box-item {
            width: 100%;
        }

/*Virtual Casino Trio Ends*/

/* Virtual Casino Trap Starts */

.vtrap.nvcasino.virtual-casino-container {
    background-image: url("../img/vtrap-bg.png");
}

.vtrap .table-actions,
.vtrap .decks-block,
.vtrap .decks-mask-block,
.vtrap .cards-showing-block {
    width: 100vh !important;
    max-width: 100% !important;
}

.vtrap .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.vtrap .main-odds {
    padding-top: 0;
    color: #fff;
    transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    margin-top: 0;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
}

.twod-layout .main-odds {
    transform: none !important;
    margin-top: 1vh;
}

.vtrap .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

.vtrap .main-odds .vtrap-item-box {
    width: 100%;
    position: relative;
}

.vtrap .casino-bl-box {
    width: 100%;
}

.vtrap .vtrap-seven .casino-bl-box-item {
    height: 7vh;
    text-align: left;
    padding-left: 10px;
    border-radius: 0;
}

.vtrap .vtrap-seven.vtrap-jqk .casino-bl-box-item:last-child {
    margin-bottom: 0;
}

.vtrap .vtrap-seven .casino-bl-box:first-child {
    margin-bottom: 1vh;
}

.vtrap .vtrapjqk {
    display: flex;
    flex-wrap: wrap;
}

    .vtrap .vtrapjqk .vrt17-odd-name {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        margin: 0;
    }

        .vtrap .vtrapjqk .vrt17-odd-name img {
            margin-right: 5px;
        }

    .vtrap .vtrapjqk .casino-bl-box {
        width: 60%;
    }

.vtrap .vrt17-odd-name {
    font-size: 3vh;
    margin-bottom: 0.8vh;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

.vrt17-odd-name img {
    height: 3.5vh;
}

.vtrap .vodds-box .casino-bl-box {
    width: 100%;
    position: relative;
}

.vtrap .vodds-box .casino-bl-box-item {
    width: 100%;
    margin-top: 0;
    color: #fff;
    height: 7vh;
    margin-right: 0;
    color: #000;
    background-color: #323b4c !important;
}

    .vtrap .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
        border-radius: 0;
        margin-bottom: 1vh;
    }

    .vtrap .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
        border-radius: 0;
    }

    .vtrap .vodds-box .casino-bl-box-item .casino-box-odd {
        font-size: 2.5vh;
        font-weight: bold;
        line-height: 1;
        height: auto;
        margin-bottom: 0;
        color: #ffcc00;
    }

.vtrap .odds-book {
    font-size: 1.5vh;
}

.vtrap-seven {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 24%;
    position: relative;
}

    .vtrap-seven.high-low .vtrap-img {
        top: 57%;
    }

    .vtrap-seven .casino-bl-box-item {
        width: 100%;
        color: #000;
        margin: 0;
        margin-bottom: 1vh;
        height: 6vh;
    }

        .vtrap-seven .casino-bl-box-item.back {
            background-color: #323b4c !important;
            border: 2px solid var(--back);
        }

        .vtrap-seven .casino-bl-box-item.lay {
            background-color: #323b4c !important;
            border: 2px solid var(--lay);
        }

        .vtrap-seven .casino-bl-box-item .casino-box-odd {
            color: #ffcc00;
            font-size: 2.5vh;
        }

        .vtrap-seven .casino-bl-box-item .odds-book {
            position: absolute;
            right: 10px;
            text-align: right;
            color: #fff;
        }

        .vtrap-seven .casino-bl-box-item span:nth-child(2n) {
            font-size: 1.8vh;
            margin-top: 0.8vh;
        }

    .vtrap-seven .vtrap-seven-book {
        position: absolute;
        left: 35%;
        transform: translateX(-50%);
        text-align: center;
    }

.vtrap .book-red {
    color: #ff453a !important;
}

.vtrap .book-green {
    color: #32d74b !important;
}

.vtrap-seven .casino-bl-box-item.vtrap-high,
.vtrap-seven .casino-bl-box-item.vtrap-low {
    text-align: left;
    padding-left: 10px;
    margin: 0;
    background-color: transparent;
    border: 2px solid var(--back);
}

.vtrap-seven .vtrap-img {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 6vh;
    z-index: 100;
}

.card-draw {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* transform: perspective(900px) rotateX(20deg) scale(1) !important; */
    transform: none;
}

    .card-draw > div {
        /* border: 1px solid #95979A; */
        border: 0;
        border-radius: 0;
        width: 8%;
        margin-right: 1%;
        height: 8vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.vtrap .card-draw > div:first-child {
    border: 0;
    width: 20%;
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: bold;
}

.card-draw > div span {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}

    .card-draw > div span.card-a {
        color: #ffcc00;
    }

    .card-draw > div span.card-b {
        color: #ff453a;
    }

.vtrap .v-place-coin {
    position: absolute;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vtrap .vtrap-seven .v-place-coin {
    right: 45px;
}

.vtrap .vtrap-seven.vtrap-jqk .v-place-coin {
    right: 10px;
}

.vtrap .v-place-coin img {
    height: 4vh;
}

.nvcasino.twod-layout .v-place-coin .threed-coin {
    display: none;
}

.nvcasino.twod-layout .v-place-coin .twod-coin {
    display: block;
    height: 5vh;
}

.vtrap .v-place-coin span {
    position: absolute;
    font-size: 2vh;
    font-weight: bold;
    margin: 0 !important;
}

.vtrap .winner-trophy {
    position: absolute;
    right: 4%;
    top: -70px;
    border: 0;
    z-index: 11;
}

    .vtrap .winner-trophy.winner-trophy-b {
        top: -50px;
    }

    /* .vtrap .winner-trophy.winner-trophy-b {
    bottom: -15px;
    top: unset;
} */

    .vtrap .winner-trophy .winnera {
        position: unset;
        left: unset;
        top: unset;
        width: 150px;
    }

/* Virtual Casino Trap Ends */

/* Virtulal Dragon Tiger Lion 20-20 Starts */

.nvcasino.vdtl.virtual-casino-container {
    background-image: none;
}

.vdtl .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.vdtl .table-actions,
.vdtl .decks-block,
.vdtl .decks-mask-block,
.vdtl .cards-showing-block {
    width: 100vh !important;
    max-width: 100% !important;
}

.nvcasino.vdtl .virtual-casino-bg {
    position: relative;
}

.nvcasino.vdtl .virtual-casino-odds {
    height: 15vh;
    margin-top: -25px;
    padding-top: 0;
}

.vdtl-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 10%;
    top: 25%;
}

    .vdtl-title > div {
        width: 20%;
    }

.vdtl-trophy {
    display: flex;
    justify-content: center;
}

    .vdtl-trophy img {
        height: 110px;
    }

    .vdtl-trophy > div {
        width: 20%;
        position: relative;
    }

/* .vdtl-trophy>div:first-child img {
    position: absolute;
    left: -80px;
} */

.vdtl-trophy {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 10%;
    width: 100%;
    top: -45%;
    z-index: 100000;
}

/* .vdtl-trophy>div:last-child img {
    position: absolute;
    right: -80px;
} */

.nvcasino.vdtl .main-odds {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    margin-top: 5vh;
}

.vdtl-trophy img {
    height: 80px;
}

.nvcasino.vdtl .main-odds .tab-content {
    width: 100%;
}

.nvcasino.vdtl .main-odds-left,
.nvcasino.vdtl .main-odds-right {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nvcasino.vdtl .main-odds .v-odd-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1vh;
}

.nvcasino.vdtl .v-odd-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nvcasino.vdtl .main-odds-left .v-odd-box {
    width: 17%;
    position: relative;
}

    .nvcasino.vdtl .main-odds-left .v-odd-box:first-child {
        width: 10%;
    }

.nvcasino.vdtl .main-odds-right .v-odd-box {
    width: 7%;
}

.nvcasino.vdtl .v-odd-box .casino-bl-box {
    width: 100%;
}

.nvcasino.vdtl .casino-bl-box-item {
    width: 100%;
}

    .nvcasino.vdtl .casino-bl-box-item.back {
        background-color: #323b4c !important;
        border: 2px solid var(--back);
        height: 5vh;
    }

    .nvcasino.vdtl .casino-bl-box-item .casino-box-odd {
        font-size: 1.8vh;
        color: #ffcc00;
    }

    .nvcasino.vdtl .casino-bl-box-item > span {
        font-size: 1.5vh;
        line-height: 1;
    }

    .nvcasino.vdtl .casino-bl-box-item .book-odd {
        color: #fff;
    }

.nvcasino.vdtl .v-odd-box img {
    height: 2.5vh;
    margin-right: 1vh;
}

.nvcasino.vdtl .nav {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
}

.nvcasino.vdtl .nav-pills .nav-link {
    background: #57575759;
    border: 0;
    margin-right: 5px;
    color: #fff;
}

    .nvcasino.vdtl .nav-pills .nav-link.active {
        color: #ffcc00;
        background-color: #00000059;
        /* border: 1px solid #FFCC00; */
        border: 0;
    }

.nvcasino.vdtl .vplayera {
    color: #fc4242;
    font-size: 2vh;
}

.nvcasino.vdtl .vresulta {
    color: #fc4242 !important;
}

.nvcasino.vdtl .vplayerb {
    color: #ffcc00;
    font-size: 2vh;
}

.nvcasino.vdtl .vresultb {
    color: #ffcc00 !important;
}

.nvcasino.vdtl .vplayerc {
    color: #00a200;
    font-size: 2vh;
}

.nvcasino.vdtl .vresultc {
    color: #00a200 !important;
}

/* Virtulal Dragon Tiger Lion 20-20 Ends */

/* Virtual Casino 1 Card 1Day Starts */

.v1card1day .table-actions,
.v1card1day .decks-block,
.v1card1day .decks-mask-block,
.v1card1day .cards-showing-block {
    width: 100vh !important;
    max-width: 100% !important;
}

.v1card1day .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.v1card1day .main-odds {
    padding-top: 0;
    color: #fff;
    transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    margin-top: 0;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
}

.v1card1day.twod-layout .main-odds {
    margin-top: 1vh;
}

.vtrap-seven {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 24%;
    position: relative;
}

.v1card1day .vrt17-odd-name {
    font-size: 3vh;
    margin-bottom: 0.8vh;
    font-weight: bold;
}

.v1card1day .casino-bl-box {
    width: 100%;
}

.v1card1day .vtrap-seven .casino-bl-box-item {
    height: 7vh;
    text-align: left;
    padding-left: 10px;
    border-radius: 0;
    width: 100%;
    color: #000;
    margin: 0;
    margin-bottom: 1vh;
}

.vtrap-seven .casino-bl-box-item.back {
    background-color: #323b4c !important;
    border: 2px solid var(--back);
}

.vtrap-seven .casino-bl-box-item .casino-box-odd {
    color: #ffcc00;
    font-size: 2.5vh;
}

.vtrap-seven .casino-bl-box-item span:nth-child(2n) {
    font-size: 1.8vh;
    margin-top: 0.8vh;
}

.vtrap-seven .casino-bl-box-item .odds-book {
    position: absolute;
    right: 10px;
    text-align: right;
    color: #fff;
}

.v1card1day .book-green {
    color: #32d74b !important;
    font-size: 1.5vh;
}

.v1card1day .book-red {
    color: #ff453a !important;
    font-size: 1.5vh;
}

.v1card1day .odds-book {
    font-size: 1.5vh;
}

.v1card1day .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

    .v1card1day .vodds-box .casino-bl-box {
        width: 100%;
        position: relative;
    }

.v1card1day .main-odds .vtrap-item-box {
    width: 100%;
    position: relative;
}

.v1card1day .vodds-box .casino-bl-box-item {
    width: 100%;
    margin-top: 0;
    height: 7vh;
    margin-right: 0;
    color: #000;
    background-color: #323b4c !important;
}

    .v1card1day .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
        border-radius: 0;
        margin-bottom: 1vh;
    }

    .v1card1day .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
        border-radius: 0;
    }

.v1card1day.nvcasino .vodd-box-a .casino-bl-box-item {
    background-color: #ffcc001f !important;
}

.v1card1day .vodds-box .casino-bl-box-item .casino-box-odd {
    font-size: 2.5vh;
    font-weight: bold;
    line-height: 1;
    height: auto;
    margin-bottom: 0;
    color: #ffcc00;
}

.v1card1day .vdtl-title {
    position: absolute;
    top: 35px;
    height: calc(100% - 45px);
    flex-direction: column;
    justify-content: space-around;
    width: 40%;
    left: 30%;
    align-items: flex-start;
}

    .v1card1day .vdtl-title .vplayerb {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .v1card1day .vdtl-title .vplayera {
        position: absolute;
        left: 0;
        bottom: 15px;
    }

    .v1card1day .vdtl-title .title-divider {
        position: absolute;
        top: 50%;
        background-color: #fff;
        height: 2px;
    }

.v1card1day .nvtimer.casino-timer {
    top: 40%;
    left: 25%;
}

.v1card1day .vdtl-trophy {
    position: absolute;
    top: 35px;
    height: calc(100% - 45px);
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    left: 30%;
    transform: unset;
}

    .v1card1day .vdtl-trophy img {
        height: auto;
        width: 100px;
    }

    .v1card1day .vdtl-trophy .winnera {
        position: absolute;
        top: -50px;
        left: 0;
    }

    .v1card1day .vdtl-trophy .winnerb {
        position: absolute;
        bottom: -10px;
        right: 0;
    }

.v1card1day.nvcasino .vplayera,
.v1card1day.nvcasino .vplayerb {
    font-size: 2vh;
    font-weight: bold;
}

/* Virtual Casino 1 Card 1Day Ends */

/* Virtual Casino 1 Card 20-20 Starts */

.v1card20 .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.v1card20 .table-actions,
.v1card20 .decks-block,
.v1card20 .decks-mask-block,
.v1card20 .cards-showing-block {
    width: 100vh !important;
    max-width: 100% !important;
}

.v1card20 .main-odds {
    padding-top: 0;
    color: #fff;
    transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
    margin-top: 1vh;
}

.v1card20 .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

.v1card20 .vrt17-odd-name {
    font-size: 2.5vh !important;
    margin-bottom: 0.8vh;
    text-transform: uppercase;
    font-weight: bold;
}

.v1card20 .vodds-box .casino-bl-box {
    width: 100%;
    position: relative;
}

.v1card20 .vodds-box .casino-bl-box-item {
    width: 100%;
    margin-top: 0;
    height: 7vh;
    margin-right: 0;
    color: #000;
    background-color: #323b4c !important;
}

    .v1card20 .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
        border-radius: 0;
    }

.v1card20.nvcasino .vodd-box-a .casino-bl-box-item {
    background-color: #ffcc001f !important;
}

.v1card20 .vodds-box .casino-bl-box-item .casino-box-odd {
    font-size: 2.5vh;
    font-weight: bold;
    line-height: 1;
    height: auto;
    color: #ffcc00;
}

.v1card20 .vodds-box .casino-bl-box-item.lay {
    background-color: transparent;
    border: 2px solid var(--lay);
    border-radius: 0;
}

.v1card20 .odds-book {
    font-size: 1.5vh;
}

.v1card20 .vodds-box .casino-bl-box-item.player {
    border: 2px solid #ffcc00;
    border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.dealer {
    border: 2px solid #ff453a;
    border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.pair {
    border: 2px solid #004ea2;
    border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.tie {
    background-color: transparent;
    border: 2px solid #00a200;
    border-radius: 0;
}

.v1card20 .vdtl-title {
    position: absolute;
    top: 35px;
    height: calc(100% - 45px);
    flex-direction: column;
    justify-content: space-around;
    width: 40%;
    left: 30%;
    align-items: flex-start;
}

    .v1card20 .vdtl-title .vplayerb {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .v1card20 .vdtl-title .vplayera {
        position: absolute;
        left: 0;
        bottom: 15px;
    }

    .v1card20 .vdtl-title .title-divider {
        position: absolute;
        top: 50%;
        background-color: #fff;
        height: 2px;
    }

.v1card20 .nvtimer.casino-timer {
    top: 40%;
    left: 25%;
}

.v1card20 .vdtl-trophy {
    position: absolute;
    top: 35px;
    height: calc(100% - 45px);
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    left: 30%;
    transform: unset;
}

    .v1card20 .vdtl-trophy img {
        height: auto;
        width: 100px;
    }

    .v1card20 .vdtl-trophy .winnera {
        position: absolute;
        top: -50px;
        left: 0;
    }

    .v1card20 .vdtl-trophy .winnerb {
        position: absolute;
        bottom: -10px;
        right: 0;
    }

.v1card20.nvcasino .vplayera,
.v1card20.nvcasino .vplayerb {
    font-size: 2vh;
    font-weight: bold;
}

/* Virtual Casino 1 Card 20-20 Ends */

/* Virtual Casino Queen Starts */

.nvcasino.vqueen .virtual-casino-bg .main-bg {
    height: 55vh;
}

.nvcasino.vqueen .virtual-casino-odds {
    margin-top: 0;
    padding-top: 0;
    height: 30vh;
    position: absolute;
    top: 23vh;
}

.vqueen .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.vqueen .table-actions,
.vqueen .decks-block,
.vqueen .decks-mask-block,
.vqueen .cards-showing-block {
    width: 110vh !important;
    max-width: 100% !important;
}

.vqueen .main-odds {
    padding-top: 0;
    color: #fff;
    /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    margin-top: 1vh;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
}

.vqueen .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

.vqueen .vrt17-odd-name {
    font-size: 2vh;
    margin-bottom: 0.8vh;
    text-transform: uppercase;
    font-weight: bold;
}

.vqueen .vodds-box .casino-bl-box {
    width: 100%;
    position: relative;
}

.vqueen .vodds-box .casino-bl-box-item {
    width: calc(50% - 4px);
    margin-top: 0;
    color: #fff;
    height: 6vh;
    margin-right: 4px;
}

    .vqueen .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .vqueen .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
    }

    .vqueen .vodds-box .casino-bl-box-item .casino-box-odd {
        font-size: 2.5vh;
        font-weight: bold;
        line-height: 1;
        height: auto;
        margin-bottom: 0;
    }

.vqueen .odds-book {
    font-size: 1.5vh;
    margin-top: 0.5vh;
}

.vqueen .nvtimer.casino-timer {
    top: 40%;
    left: 25%;
}

/* Virtual Casino Queen Ends */

/* Virtual Casino Race20 Starts */

.nvcasino.vrace20.virtual-casino-container {
    height: calc(100vh - 108px);
}

.nvcasino.vrace20 .virtual-casino-bg .main-bg {
    height: 45vh;
}

.nvcasino.vrace20 .virtual-casino-odds {
    margin-top: 0;
    padding-top: 0;
    height: 30vh;
    position: absolute;
    top: 23vh;
}

.vrace20 .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.vrace20 .table-actions,
.vrace20 .decks-block,
.vrace20 .decks-mask-block,
.vrace20 .cards-showing-block {
    width: 110vh !important;
    max-width: 100% !important;
}

.vrace20 .main-odds {
    padding-top: 0;
    color: #fff;
    /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    margin-top: 1vh;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
}

.vrace20 .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

.vrace20 .vrt17-odd-name {
    font-size: 1.7vh;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

    .vrace20 .vrt17-odd-name img {
        height: 2.5vh;
        margin-bottom: 0;
    }

.vrace20 .vodds-box .casino-bl-box {
    width: 100%;
    position: relative;
}

.vrace20 .vodds-box .casino-bl-box-item {
    width: calc(50% - 4px);
    margin-top: 0;
    color: #fff;
    height: 3.5vh;
    margin-right: 4px;
}

    .vrace20 .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .vrace20 .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
    }

    .vrace20 .vodds-box .casino-bl-box-item .casino-box-odd {
        font-size: 2vh;
        font-weight: bold;
        line-height: 1;
        height: auto;
        margin-bottom: 0;
    }

.vrace20 .odds-book {
    font-size: 1.5vh;
    margin-top: 0.8vh;
    line-height: 1;
}

.vrace20 .nvtimer.casino-timer {
    top: 40%;
    left: 25%;
}

.vrace20 .other-odds {
    font-family: SF Pro Display Regular;
    transition: 0.5s;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    margin-top: 2vh;
}

    .vrace20 .other-odds .vodds-box {
        width: 100%;
    }

    .vrace20 .other-odds .win-with .vodds-box .casino-bl-box-item {
        width: 100%;
    }

/* Virtual Casino Race20 Ends */

/*Virtual Casino 32 Cards A Starts*/

.nvcasino.v32cardsa .virtual-casino-bg .main-bg {
    height: 55vh;
}

.nvcasino.v32cardsa .virtual-casino-odds {
    margin-top: 0;
    padding-top: 0;
    height: 30vh;
    position: absolute;
    top: 23vh;
}

.v32cardsa .table-actions {
    position: absolute;
    height: 100%;
    top: 0;
}

.v32cardsa .table-actions,
.v32cardsa .decks-block,
.v32cardsa .decks-mask-block,
.v32cardsa .cards-showing-block {
    width: 110vh !important;
    max-width: 100% !important;
}

.v32cardsa .main-odds {
    padding-top: 0;
    color: #fff;
    /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    margin: 0 auto;
    margin-top: 1vh;
    font-family: SF Pro Display Regular;
    transition: 0.5s;
}

.v32cardsa .vodds-box {
    width: 24.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-size: 2.3vh;
    margin-bottom: 0;
}

.v32cardsa .vrt17-odd-name {
    font-size: 2vh;
    margin-bottom: 0.8vh;
    text-transform: uppercase;
    font-weight: bold;
}

.v32cardsa .vodds-box .casino-bl-box {
    width: 100%;
    position: relative;
}

.v32cardsa .vodds-box .casino-bl-box-item {
    width: calc(50% - 4px);
    margin-top: 0;
    color: #fff;
    height: 6vh;
    margin-right: 4px;
}

    .v32cardsa .vodds-box .casino-bl-box-item.back {
        background-color: transparent;
        border: 2px solid var(--back);
    }

    .v32cardsa .vodds-box .casino-bl-box-item.lay {
        background-color: transparent;
        border: 2px solid var(--lay);
    }

    .v32cardsa .vodds-box .casino-bl-box-item .casino-box-odd {
        font-size: 2.5vh;
        font-weight: bold;
        line-height: 1;
        height: auto;
        margin-bottom: 0;
    }

.v32cardsa .odds-book {
    font-size: 1.5vh;
    margin-top: 0.5vh;
}

.v32cardsa .nvtimer.casino-timer {
    top: 40%;
    left: 25%;
}

/*Virtual Casino 32 Cards A Ends*/

/*Virtual Casino Ends*/

/* New Virtual Casino Starts */

.nvcasino.virtual-casino-container {
    height: calc(100vh - 100px);
    background-image: none;
    max-height: unset;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
    background-color: #23292e;
    /* background-position: bottom center; */
}

.nvcasino .virtual-casino-bg {
    background-image: linear-gradient(#333333, #555555);
    min-height: unset;
    height: auto;
    padding-top: 0;
    margin-top: 60px;
}

    .nvcasino .virtual-casino-bg .main-bg {
        height: 30vh;
        position: relative;
    }

.nvcasino .virtual-casino-odds {
    color: #fff;
    height: 25vh;
    margin-top: -70px;
    padding-top: 65px;
}

.nvcasino .vcasino-name {
    font-weight: bold;
    color: #db7428;
}

.nvcasino .vcasino-rid {
    color: #ffcc00;
    margin-top: 5px;
}

.nvcasino .vcasino-icon {
    background: none;
    border: 1px solid #95979a;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}

    .nvcasino .vcasino-icon img {
        height: 16px;
    }

.nvcasino .vcasino-last-results {
    justify-content: flex-start;
    align-content: flex-start;
    height: 265px;
    width: 95px;
    background: transparent;
    border: 0;
    z-index: 100;
}

    .nvcasino .vcasino-last-results span {
        width: 40px;
        height: 40px;
    }

        .nvcasino .vcasino-last-results span.vresulta {
            color: #ffcc00;
        }

        .nvcasino .vcasino-last-results span.vresultb {
            color: #ff453a;
        }

        .nvcasino .vcasino-last-results span.vresultc {
            color: #ff9f0a;
        }

        .nvcasino .vcasino-last-results span.vresultall {
            bottom: 0;
            top: unset;
            width: 85px;
            height: 30px;
            left: 5px;
            font-size: 16px;
        }

        .nvcasino .vcasino-last-results span:nth-child(2n) {
            margin-right: 0;
        }

.nvcasino .vcasino-my-bets {
    z-index: 100;
    background: transparent;
    border: 0;
    display: block;
    height: auto;
    padding: 0;
    top: unset;
    bottom: 30px;
    left: 0;
    padding: 5px 25px;
    border: 1px solid #95979a;
    border-left: 0;
    border-radius: 0 16px 16px 0;
    cursor: pointer;
}

    .nvcasino .vcasino-my-bets .bets-count {
        top: unset;
        border: 0;
        color: #ffcc00;
        font-weight: bold;
        background-color: transparent;
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: auto;
        position: unset;
        min-width: 50px;
        text-align: left;
    }

    .nvcasino .vcasino-my-bets .bets-title {
        width: auto;
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        border: none;
        font-size: 16px;
        border-radius: 8px;
        background-color: transparent;
        display: inline-block;
        vertical-align: middle;
        min-width: 100px;
        text-align: left;
    }

.nvcasino .virtual-coins {
    position: absolute;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* background: #515862; */
    background-image: url("../img/virtual-casino/coins/coins-bg.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
    left: 50%;
    bottom: 0;
    border-radius: 16px 16px 0 0;
    transform: translateX(-50%);
    transition: 0.5s;
}

.twod-layout .virtual-coins {
    background-image: url("../img/virtual-casino/coins/coins-bg-2d.png");
    background-size: cover;
    border-radius: 16px 16px 0 0;
    padding: 0 20px;
}

.nvcasino .virtual-coins .v-coin {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

    .nvcasino .virtual-coins .v-coin:last-child {
        margin-right: 0;
    }

.nvcasino .virtual-coins img {
    height: 5vh;
}

.nvcasino .virtual-coins .v-coin.selected-coin img {
    transform: scale(1.2);
}

.nvcasino .v-place-coin img.twod-coin {
    display: none;
    padding: 0;
}

.nvcasino .virtual-coins img.twod-coin {
    display: none;
    padding: 0;
}

.nvcasino.twod-layout .virtual-coins .twod-coin {
    display: block;
    height: 6vh;
}

.nvcasino.twod-layout .virtual-coins .threed-coin {
    display: none;
}

.nvcasino .virtual-coins .v-coin.selected-coin span {
    font-weight: bold;
}

.nvcasino.twod-layout .virtual-coins .v-coin span {
    margin-top: 0;
}

.nvcasino .virtual-coins span {
    position: absolute;
    font-size: 1.8vh;
    font-weight: normal;
    margin-top: -5px;
    transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-000px);
}

.nvcasino .vcasino-title {
    background: #00000036;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0;
    left: 0;
    padding-left: 15px;
    top: -60px;
    min-width: unset;
    text-align: left;
    height: 60px;
}

.nvcasino .vodd-box-a .casino-bl-box-item {
    background-color: #ffcc001f !important;
}

.nvcasino .vodd-box-b .casino-bl-box-item {
    background-color: #fc42421f !important;
}

.nvcasino .vplayera {
    color: #ffcc00;
}

.nvcasino .vplayerb {
    color: #fc4242;
}

.nvcasino .vplayertie {
    color: #00a200;
}

.nvcasino .vplayerpair {
    color: #004ea2;
}

.nvcasino .transform-option {
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 1000;
}

    .nvcasino .transform-option .custom-control-label::before {
        background-color: transparent;
        border: 1px solid #ffcc00;
    }

    .nvcasino .transform-option .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #ffcc00;
    }

.nvtimer.casino-timer {
    position: absolute;
    left: 50%;
    top: 74%;
    transform: translate(-50%, -50%);
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
}

    .nvtimer.casino-timer .warning-text {
        font-size: 14px;
        font-weight: bold;
    }

        .nvtimer.casino-timer .warning-text.green {
            color: #32d74b;
        }

        .nvtimer.casino-timer .warning-text.orange {
            color: #ff9f0a;
        }

        .nvtimer.casino-timer .warning-text.red {
            color: #ff453a;
        }

    .nvtimer.casino-timer .bet-msg {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    .nvtimer.casino-timer .base-timer {
        width: 70px;
        height: 70px;
        background-color: transparent;
    }

.nvtimer .base-timer__label {
    height: 70px;
    width: 70px;
    font-size: 30px;
}

.nvtimer .base-timer__path-remaining {
    stroke-width: 4px;
}

.nvtimer .base-timer__path-elapsed {
    stroke-width: 2px;
}

    .nvtimer .base-timer__path-elapsed.green {
        stroke: #32d74b;
        filter: drop-shadow(0 0 8px rgb(50 215 75 / 0.4));
    }

    .nvtimer .base-timer__path-elapsed.orange {
        stroke: #ff9f0a;
        filter: drop-shadow(0 0 8px rgb(255 159 10 / 0.4));
    }

    .nvtimer .base-timer__path-elapsed.red {
        stroke: #ff453a;
        filter: drop-shadow(0 0 8px rgb(255 69 58 / 0.4));
    }

.nvtimer .base-timer__circle {
    fill: #000;
}

.nvtimer .base-timer__label.green {
    background: radial-gradient(#32d74b5c, transparent);
}

.nvtimer .base-timer__label.green,
.nvtimer .base-timer__path-remaining.green {
    color: #32d74b;
}

.nvtimer .base-timer__label.orange {
    background: radial-gradient(#ff9f0a5c, transparent);
}

.nvtimer .base-timer__label.orange,
.nvtimer .base-timer__path-remaining.orange {
    color: #ff9f0a;
}

.nvtimer .base-timer__label.red {
    background: radial-gradient(#ff453a5c, transparent);
}

.nvtimer .base-timer__label.red,
.nvtimer .base-timer__path-remaining.red {
    color: #ff453a;
}

.nvcasino .suspended {
    pointer-events: auto;
    cursor: not-allowed;
}

    .nvcasino .suspended:before {
        display: none;
    }

    .nvcasino .suspended:after {
        background: none !important;
        cursor: not-allowed;
    }

/* New Virtual Casino Ends */

/*Timer for mobile*/

.progress.mobile-timer {
    border-radius: 0;
    font-size: 14px;
    height: auto;
    background-color: var(--bg-table-header-new);
}

    .progress.mobile-timer .progress-bar {
        transition: width 1.5s !important;
    }

.mobile-timer .bg-success {
    background-color: green;
    color: #fff;
    height: 6px;
}

.mobile-timer .bg-warning {
    background-color: orange;
    color: #fff;
    height: 6px;
}

.mobile-timer .bg-danger {
    background-color: red;
    color: #fff;
    height: 6px;
}

.casino-time-digit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    z-index: 100;
    color: var(--text-red);
    font-weight: bold;
    font-family: timer;
}

.grecaptcha-badge {
    display: none !important;
}

.recaptchaTerms a {
    color: var(--text-green);
}

/*Teenpatti 1 card day*/

.teen1oneday .casino-nation-name {
    background-image: none !important;
    /* background-color: #23292e; */
}

.teen1oneday .casino-video-cards,
.teen1t20 .casino-video-cards {
    height: 210px;
    width: 80px;
}

.teen1oneday .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.teen1oneday .casino-bl-box {
    width: 50%;
}

.teen1oneday .casino-bl-box-item {
    width: calc(50% - 2px);
}

.teen1oneday .casino-video-cards-container > div,
.teen1t20 .casino-video-cards-container > div {
    flex-wrap: wrap;
}

    .teen1oneday .casino-video-cards-container > div > div,
    .teent20 .casino-video-cards-container > div > div {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

.teen1oneday .teen1daycasino-container {
    margin-bottom: 10px;
}

.teen1oneday .seven-up-down-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 2px solid #72bbef;
}

.teen1oneday .up-box {
    width: 50%;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 40px;
    position: relative;
    justify-content: flex-end;
}

    .teen1oneday .up-box .up-down-book {
        position: absolute;
        left: 10px;
    }

.teen1oneday .down-box .up-down-book {
    position: absolute;
    right: 10px;
}

.teen1oneday .up-down-odds {
    font-weight: bold;
    font-size: 18px;
}

.teen1oneday .down-box {
    width: 50%;
    text-align: right;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 40px;
    justify-content: flex-start;
    position: relative;
}

.teen1oneday .seven-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    .teen1oneday .seven-box img {
        height: 70px;
    }

/*Teenpatti 1 Card 20-20*/

.teen1t20 .dtobx-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    position: relative;
}

.teen1t20 .dragon-box {
    width: 40%;
    padding: 6px;
    border: 2px solid var(--text-red);
    background-color: #fc42422e;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    padding-right: 60px;
    cursor: pointer;
}

.teen1t20 .flex-book {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.teen1t20 .dragon-box b,
.teen1t20 .tiger-box b {
    font-size: var(--font-18);
}

.teen1t20 .flex-odds {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
}

.teen1t20 .tiebox {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    left: 40%;
    transform: translateX(-50%);
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-success);
    color: var(--text-white);
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}

.teen1t20 .tiger-box {
    width: 40%;
    padding: 6px;
    border: 2px solid var(--text-yellow);
    background-color: #fdcf132e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    padding-left: 60px;
    cursor: pointer;
}

.teen1t20 .pair-box {
    width: 18%;
    margin-left: 2%;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    flex-wrap: wrap;
    cursor: pointer;
}

.teen1t20 .tiebox.suspended::after {
    border-radius: 50%;
}

.blink-message {
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: var(--text-sidebar);
}

    .blink-message i {
        font-size: 18px;
    }

    .blink-message > div {
        width: calc(100% - 30px);
        -moz-animation: blinktext normal 1s infinite ease-in-out;
        -webkit-animation: blinktext normal 1s infinite ease-in-out;
        -ms-animation: blinktext normal 1s infinite ease-in-out;
        animation: blinktext normal 1s infinite ease-in-out;
        text-decoration: underline;
        line-height: 1.5;
        font-size: 18px;
    }

@-moz-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
}

@-webkit-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
}

@-ms-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
}

@keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
}

/*Andar Bahar 3 Starts*/

/*Andar Bahar 3 Ends*/

/*Horse Design*/

.fullwidthdetail-container {
    width: 100%;
    position: relative;
}

    .fullwidthdetail-container > div {
        display: flex;
        flex-wrap: wrap;
    }

    .fullwidthdetail-container .casino-container {
        width: calc(100% - 476px);
        margin-right: 6px;
        margin-left: 6px;
        position: relative;
    }

    .fullwidthdetail-container.lottery .footer {
        width: calc(100% - 476px);
    }

    .fullwidthdetail-container .footer {
        width: calc(100% - 476px);
    }

.horse-table .game-name {
    width: calc(100% - 30px);
}

.horse-table .team-event {
    max-height: 30px;
    line-height: 30px;
}

.horse-time-detail {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 400px);
}

.horse-detail .detail-page-container .bet-table-row {
    margin-bottom: 0;
    /* padding: 0 8px; */
}

    .horse-detail .detail-page-container .bet-table-row:first-child {
        margin-bottom: 0;
    }

.horse-time-detail span {
    background: #222;
    color: #eee;
    padding: 5px 10px;
    border-radius: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}

    .horse-time-detail span.active {
        position: relative;
    }

        .horse-time-detail span.active:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            border-right: 10px solid transparent;
            border-top: 10px solid green;
        }

.horse-detail .nation-name .custom-control {
    width: 100%;
}

.horse-detail .nation-name label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: var(--font-body);
}

    .horse-detail .nation-name label::before,
    .horse-detail .nation-name label::after {
        top: 50%;
        transform: translateY(-50%);
    }

    .horse-detail .nation-name label .jockey-detail {
        font-size: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        line-height: 1;
    }

    .horse-detail .nation-name label img {
        border: 1px solid var(--text-table);
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
    }

    .horse-detail .nation-name label img {
        height: 28px;
        margin-right: 5px;
    }

.horse-detail .scorecard-banner.banner,
.horse-detail .scorecard-banner.banner img {
    height: 70px;
}

.horse-detail .scorecard {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

    .horse-detail .scorecard .horse-timer {
        font-size: 20px;
        font-weight: bold;
        color: var(--text-white);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

        .horse-detail .scorecard .horse-timer small {
            color: #fff;
            font-weight: bold;
        }

        .horse-detail .scorecard .horse-timer > span {
            text-align: center;
        }

            .horse-detail .scorecard .horse-timer > span:last-child {
                font-size: 14px;
                color: #fff;
                font-weight: normal;
            }

    .horse-detail .scorecard > div:first-child {
        /* position: absolute;
    left: 0; */
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .horse-detail .scorecard .time-detail {
        font-size: 24px;
        color: #eee;
        text-align: right;
    }

    .horse-detail .scorecard p,
    .horse-detail .scorecard h5 {
        margin-bottom: 2px;
    }

    .horse-detail .scorecard p {
        font-size: 20px;
        font-weight: bold;
    }

    .horse-detail .scorecard h5 {
        font-size: 14px;
    }

.horse-tab {
    margin-top: 10px;
}

    .horse-tab .nav {
        border-bottom: 1px solid var(--horse-racing_75);
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .horse-tab.race12 .nav {
        border-bottom: 1px solid var(--grey-hounds_75);
    }

    .horse-tab .nav-pills .nav-link {
        background-color: #222;
        color: #eee;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-right: 1px solid #555;
        padding: 2px 16px;
    }

    .horse-tab .nav-pills .nav-item:last-child .nav-link {
        border-right: 0;
    }

    .horse-tab .nav-pills .nav-link.active,
    .horse-tab .nav-pills .show > .nav-link {
        background-color: var(--horse-racing) !important;
        color: #fff;
        font-weight: bold;
    }

    .horse-tab.race65 .nav-pills .nav-link.active {
        background-color: var(--grey-hounds) !important;
    }

    .horse-tab.race12 .nav-pills .nav-link.active,
    .horse-tab.race12 .nav-pills .show > .nav-link {
        background-color: var(--grey-hounds) !important;
    }

.horse-table .bet-table-row {
    padding: 6px 8px 1px 8px;
}

.horse-time-detail a {
    display: flex;
}

.top-home-icon {
    width: 30px;
    vertical-align: middle;
    margin-top: 8px;
    margin-left: 10px;
}

    .top-home-icon i {
        font-size: 22px;
        color: var(--text-sidebar);
        cursor: pointer;
    }

.horse-detail .nation-name label > div:first-child {
    text-align: center;
    line-height: 1;
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
    width: 25px;
}

.horse-detail .nation-name label > div:last-child {
    width: calc(100% - 75px);
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
    color: inherit;
}

.horse-table .game-title {
    width: 400px;
}

.horse-detail .nation-name label div:last-child > span:first-child {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.horse-detail .nation-name label div:last-child > div {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
}

.horse-detail .detail-page-container .bl-box:nth-child(7n) {
    margin-right: 0;
}

.horse-detail .video-tv {
    /* height: 255px; */
    height: auto;
}

    .horse-detail .video-tv.hide-tv {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

.horse-detail .horse-attr {
    background: #666;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2px;
    border-radius: 0;
    color: #ddd;
}

/*Custom CSS*/

@font-face {
    font-family: droidsans;
    src: url(../fonts/droidsans.ttf);
}

@font-face {
    font-family: droidsans-bold;
    src: url(../fonts/droidsans-bold.ttf);
}

#chat-widget-container {
    display: none;
}

.login-home #chat-widget-container {
    display: block;
}

.deposit-modal .report-form .form-control {
    width: 250px;
}

.roulette-result-box-container {
    display: flex;
    flex-wrap: wrap;
}

.roulette-result-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 5px;
    border-radius: 4px;
    background-color: #222;
    color: #eee;
}

    .roulette-result-box > span {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #fff;
        padding: 0 5px;
    }

        .roulette-result-box > span:first-child {
            height: 24px;
            min-width: 70px;
        }

        .roulette-result-box > span:last-child {
            height: 40px;
            font-weight: bold;
            min-width: 70px;
        }

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.active-team {
    background-color: #444;
    color: #ddd;
}

.login-fixture {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    white-space: nowrap;
}

.svg-box {
    position: absolute;
    z-index: -1;
    animation-name: rotateSplash;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}

.bodymovinanim {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    position: fixed;
    background-color: var(--bg-body);
    z-index: 999999999;
}

.top-winner-list-box img {
    display: unset !important;
}

.fixure-box > a > div:first-child {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

@keyframes rotateSplash {
    0% {
        transform: scale(0.3);
    }

    100% {
        transform: scale(1);
    }
}

.dragable-tv iframe {
    height: 273px;
    width: 480px;
}

.dragable-tv .tvButton {
    z-index: 10;
}

.fixure-box {
    height: 46px;
}

/* .vraceto17 .vodds-box .casino-bl-box-item{
    height: 8vh;
} */

.home-casiono-icons.d-none-mobile .home-casino-icon-item {
    margin-bottom: 0px;
    padding-top: 0px;
}

.home-casiono-icons.d-none-mobile .slick-arrow {
    position: absolute;
}

.home-casiono-icons.d-none-mobile .slick-prev {
    background-color: #00000080;
    top: 0px;
    transform: unset;
    /* transform: rotate(90deg); */
    left: 0;
    right: unset;
    width: 100%;
    height: 30px;
    z-index: 100;
}

    .home-casiono-icons.d-none-mobile .slick-prev::before,
    .home-casiono-icons.d-none-mobile .slick-next::before {
        /* transform: rotate(90deg); */
        display: inline-block;
    }

.home-casiono-icons.d-none-mobile .slick-next {
    background-color: #00000080;
    bottom: 0;
    left: 0;
    right: unset;
    top: unset;
    transform: unset;
    width: 100%;
    height: 30px;
    /* transform: rotate(90deg); */
    z-index: 100;
}

.upcoming-fixure a {
    color: #ddd;
}

/* .slick-prev::before {
    content: "\f077" !important;
}

.slick-next::before {
    content: "\f078" !important;
}

.slick-prev::before,
.slick-next::before {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 18px !important;
    font-weight: bold !important;
} */

.animated-header .mob {
    color: var(--text-body);
    position: absolute;
    top: 34px;
    z-index: 99;
    left: 50%;
    line-height: 1;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}

.animated-header .web {
    position: absolute;
    z-index: 99;
    right: 15%;
    transform: translateX(-50%);
    top: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.v-slider .fas {
    /* margin-bottom: 5px;  */
    cursor: pointer;
    color: var(--text-white);
    font-size: 16px;
}

.teen1oneday .casino-nation-name {
    background-image: none !important;
    /* background-color: #23292e; */
}

#floater {
    position: absolute;
    top: 50vh;
    right: 0;
    width: auto;
    height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 10001;
    border-radius: 3px 0 0 3px;
    padding: 0px;
    /* box-shadow: rgb(255 255 255 / 98%) -5px 0px 10px -5px; */
    /* background-color: #41a6d9; */
    /* color: white; */
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 50px;
}

.whatsapp-floatter-icon {
    background: #25d366;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    .whatsapp-floatter-icon .whatsapp-text {
        display: none;
        flex-direction: column;
        color: #fff;
        padding: 5px;
        font-size: 14px;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .whatsapp-floatter-icon:hover .whatsapp-text {
        display: flex;
    }

    .whatsapp-floatter-icon .whatsapp-text span {
        line-height: 1;
        font-weight: bold;
    }

#floater img {
    width: 50px;
    height: 50px;
}

.dt-tooltip {
    opacity: 1 !important;
}

    .dt-tooltip .tooltip-inner {
        display: flex;
        flex-wrap: wrap;
        width: 150px;
        padding: 0;
        justify-content: space-between;
    }

        .dt-tooltip .tooltip-inner .tp-dragon {
            background-color: #ef0518 !important;
            font-weight: bold;
            color: #fff;
            padding: 5px;
            width: 50%;
        }

        .dt-tooltip .tooltip-inner .tp-tiger {
            background-color: #00a200 !important;
            font-weight: bold;
            color: #fff;
            padding: 5px;
            width: 50%;
        }

.badge-icon img {
    max-height: unset;
    max-width: unset;
}

    .badge-icon img.badge-img {
        max-height: 30px;
        max-width: 100px;
    }

.status-pill > div {
    background: #000;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
}

.coupon .report-title {
    justify-content: flex-start;
    margin-bottom: 10px;
}

    .coupon .report-title .report-name {
        height: auto;
    }

    .coupon .report-title small {
        background: #222;
        padding: 5px;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #eee;
        margin-left: 10px;
    }

        .coupon .report-title small i {
            color: #eee;
        }

.coupon-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .coupon-banners .coupon-box {
        margin-bottom: 10px;
        width: calc(33.33% - 10px);
        margin-right: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-color: #fff;
        border: 5px solid #0e95c1;
        color: #000;
        padding: 10px;
        box-shadow: 0 0 5px #444;
        border-radius: 0;
        padding-bottom: 70px;
        position: relative;
        overflow: hidden;
    }

        .coupon-banners .coupon-box:before {
            content: "";
            position: absolute;
            right: -20px;
            bottom: 25px;
            background-image: url("../img/coupon-blue.png");
            background-size: 100% 100%;
            height: 59px;
            width: 100px;
            background-repeat: no-repeat;
            background-position: right center;
            transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
        }

        .coupon-banners .coupon-box.animate-coupon {
            animation-direction: normal;
            animation-name: slidein;
            animation-duration: 1s;
        }

@keyframes slidein {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

.coupon-box h4 {
    color: #0e95c1;
    font-weight: bold;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    max-width: calc(100% - 80px);
    margin-left: 0;
    margin-right: auto;
}

.coupon-box div {
    width: 100%;
}

.coupon-validity {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 12px;
    line-height: normal;
}

.coupon-list {
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .coupon-list tr {
        cursor: pointer;
    }

        .coupon-list tr td:last-child {
            color: var(--text-highlight);
            font-weight: bold;
        }

.activate-coupon {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}

.coupon-list .selected {
    background-color: #222;
    color: #eee;
    animation: blinkcoupon 1.5s linear;
    -webkit-animation: blinkcoupon 1.5s linear;
    cursor: pointer;
}

.copon-table {
    table-layout: unset;
}

.coupon-list .table {
    table-layout: unset;
}

.copon-table td,
.copon-table th {
    vertical-align: middle;
}

.coupon-amount,
.coupon-status {
    width: 100px;
}

.coupon-date {
    width: 175px;
}

.coupon-name {
    width: 300px;
}

    .coupon-name > div {
        line-height: 16px;
        max-height: 32px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: auto;
        max-width: 100%;
    }

@keyframes blinkcoupon {
    0% {
        background-color: black;
    }

    50% {
        background-color: blue;
    }

    100% {
        background-color: black;
    }
}

.deposit-modal .two-depo-btn.report-form .form-control {
    height: 34px;
    width: 150px;
}

.two-depo-btn.report-form button {
    width: auto;
    padding: 2px 15px;
    height: 34px;
    font-size: 12px;
}

    .two-depo-btn.report-form button small {
        font-size: 9px;
    }

.deposit-modal .report-form.two-depo-btn .form-group {
    margin-right: 4px;
}

.deposit-modal .dropdown-toggle::after {
    display: inline-block;
}

.crypto-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

    .crypto-btns button {
        max-width: calc(25% - 10px);
    }

    .crypto-btns .btn {
        background-color: transparent;
        border: 0;
        width: auto;
        margin-right: 10px;
        padding: 0 !important;
        margin-bottom: 10px;
    }

        .crypto-btns .btn img {
            height: 40px;
            max-width: 100%;
        }

.crypto-rules ul li {
    list-style: decimal;
    margin: 0 20px;
    font-size: 12px;
}

.crypto-rules h6 {
    font-weight: bold;
}

/*Roulette Result*/
.roulette-table-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.roulette-table-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #222;
    color: #eee;
    gap: 20px;
}

    .roulette-table-box.back {
        background-color: var(--back);
        color: #000;
    }

    .roulette-table-box.lay {
        background-color: var(--lay);
        color: #000;
    }
    /* .roulette-table-box > span:first-child {
  max-width: calc(100% - 60px);
  white-space: normal;
  word-break: break-all;
} */

    .roulette-table-box > span:last-child {
        text-align: right;
    }

.win-pl {
    font-size: 18px;
}

/*Deposit Page Design*/

.report-box.deposit {
    padding: 8px;
    background-color: var(--bg-body);
    color: var(--text-body);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.deposit-page {
    width: 100%;
    margin: 0 auto;
}

    .deposit-page h4 {
        font-weight: bold;
        font-size: 18px;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .deposit-page h4 span {
            max-width: calc(100% - 30px);
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
        }

    .deposit-page h5 {
        font-weight: normal;
        font-size: 18px;
    }

    .deposit-page .deposit-form {
        padding: 10px;
        border-radius: 12px;
    }

        .deposit-page .deposit-form .form-group.depo-amount {
            display: flex;
            height: 46px;
            padding: 0 5px;
            margin-right: 0;
            border-radius: 0;
            position: relative;
            background-color: #222;
            color: #eee;
        }

            .deposit-page .deposit-form .form-group.depo-amount .form-control {
                border: 0;
                box-shadow: none;
                height: 100%;
                background-color: transparent;
                color: var(--text-sidebar);
            }

        .deposit-page .deposit-form .deposit-minus,
        .deposit-page .deposit-form .deposit-plus {
            background-color: transparent;
            border: 0;
            color: var(--text-sidebar);
        }

        .deposit-page .deposit-form .error {
            position: absolute;
            bottom: -18px;
            font-size: 14px;
            color: red;
            line-height: 1;
        }

        .deposit-page .deposit-form .btn-add-container {
            height: 46px;
            display: flex;
            align-items: center;
        }

            .deposit-page .deposit-form .btn-add-container .btn-add {
                padding: 5px 12px;
                font-size: 14px;
                font-weight: bold;
                box-shadow: 0 0 1px !important;
            }

                .deposit-page .deposit-form .btn-add-container .btn-add:hover {
                    color: #fff;
                }

                .deposit-page .deposit-form .btn-add-container .btn-add:not(:last-child) {
                    margin-right: 5px;
                }

    .deposit-page .payment-ions-container .payment-icons {
        width: calc(25% - 4px);
        margin-right: 5px;
        position: relative;
        background-color: transparent;
        /* background-image: url("../img/payment/pattern1.png"); */
        background-position: center;
        background-size: cover;
        color: var(--text-body);
    }

        .deposit-page .payment-ions-container .payment-icons .glass {
            background: rgba(144, 144, 144, 0.2);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
            backdrop-filter: blur(7px);
            -webkit-backdrop-filter: blur(7px);
            border: 1px solid rgba(144, 144, 144, 0.18);
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: "";
            z-index: 10;
        }

        .deposit-page .payment-ions-container .payment-icons .content {
            z-index: 100;
            width: 100%;
        }

        .deposit-page .payment-ions-container .payment-icons:nth-child(4n) {
            margin-right: 0;
        }

    /* .deposit-page .payment-ions-container .payment-icons::before {
    background-image: url("../img/payment-bg.png");
    background-position: bottom right;
    position: absolute;
    content: "";
    z-index: 1;
    background-size: contain;
    height: 160px;
    width: 160px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
} */

    .deposit-page .payment-icons:first-child {
        /* background: #fff; */
        /* border: 3px solid #4b4747; */
    }

    .deposit-page .payment-icons.whatsapp-box,
    .withdraw-request .deposit-page .payment-icons.whatsapp-box {
        background-image: url("../img/payment2.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        background-color: #d6d6d6;
        color: #000;
        min-height: 250px;
    }

.withdraw-request .deposit-page .payment-icons.whatsapp-box {
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 240px;
}

.withdraw-request .deposit-options .button {
    background: #0f5f8f !important;
    color: #fff !important;
}

.payment-ions-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.deposit-page .payment-icons {
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: transparent;
    /* border: 3px solid #4b4747; */
    margin-bottom: 10px;
    position: relative;
    align-items: flex-start;
    align-content: flex-start;
}

.deposit-page .payment-ions-container::after {
    /* position: absolute;
    content: "";
    height: 1px;
    width: 70%;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); */
}

.bank-detail img {
    height: 90px;
    background-color: #fff;
}

.deposit-page .payment-icons:last-child:after {
    /* display: none; */
}

.deposit-page .payment-icons .payment-icon-box-container {
    padding: 1px;
    width: 25%;
    flex: 1 auto;
    max-width: 25%;
}

    .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #444;
        color: #ddd;
        cursor: pointer;
    }

        .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box.active {
            background-color: #222;
            color: #eee;
        }

        .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box img {
            height: 35px;
        }

        .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box h4 {
            font-size: 18px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 0;
        }

            .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box h4 .fa-info-circle {
                border: 0;
            }

.payment-icons.auto-pay .auto-pay-btn {
    display: flex;
    justify-content: end;
    padding: 8px;
}

.payment-icons.auto-pay .crypto-detail {
    padding: 0 5px;
}

.payment-icons.auto-pay .deposit-options p {
    color: #ddd;
}

:root[data-theme="light"] .payment-icons.auto-pay .deposit-options p {
    color: #222;
}

.deposit-page .deposit-options {
    padding: 0 10px;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 5px;
    /* background-color: #fff; */
    /* align-items: center;
    justify-content: center; */
    /* height: calc(100% - 64px); */
    /* display: flex; */
}

    .deposit-page .deposit-options a {
        font-weight: bold;
        color: var(--text-body);
        opacity: 0.9;
    }

    .deposit-page .deposit-options .form-group {
        min-width: 150px;
        width: auto;
    }

    .deposit-page .deposit-options .btn {
        height: 46px;
    }

    .deposit-page .deposit-options > .row {
        position: relative;
        margin-bottom: 10px;
        margin-top: 0;
    }

.btn-whatsapp {
    background-color: #25d366;
}

.btn-telegram {
    background-color: #0088cc;
}
/* .deposit-page .deposit-options>.row::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 95%;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
} */

.deposit-page .deposit-options > .row:last-child:after {
    display: none;
}

.deposit-page .deposit-options .bank-detail {
    background: transparent;
    padding: 0 5px;
    /* border: 1px solid var(--text-body); */
    height: 90px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .deposit-page .deposit-options .bank-detail::-webkit-scrollbar {
        width: 8px;
    }

    .deposit-page .deposit-options .bank-detail::-webkit-scrollbar-track {
        background: #000000;
    }

    .deposit-page .deposit-options .bank-detail::-webkit-scrollbar-thumb {
        background-color: #333333;
    }

/* .deposit-page .deposit-options .bank-detail.qr-code {
    display: flex;
    justify-content: space-between;
} */

.payment-icons-title {
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .payment-icons-title p {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 100%;
        margin-bottom: 0;
        color: var(--text-body);
        opacity: 0.9;
    }

    .payment-icons-title h3 {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
    }

.deposit-page .deposit-options .payment-detail-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

    .deposit-page .deposit-options .payment-detail-box span {
        max-width: 100%;
        opacity: 0.9;
    }

.deposit-page .deposit-options .form-control {
    padding: 10px;
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
    border: 0;
    height: 46px;
}

.deposit-page .deposit-options .crypto-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

    .deposit-page .deposit-options .crypto-icons .crypto-btn img {
        height: 48px;
    }

    .deposit-page .deposit-options .crypto-icons .crypto-btn {
        width: calc(50% - 5px);
        height: auto;
        cursor: pointer;
        display: flex;
        justify-content: center;
    }

        .deposit-page .deposit-options .crypto-icons .crypto-btn.disabled {
            cursor: not-allowed;
        }

.deposit-page .upload-ss {
    color: #000;
    width: 48%;
    padding: 5px;
    text-align: center;
    border: 1px dashed var(--text-table);
    height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

    .deposit-page .upload-ss label {
        margin: 0;
        width: 100%;
        cursor: pointer;
        color: var(--text-body);
        opacity: 0.9;
        font-size: 10px;
    }

.deposit-page .verify-ss {
    width: 48%;
    height: 50px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed;
    position: relative;
}

    .deposit-page .verify-ss img {
        max-height: 100%;
    }

.deposit-page .remove-ss {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 24px;
    z-index: 1000;
    background: #fff;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
}

.deposit-page .payment-icons.crypto-icons-box {
    padding: 0;
    border: 0;
    box-shadow: none !important;
    position: relative;
}

    .deposit-page .payment-icons.crypto-icons-box:before {
        position: absolute;
        content: "";
        background-color: #666;
        height: 1px;
        width: 70%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .deposit-page .payment-icons.crypto-icons-box .payment-icon-box-container {
        width: 100%;
        max-width: 100%;
    }

        .deposit-page .payment-icons.crypto-icons-box .payment-icon-box-container .payment-icon-box {
            flex-direction: row;
            justify-content: space-between;
            box-shadow: 0 3px 8px #4d4b4b !important;
            background: transparent;
            border: 3px solid #4b4747;
            margin-bottom: 30px;
        }

.deposit-page .crypto-icons-box .crypto-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

    .deposit-page .crypto-icons-box .crypto-icons .btn {
        background: 0 0;
        border: 0;
        padding: 0;
    }

    .deposit-page .crypto-icons-box .crypto-icons img {
        height: 50px;
        margin-right: 10px;
    }

    .deposit-page .crypto-icons-box .crypto-icons .btn:disabled {
        cursor: not-allowed;
    }

.deposit-page .payment-icon-box-container .btn-primary,
.deposit-options .btn-primary {
    width: 150px;
}

.deposit-page .upi-barcode img {
    background-color: #fff;
}

.payment-pay-now {
    width: 48%;
    background: var(--bg-success);
    color: var(--text-white);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    align-content: center;
}

    .payment-pay-now > div,
    .payment-pay-now > small {
        line-height: 1;
    }

    .payment-pay-now > small {
        margin-top: 3px;
    }

.deposit-page .upload-ss.pay-disable label {
    cursor: not-allowed;
}

.payment-pay-now.pay-disable {
    cursor: not-allowed;
    background: var(--bg-body);
    color: var(--text-body);
}

.payment-pay-now .desktop-pay-now {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 10px;
    position: relative;
}

    .payment-pay-now .desktop-pay-now > div {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
    }

        .payment-pay-now .desktop-pay-now > div > span:first-child {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
        }

.payment-rules {
    color: var(--text-body) !important;
    font-size: 20px;
    border: 0;
}

.payment-disable {
    position: relative;
}

    .payment-disable::after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #000000bd;
    }

    .payment-disable::before {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: 10;
    }

.qr-code {
    position: absolute;
    right: 10px;
}

    .qr-code img {
        height: 70px;
    }

/*Withdraw*/

.withdraw-request .report-form {
    background-color: transparent;
}

.withdraw-request .error {
    color: var(--book-red);
    position: absolute;
    left: 0;
    bottom: -34px;
    top: unset;
    font-size: var(--font-small);
    line-height: normal;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    height: 34px;
}

.withdraw-request .deposit-page .deposit-options .form-control {
    margin-top: 0;
}

.withdraw-request .deposit-page .payment-icons .payment-icon-box-container {
    width: 33.33%;
    flex: 1 auto;
    max-width: 33.33%;
}

.withdraw-request .deposit-page .payment-icons {
    box-shadow: none !important;
    background: transparent;
    border: 0;
}

    .withdraw-request .deposit-page .payment-icons::after {
        display: none;
    }

.widthdraw-type-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 3px 8px #4d4b4b !important;
    background: transparent;
    border: 3px solid #4b4747;
}

.withdraw-request .deposit-page .withdraw-tabs {
    margin-top: 20px;
}

    .withdraw-request .deposit-page .withdraw-tabs .nav-link {
        padding: 8px 40px;
        border-radius: 0;
    }

        .withdraw-request .deposit-page .withdraw-tabs .nav-link.active {
        }

.no-payment-list {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

    .no-payment-list img {
        height: 100px;
    }

    .no-payment-list .no-payment {
        color: red;
        font-weight: 700;
        font-size: 22px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

.depo-number-desc-box {
    text-align: center;
    background: #00000045;
    box-shadow: 0 0 5px #4848483b;
    padding: 10px 5px;
    width: 100%;
    margin: 0 auto;
    max-width: 50%;
}

:root[data-theme="light"] .depo-number-desc-box {
    background: #ffffff45;
}

.deposit-whatsapp {
    background: var(--bg-table-header-new);
    color: var(--text-table-header-new);
    padding: 0;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 500px;
    margin-top: 10px;
    margin: 0 auto;
}

    .deposit-whatsapp > div:first-child {
        background-color: #128c7e;
        padding: 5px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
    }

    .deposit-whatsapp > div:last-child {
        width: calc(100% - 50px);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 5px 10px;
    }

.add-new-detail-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin: 0 0 20px 0;
    width: 100%;
}

.add-new-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    align-items: flex-start;
    background: transparent;
    border: 3px solid #444;
    width: calc(50% - 5px);
    align-content: flex-start;
    margin-bottom: 10px;
}

    .add-new-detail .payment-icons-title > div:first-child {
        width: calc(100% - 120px);
    }

.account-detail {
    background-color: transparent;
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 270px;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

    .account-detail::-webkit-scrollbar {
        width: 8px;
    }

    .account-detail::-webkit-scrollbar-track {
        background: #000000;
    }

    .account-detail::-webkit-scrollbar-thumb {
        background-color: #000000;
    }

    .account-detail .form-check {
        width: calc(50% - 15px);
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

        .account-detail .form-check input {
            margin-left: -10px;
        }

        .account-detail .form-check:nth-child(2n) {
            margin-right: 0;
        }

        .account-detail .form-check label {
            width: 100%;
        }

        .account-detail .form-check:nth-child(2n) {
            margin-right: 0;
        }

.account-detail-box {
    width: calc(33.33% - 14px);
    width: 100%;
    margin-bottom: 0;
    padding: 5px;
    background: transparent;
    border: 2px solid var(--text-body);
    cursor: pointer;
    margin-left: 10px;
}

    .account-detail-box .payment-detail-box {
        line-height: normal;
    }

.withdraw-request .payment-icons-title {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
}

    .withdraw-request .payment-icons-title .btn-primary {
        border-radius: 0;
    }

/* .account-detail-box.active {
    box-shadow: 0 0 10px;
} */

/*Sport Book*/

.sports-books-page iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/*About Us Page*/

.print-page {
    text-align: right;
    width: 100%;
    margin-top: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .print-page a i {
        color: var(--text-body);
        font-size: 24px;
    }

/*Fantasy New Design*/

.fancy-page.report-box {
    min-height: calc(100vh - 140px);
}

.facncy-provider {
    height: 100%;
    padding-right: 5px;
    margin-top: 0x;
}

    .facncy-provider ul {
        border: 0;
        justify-content: space-between;
    }

    .facncy-provider li {
        margin-bottom: 6px !important;
        width: calc(50% - 3px);
    }

.slot .facncy-provider li {
    height: 50px;
}

    .slot .facncy-provider li a {
        height: 100%;
    }

.facncy-provider li a {
    background: transparent;
    border: 1px solid var(--text-body) !important;
    width: 100%;
    display: block;
    padding: 4px;
    color: var(--text-body);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: 0 !important;
    cursor: pointer;
}

    .facncy-provider li a.active {
        border: 1px solid var(--text-highlight) !important;
        background: transparent !important;
    }

        .facncy-provider li a.active span {
            color: var(--text-highlight);
        }

    .facncy-provider li a > div {
        /* width: 100px; */
        text-align: center;
    }

    .facncy-provider li a img {
        max-height: 25px;
        max-width: 50px;
    }

    .facncy-provider li a span {
        text-transform: uppercase;
        width: 100%;
        display: block;
        font-size: 13px;
        font-weight: bold;
    }

.fancy-page .casino-banners {
    margin-top: 0;
    padding: 0;
    background-color: transparent;
}

.fancy-page .casino-banner-item {
    width: calc(16.66% - 4.1px);
    margin-right: 5px;
    margin-bottom: 5px;
}

    .fancy-page .casino-banner-item img {
        border-radius: 0;
    }

    .fancy-page .casino-banner-item:nth-child(6n) {
        margin-right: 0;
    }

    .fancy-page .casino-banner-item:hover .fancy-play {
        display: flex;
    }

.fancy-play {
    position: absolute;
    background: #000000c7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    transition: all 0.5s;
}

    .fancy-play i {
        font-size: 44px;
        color: #fff;
    }

        .fancy-play i.fancy-info {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 18px;
        }

.switch-theme {
    /* margin-right: 5px;
    border-radius: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    position: relative;
    height: 34px;
    cursor: pointer;
    font-size: 22px; */
    /* position: absolute;
    right: 150px; */
}

    .switch-theme.thme-menu-btn {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .switch-theme.day {
        /* background: #c8c8c8; */
        color: #333;
    }

    .switch-theme.night {
        /* background: #444; */
        color: #ddd;
    }

    .switch-theme img {
        height: 22px;
        cursor: pointer;
    }

    .switch-theme .day-theme {
        /* left: 5px;
    top: 7px;
    position: absolute;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center; */
    }

    .switch-theme .night-theme {
        /* left: 5px;
    top: 7px;
    position: absolute;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center; */
        /* transform: rotate(235deg);
    -webkit-transform: rotate(235deg);
    -moz-transform: rotate(235deg);
    -ms-transform: rotate(235deg);
    -o-transform: rotate(235deg); */
    }

.non-clickable-banner {
    cursor: not-allowed;
}

.point-apk-box {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #222;
    z-index: 10;
    padding: 8px 10px;
    box-shadow: 0 -5px 5px -5px #555;
    height: 38px;
    left: 0;
}

    .point-apk-box a {
        color: #eee;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
        left: 15px;
        font-weight: bold;
    }

.close-apk {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ff0000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 16px;
    cursor: pointer;
}

.login-box {
    display: flex;
    align-items: center;
}

.dwld-apk {
    height: 35px;
    fill: green;
    animation: blink-animation 2s linear infinite;
    -webkit-animation: blink-animation 2s linear infinite;
}

@keyframes blink-animation {
    25% {
        fill: red;
    }

    50% {
        fill: yellow;
    }
}

@-webkit-keyframes blink-animation {
    25% {
        fill: red;
    }

    50% {
        fill: blue;
    }

    75% {
        fill: yellow;
    }
}

.tpcasino-result.report-table .bet-amount,
.tpcasino-result.report-table .bet-date,
.tpcasino-result.report-table .bet-remark,
.tpcasino-result.report-table .bet-sport,
.tpcasino-result.report-table .bet-event-name {
    width: auto !important;
}

.tpcasino-result .table {
    table-layout: unset;
}
/*CSS for Light Theme*/

:root[data-theme="light"] {
    scrollbar-color: #cccccc #ffffff;
}

    :root[data-theme="light"] body {
        scrollbar-color: #cccccc #ffffff;
    }

        :root[data-theme="light"] body::-webkit-scrollbar-track {
            background: #ffffff;
        }

        :root[data-theme="light"] body::-webkit-scrollbar-thumb {
            background-color: #cccccc;
        }

    :root[data-theme="light"] .all-menu {
        scrollbar-color: #cccccc #ffffff;
    }

        :root[data-theme="light"] .all-menu::-webkit-scrollbar-track {
            background: #ffffff;
        }

        :root[data-theme="light"] .all-menu::-webkit-scrollbar-thumb {
            background-color: #cccccc;
        }

    :root[data-theme="light"] body {
        /* font-weight: bold; */
    }

    :root[data-theme="light"] .search-box .form-control {
        background-color: #ccc !important;
        border-color: #ccc !important;
        color: #000;
    }

/* :root[data-theme="light"] .form-control::placeholder {
    color: #fff;
    opacity: 1;
} */

.special-menu .dropdown-toggle:root[data-theme="light"] .balance {
    font-weight: normal;
}

:root[data-theme="light"] .username {
    font-weight: normal;
}

:root[data-theme="light"] .sport-tabs .nav-tabs .nav-link {
    font-weight: normal;
}

:root[data-theme="light"] .footer {
    font-weight: normal;
}

/* :root[data-theme="light"] .bet-buttons .btn {
    background-color: var(--bg-table-header-new);
} */

/* :root[data-theme="light"] .btn-bet {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
} */

:root[data-theme="light"] .btn-bet:hover {
    color: var(--text-table-header-new);
}

:root[data-theme="light"] .lucky7-extra-bets-item {
    background-color: #0606fb9e;
    color: #eee;
}

.lucky7 .lucky7-extra-bets-item .casino-book {
    color: var(--text-white);
}

.lucky7eu .casino-book {
    color: var(--text-white);
}

:root[data-theme="light"] .cards-top .cards-top-box {
    border: 5px solid #aaa;
}

/* :root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header-new);
} */

/* :root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header-new);
} */

:root[data-theme="light"] .worli .casino-tabs {
    background-color: var(--bg-body);
}

:root[data-theme="light"] .teenpattiopen .casino-open-card-box {
    background-color: #ddd;
}

    :root[data-theme="light"] .teenpattiopen .casino-open-card-box > div {
        color: #333;
    }

/* :root[data-theme="light"] .news-bar {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
} */

:root[data-theme="light"] .main-rules a {
    color: var(--text-black);
}

    :root[data-theme="light"] .main-rules a .fa-info-circle {
        color: var(--text-black);
    }

/* :root[data-theme="light"] .casino-tabs .nav-tabs .nav-link {
    font-weight: normal;
    color: #333;
} */

/* :root[data-theme="light"] .casino-tabs .nav-tabs .nav-link.active {
    color: var(--text-black);
    border-bottom: 3px solid var(--text-black);
} */

:root[data-theme="light"] .casino-primary-tabs {
    background-color: var(--bg-table-header-new);
}

    :root[data-theme="light"] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
        color: #333;
    }

        :root[data-theme="light"] .casino-primary-tabs .nav-tabs .nav-item .nav-link.active {
            border-bottom: 3px solid var(--text-black);
            color: var(--text-black);
        }

:root[data-theme="light"] .user-dropdown a:hover {
    opacity: 1;
}

/* :root[data-theme="light"] .menu-box li a:hover,
:root[data-theme="light"] .menu-box li a:focus,
:root[data-theme="light"] .menu-box li a:active {
    color: var(--text-black);
} */

:root[data-theme="light"] .menu-box li.show a[class*="sport"] {
    color: var(--text-white);
}

/* :root[data-theme="light"] .modal-header {
    background-color: var(--bg-success);
} */
s :root[data-theme="light"] .modal-login-new .modal-header {
    background-color: #fff;
    color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-body .login-form {
    background-color: #fff;
    color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-content {
    background-color: #ccc;
    color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-body label {
    color: #222;
}

:root[data-theme="light"] .modal-header .close,
:root[data-theme="light"] #betSodaModal .modal-header .close {
    color: var(--text-white);
}

:root[data-theme="light"] .modal-header .modal-title {
    color: var(--text-white);
}

:root[data-theme="light"] .modal-title .casino-min-max {
    color: var(--text-white);
    opacity: 0.9;
}

:root[data-theme="light"] .odds-box input.form-control::placeholder {
    color: var(--text-black);
}

:root[data-theme="light"] input:checked ~ .custom-control-label::before {
    border-color: #666;
    background-color: #666;
}

/* :root[data-theme="light"] .detail-page-container .market-2 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-4 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-5 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-9 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-11 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-12 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-13 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-14 .nation-name>span:first-child {
    font-weight: bold;
    color: #333;
} */

:root[data-theme="light"] .back-title,
:root[data-theme="light"] .lay-title {
    color: var(--text-black) !important;
}

:root[data-theme="light"] .login-form::placeholder .form-control,
:root[data-theme="light"] .change-form .form-control::placeholder {
    color: var(--text-highlight);
}

:root[data-theme="light"] .casino-report-tabs {
    background-color: var(--bg-table-header-new);
}

:root[data-theme="light"] .table-hover tbody tr:hover {
    background-color: transparent;
}

:root[data-theme="light"] .suspended:after {
    background-color: #d6dedbd6;
    color: #000;
}

:root[data-theme="light"] .suspendedtext:after,
:root[data-theme="light"] .suspendedfull:after {
    background-color: #d6dedbd6;
}

:root[data-theme="light"] .suspended:before {
    filter: invert(0);
}

:root[data-theme="light"] .lottery .casino-tabs {
    background-color: #040404;
}

:root[data-theme="light"] .cmeter-card-box {
    background-color: #aaa;
    color: #222;
}

:root[data-theme="light"] .loader-section {
    background-color: #f6f6f6b8;
}

:root[data-theme="light"] .loader-section-icon {
    border-color: #000 transparent;
}

:root[data-theme="light"] .book-green,
:root[data-theme="light"] .text-success {
    color: #128412 !important;
    font-weight: bold !important;
}

:root[data-theme="light"] .book-red,
:root[data-theme="light"] .text-danger {
    color: #ac0f1c !important;
    font-weight: bold !important;
}

:root[data-theme="light"] .lottery-last-result-title div,
:root[data-theme="light"] .lottery-sidebar .casino-place-bet-title > div {
    color: var(--text-white);
}

:root[data-theme="light"] .lottery-result-icon {
    color: var(--text-white);
}

:root[data-theme="light"] .lottery-my-bet-box {
    color: var(--text-white);
}

/* :root[data-theme="light"] .fa-info-circle {
    color: #666;
} */

:root[data-theme="light"] .casino-video-rules-icon i {
    color: var(--text-white);
}

:root[data-theme="light"] .fa-info-circle:hover {
    color: #777;
}

:root[data-theme="light"] .casino-bl-box-item {
    color: #333;
}

:root[data-theme="light"] .casino-table .casino-detail .back,
:root[data-theme="light"] .casino-table .casino-detail .lay {
    color: #333;
}

:root[data-theme="light"] .casino-table {
    color: #333;
}

:root[data-theme="light"] .casino-video-cards-container {
    color: #fff;
}

:root[data-theme="light"] .andar-bahar2 .casino-video-cards-container {
    color: #000;
}

:root[data-theme="light"] .lucky7eu.casino-table {
    color: #eee;
}

:root[data-theme="light"] .baccarat .baccarat-min-max {
    color: #eee;
}

:root[data-theme="light"] .icon-range {
    background-color: #333;
    color: #ccc;
}

:root[data-theme="light"] .cricket20videobanner {
    border: 2px solid #666;
}

:root[data-theme="light"] .bet-table-header.nodata {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
}

:root[data-theme="light"] .home-new .sport-list-title {
    color: var(--text-black);
    border-bottom: 1px solid var(--text-black);
}

:root[data-theme="light"] .home-new .footer h4 {
    color: var(--text-black);
    border-bottom: 1px solid var(--text-black);
}

:root[data-theme="light"] .home-new-header-bottom .download-apk {
    color: var(--text-black);
}

/* :root[data-theme="light"] .home-new-header-bottom .btn {
    background-color: var(--text-black);
    border-color: var(--text-black);
} */

:root[data-theme="light"] .header-right .bal-point {
    color: #111;
}

:root[data-theme="light"] .change-theme img {
    filter: invert(0);
}

:root[data-theme="light"] .game-icon img {
    filter: invert(0);
}

:root[data-theme="light"] .modal-login-new .form-control {
    color: #333;
    opacity: 1;
}

:root[data-theme="light"] .teenpatti20 .casino-box-header .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .poker1day .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .dt1day .dt1dayfancy .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .aaa .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .casino-queen .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .race20 .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .teenpatti1day .casino-nation-name {
    background-color: #00000047;
}

:root[data-theme="light"] .teenpatti1day .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="light"] .teenpatti20 .casino-nation-name {
    background-color: #00000047;
}

:root[data-theme="light"] .teenpatti20 .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="light"] .baccarat .casino-nation-name {
    background-color: #00000047;
}

:root[data-theme="light"] .baccarat .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="light"] .baccarat2 .casino-nation-name {
    background-color: #00000047;
}

:root[data-theme="light"] .baccarat2 .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="light"] .lucky7eu .casino-nation-name {
    background-color: #00000047;
}

:root[data-theme="light"] .lucky7eu .casino-detail .casino-nation-name.no-border {
    background-color: transparent !important;
}

:root[data-theme="light"] .sport-tabs .nav-tabs .nav-link {
    border-right: 1px solid #d6dedb;
}

:root[data-theme="light"] .detail-page-container .market-6 .fancy-tripple {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .detail-page-container .market-10 .bet-table-row {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .detail-page-container .market-1 .bet-table-row .market-1-item {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .game-date {
    border-right: 1px solid #d6dedb;
}

:root[data-theme="light"] .footer {
    border-top: 1px solid #d6dedb;
}

:root[data-theme="light"] .bl-box.no-val {
    border: 1px solid #d6dedb;
}

:root[data-theme="light"] .faq-container .report-title {
    color: var(--text-black);
}

:root[data-theme="light"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--text-black);
    border-bottom: 3px solid var(--text-black);
}

:root[data-theme="light"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:hover,
:root[data-theme="light"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:focus {
    color: var(--text-black);
}

:root[data-theme="light"] .table thead {
    border: 1px solid #d6dedb;
}

:root[data-theme="light"] .table td,
:root[data-theme="light"] .table th {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
    border-right: 1px solid #b4b9b7;
}

:root[data-theme="light"] .table {
    border: 1px solid #d6dedb;
}

:root[data-theme="light"] .trap .up-box,
:root[data-theme="light"] .trap .down-box {
    color: #000;
}

:root[data-theme="light"] .trap .casino-nation-name .book-red,
:root[data-theme="light"] .trap .casino-nation-name .book-green,
:root[data-theme="light"] .trap .seven-up-down-box .book-red,
:root[data-theme="light"] .trap .seven-up-down-box .book-green {
    background-color: rgba(119, 119, 119, 0.5);
}

:root[data-theme="light"] .kbcbtesbox.casino-place-bet-row {
    background-color: rgba(125, 125, 125, 0.5);
}

:root[data-theme="light"] .casino-tabs .nav-tabs .nav-link img {
    filter: invert(1);
}

:root[data-theme="light"] .facncy-provider li a.active {
    border: 1px solid var(--text-black) !important;
}

    :root[data-theme="light"] .facncy-provider li a.active span {
        color: var(--text-black);
    }

:root[data-theme="light"] .casino-result-desc {
    background: #ccc;
    border: 1px solid #aaa;
    color: #222;
}

:root[data-theme="light"] .casino-result-desc-item div:first-child {
    color: #222;
}

:root[data-theme="light"] .battle-detail-content-box {
    background: #ccc;
    color: #222;
    border: 1px solid #aaa;
}

:root[data-theme="light"] .no-record {
    background: #ccc;
    color: #222;
}

:root[data-theme="light"] .my-market-box {
    background-color: #ccc;
    color: #222;
    border-bottom: 1px solid #ddd;
}

:root[data-theme="light"] .balance,
:root[data-theme="light"] .username-info {
    background-color: #ccc;
}

    :root[data-theme="light"] .balance > div:first-child,
    :root[data-theme="light"] .user-icon {
        background-color: #aaa !important;
        color: #444;
    }

:root[data-theme="light"] .balance-value,
:root[data-theme="light"] .username {
    color: #111;
}

:root[data-theme="light"] .world-open-home .top-results {
    background: #bbb;
    color: #444;
}

:root[data-theme="light"] .upcoming-fixure {
    background: #ccc;
    color: #222;
}

    :root[data-theme="light"] .upcoming-fixure a {
        color: #222;
    }

:root[data-theme="light"] .news-bar {
    background-color: #ccc;
    color: #222;
}

/* :root[data-theme="light"] .footer .support {
    background-color: #bbb;
    color: #222;
} */

:root[data-theme="light"] .bet-slip {
    border-bottom: 1px solid #bbb;
}

:root[data-theme="light"] .casino-video-last-results {
    background-color: rgba(221, 221, 221, 0.6);
}

    :root[data-theme="light"] .casino-video-last-results span,
    :root[data-theme="light"] .casino-video-last-results a {
        background-color: #fff;
    }

    :root[data-theme="light"] .casino-video-last-results a {
        color: #000;
    }

:root[data-theme="light"] .threecardj-title {
    background: #bbb;
    color: #222;
}

:root[data-theme="light"] .casino-detail .casino-nation-name.no-border {
    background-color: transparent;
}

:root[data-theme="light"] .casino-nation-name .fa-info-circle {
    color: #333;
}

:root[data-theme="light"] .casino-cards-odds-title {
    background-color: #ddd;
    color: #222;
}

:root[data-theme="light"] .report-form .form-control,
:root[data-theme="light"] .report-page-count .form-control {
    background-color: #ddd;
    color: #222;
    border-color: #aaa;
}

:root[data-theme="light"] .roulette-table-box {
    background: #ddd;
    color: #222;
}

:root[data-theme="light"] .andar-bahar2 .ab2-bet {
    border: 1px solid #aaa;
    background-color: #ccc;
    color: #222;
}

:root[data-theme="light"] .andar-bahar2 .sa-sb-box {
    border: 1px solid #888;
    background-color: #aaa;
    color: #222;
}

:root[data-theme="light"] .baccarat .baccarat-odd-block .baccarat-odd-name {
    background-color: #ddd;
    color: #222;
}

:root[data-theme="light"] .casino-search {
    background-color: #bbb;
    color: #222;
}

    :root[data-theme="light"] .casino-search.open-search .form-control,
    :root[data-theme="light"] .casino-search .search-icon i {
        color: #222;
    }

:root[data-theme="light"] .cmeter .teen1dayleft,
:root[data-theme="light"] .cmeter .teen1dayright {
    background-color: #ddd;
    color: #222;
}

:root[data-theme="light"] .coupon .report-title small {
    background: #aaa;
    color: #222;
}

    :root[data-theme="light"] .coupon .report-title small i {
        color: #222;
    }

:root[data-theme="light"] .coupon-list .selected {
    background: #aaa;
    color: #222;
}

:root[data-theme="light"] .sport-tabs.menu-tabs .nav-tabs .nav-item .nav-link {
    background-color: #ddd !important;
    color: #333 !important;
}

    :root[data-theme="light"] .sport-tabs.menu-tabs .nav-tabs .nav-item .nav-link.router-link-active {
        background-color: #aaa !important;
        color: #222 !important;
    }

:root[data-theme="light"] .sport-tabs .nav-tabs .nav-link.router-link-active span {
    color: #222 !important;
}

:root[data-theme="light"] .world-open-home .point-casino-tabs ul {
    background-color: #ddd;
}

:root[data-theme="light"] .world-open-home .point-casino-tabs .nav-tabs .nav-link {
    background-color: #ddd !important;
    color: #333 !important;
}

    :root[data-theme="light"] .world-open-home .point-casino-tabs .nav-tabs .nav-link.active {
        background-color: #aaa !important;
        color: #222 !important;
    }

:root[data-theme="light"] .worli .casino-tabs .nav-tabs .nav-item .nav-link {
    background-color: #bbb;
    color: #222;
}

:root[data-theme="light"] .card-clear-box {
    background-color: #bbb;
    color: #222;
}

:root[data-theme="light"] .add-new-detail {
    border-color: #ccc;
}

:root[data-theme="light"] .trap-number {
    background-color: #ccc;
}

:root[data-theme="light"] .trap .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .fa-info-circle {
    color: #333;
}

:root[data-theme="light"] .teenpattitest .casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .teenpattiopen .casino-nation-name {
    background-color: transparent;
}

:root[data-theme="light"] .teenpatti2024 .casino-bl-box-item.casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .teenpatti20b .casino-odds-name,
:root[data-theme="light"] .teenpatti20 .casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .teenpatti1day .casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .form-control {
    background-color: #ddd;
    border: 1px solid #aaa;
    color: #222;
}

:root[data-theme="light"] .casino-search.open-search .form-control {
    background-color: transparent;
    border: 0;
}

:root[data-theme="light"] .security-auth .verify-code {
    background-color: #ddd;
    color: #333;
}

:root[data-theme="light"] .follow-instruction {
    background-color: #ddd;
    color: #333;
}

:root[data-theme="light"] .whatsapp-box {
    background: #ddd;
    color: #333;
}

:root[data-theme="light"] .raceto17 .casino-bl-box-item.casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .aaa .casino-bl-box-item.casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .race20 .casino-bl-box-item.casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .race20 .casino-bl-box-title .casino-bl-box-item.casino-odds-name {
    background-color: transparent;
}

:root[data-theme="light"] .poker20 .casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"] .poker-result-board {
    background-color: #ddd;
    color: #222;
}

:root[data-theme="light"] .poker1day .playerabcardbox {
    background-color: #aaa;
}

:root[data-theme="light"] .casino-nation-name {
    color: #333;
}

:root[data-theme="light"] .pasa .pasa-sesssion .casino-nation-name {
    background-color: #ddd;
}

:root[data-theme="light"] .lucky7eu .casino-odds,
:root[data-theme="light"] .lucky7eu .casino-min-max {
    color: #222;
}

:root[data-theme="light"] .lucky7 .casino-detail .casino-box .low-odds,
:root[data-theme="light"] .lucky7 .casino-detail .casino-box .high-odds {
    background-color: #bbb;
}

:root[data-theme="light"] .lucky7eu .casino-buttons {
    color: #222;
}

:root[data-theme="light"] .lucky7-card {
    background-color: #aaa;
}

:root[data-theme="light"] .kbc .kbc-btns .casino-nation-name {
    background: #ddd;
    border: 1px solid #aaa;
}

:root[data-theme="light"] .kbcbtesbox .bet-box,
:root[data-theme="light"] .kbc-result-box .question-name {
    background: #ddd;
    color: #222;
}

:root[data-theme="light"] .horse-detail .horse-attr {
    background: #aaa;
    color: #222;
}

:root[data-theme="light"] .duskadum .casino-nation-name {
    background-color: #ddd;
}

:root[data-theme="light"] .dtl20 .casino-nation-name {
    background-color: #ddd;
}

:root[data-theme="light"] .dt1day .pairfancy {
    background-color: #ddd;
}

:root[data-theme="light"] .custom-control-label::before {
    background-color: #ddd;
}

:root[data-theme="light"] .casino-war .casino-war-container .casino-nation-name {
    background-color: #ddd;
}

:root[data-theme="light"] .live-bets-report .report-event-title {
    background-color: rgba(125, 125, 125, 0.2);
    color: #222;
}

:root[data-theme="light"] .casino-queen .casino-bl-box-item.casino-odds-name {
    background-color: #ddd;
}

:root[data-theme="light"]a .cards32a .casino-nation-name,
:root[data-theme="light"] .cards32b .casino-nation-name {
    background-color: #ddd;
}

:root[data-theme="light"]a .upcoming-fixure a {
    color: #222;
}

:root[data-theme="light"] {
    --text-yellow: #aa8b0d;
}

    :root[data-theme="light"] .text-yellow {
        color: var(--text-yellow);
    }

:root[data-theme="light"] {
    --text-green: #036a4c;
}

    :root[data-theme="light"] .text-green {
        color: var(--text-green);
    }

    :root[data-theme="light"] .register-fields .country-selector__input,
    :root[data-theme="light"] .register-fields .input-tel__input {
        background-color: #ddd !important;
        border-color: #aaa !important;
    }

    :root[data-theme="light"] .country-selector__label {
        color: #222 !important;
    }

    :root[data-theme="light"] .input-tel__input {
        color: #222 !important;
        opacity: 1 !important;
    }

    :root[data-theme="light"] .input-tel.is-dark .input-tel__input[data-v-e59be3b4]::placeholder {
        color: #000 !important;
        opacity: 1 !important;
    }

    /* :root[data-theme="light"] .register-fields .country-selector__input:hover,
:root[data-theme="light"] .register-fields .input-tel__input:hover {
    background-color: inherit !important;
} */

    :root[data-theme="light"] .input-tel__label,
    :root[data-theme="light"] .input-tel__label::placeholder {
        color: #222 !important;
        /* opacity: 1 !important; */
    }

    :root[data-theme="light"] .country-selector.is-dark .country-selector__toggle__arrow path.arrow {
        fill: #222 !important;
    }

    :root[data-theme="light"] .country-selector.is-dark .country-selector__input {
        color: #222 !important;
    }

    :root[data-theme="light"] .deposit-page .deposit-form .btn-add-container .btn-add {
        color: #000;
    }

    :root[data-theme="light"] .deposit-page .deposit-form .form-group.depo-amount {
        background-color: #bbb;
    }

    :root[data-theme="light"] .user-dropdown {
        background: #eee;
        color: #111;
    }

        :root[data-theme="light"] .user-dropdown a {
            color: #111;
        }

    :root[data-theme="light"] .bet-table-box {
        border-bottom: 1px solid #aaa;
    }

    :root[data-theme="light"] .sport-list-item,
    :root[data-theme="light"] .top-winner-list-box {
        background-color: #ccc;
        color: #111;
    }

    :root[data-theme="light"] .andar-bahar2 .ab2-title {
        color: #222;
    }

    :root[data-theme="light"] .rules-language-container {
        color: #000;
    }

    :root[data-theme="light"] .deposit-page .payment-icons .payment-icon-box-container .payment-icon-box {
        color: #222;
    }

    :root[data-theme="light"] .casino-search .form-control {
        background-color: transparent;
        border: 0;
    }

    :root[data-theme="light"] .modal-login-new .modal-header {
        background: #fff;
        color: #000;
    }

    :root[data-theme="light"] .casino-video-last-results span.resulttie {
        color: #000;
    }

    :root[data-theme="light"] .casino-video-last-results span,
    :root[data-theme="light"] .casino-video-last-results a {
        color: #000;
    }

    :root[data-theme="light"] .teen1oneday .casino-nation-name {
        background-color: #ddd;
    }

    :root[data-theme="light"] .poker6player h4 {
        color: #000;
    }

    :root[data-theme="light"] .poker6player .poker6box .casino-nation-name {
        background-color: #ddd;
    }

    :root[data-theme="light"] .teenpatti2cards .casino-nation-name {
        background: #ddd;
    }

    :root[data-theme="light"] .teenpattitest .casino-nation-name {
        background: #ddd;
    }

    :root[data-theme="light"] .cards32a .casino-nation-name,
    :root[data-theme="light"] .cards32b .casino-nation-name {
        background-color: #ddd;
    }

    :root[data-theme="light"] .teen1oneday .casino-nation-name {
        background-color: #ddd;
    }

    :root[data-theme="light"] .sicbo-square-box {
        background-image: linear-gradient(rgba(153, 146, 135, 0.7), rgba(162, 142, 130, 0.7));
    }

    :root[data-theme="light"] .casino-vieo-rules {
        background-color: #fff;
        color: #000;
    }

        :root[data-theme="light"] .casino-vieo-rules .rules-header {
            background-color: #aaa;
            color: #222;
        }

/*Css for Blue Theme*/

:root[data-theme="blue"] body {
    font-weight: bold;
}

:root[data-theme="blue"] .balance {
    font-weight: normal;
}

:root[data-theme="blue"] .username {
    font-weight: normal;
}

:root[data-theme="blue"] .sport-tabs .nav-tabs .nav-link {
    font-weight: normal;
}

:root[data-theme="blue"] .footer {
    font-weight: normal;
}

:root[data-theme="blue"] .home-new-header {
    background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .home-new .sport-list-title {
    color: var(--text-black);
    border-bottom: 1px solid var(--text-black);
}

:root[data-theme="blue"] .home-new .footer h4 {
    color: var(--text-black);
    border-bottom: 1px solid var(--text-black);
}

:root[data-theme="blue"] .casino-table .casino-detail .back,
:root[data-theme="blue"] .casino-table .casino-detail .lay {
    color: #333;
}

:root[data-theme="blue"] .casino-nation-name {
    background-color: #d6dedb85;
    color: #333;
}

:root[data-theme="blue"] .book-green,
:root[data-theme="blue"] .text-success {
    color: #128412 !important;
}

:root[data-theme="blue"] .book-red,
:root[data-theme="blue"] .text-danger {
    color: #bb2834 !important;
}

:root[data-theme="blue"] .casino-bl-box-item {
    color: #333;
}

:root[data-theme="blue"] .casino-tabs {
    background-color: var(--bg-table-header-new);
}

    :root[data-theme="blue"] .casino-tabs .nav-tabs .nav-link {
        color: var(--text-table-header-new);
    }

    :root[data-theme="blue"] .casino-tabs .nav-tabs .nav-item .nav-link.active {
        color: var(--text-table-header-new);
        border-bottom: 3px solid var(--text-white);
    }

:root[data-theme="blue"] .fantasy-desc-container .casino-tabs {
    background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--text-table-header-new);
    border-bottom: 3px solid var(--text-table-header-new);
}

:root[data-theme="blue"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
    color: var(--text-table-header-new);
}

:root[data-theme="blue"] .faq-container .report-title {
    color: var(--text-black);
}

:root[data-theme="blue"] .bet-buttons .btn {
    background-color: var(--bg-table-header-new);
}

    :root[data-theme="blue"] .bet-buttons .btn span {
        color: var(--text-table-header-new);
    }

:root[data-theme="blue"] .lucky7-extra-bets-item {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
}

:root[data-theme="blue"] .casino-primary-tabs {
    background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .teenpattiopen .casino-open-card-box {
    background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .home-new-header a {
    color: var(--text-table-header-new);
}

:root[data-theme="blue"] .footer {
    background-color: #f2f2f2;
}

:root[data-theme="blue"] .login-seperator {
    background-color: #fff;
    opacity: 0.3;
}

:root[data-theme="blue"] .detail-page-container .market-6 .fancy-tripple {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"] .detail-page-container .market-10 .bet-table-row {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"] .detail-page-container .market-1 .bet-table-row .market-1-item {
    border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"] .table {
    border: 1px solid #0070a8;
}

    :root[data-theme="blue"] .table td,
    :root[data-theme="blue"] .table th {
        border-bottom: 1px solid #0070a8;
    }

:root[data-theme="blue"] .trap .up-box,
:root[data-theme="blue"] .trap .down-box {
    color: #000;
}

:root[data-theme="blue"] .trap .casino-nation-name .book-red,
:root[data-theme="blue"] .trap .casino-nation-name .book-green,
:root[data-theme="blue"] .trap .seven-up-down-box .book-red,
:root[data-theme="blue"] .trap .seven-up-down-box .book-green {
    background-color: rgba(119, 119, 119, 0.5);
}

:root[data-theme="blue"] .casino-queen .casino-bl-box-item.casino-odds-name .book-green {
    color: #35ff35 !important;
}

:root[data-theme="blue"] .casino-queen .casino-bl-box-item.casino-odds-name .book-red {
    color: #a5000d !important;
}

.header-top ul li a.router-link-exact-active {
    border-bottom: 2px solid;
    padding-bottom: 3px;
}

/*Roulette*/
.roulette-box-container {
    width: 100%;
}

.board-in {
    display: grid;
    grid-template-rows: 105fr 50fr;
    grid-template-columns: 44fr 539fr 44fr;
    grid-template-areas:
        "center center right"
        ".      bottom .    ";
    grid-gap: 0.1328125311rem;
    gap: 0.1328125311rem;
    width: 100%;
    position: relative;
    height: 100%;
    pointer-events: none;
}

.board-right {
    display: grid;
    grid-area: right;
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 0.1328125311rem;
    gap: 0.1328125311rem;
    pointer-events: all;
}

    .board-right .board-cell:first-child {
        border-top-right-radius: 1.062500249rem;
    }

    .board-right .board-cell:last-child {
        border-bottom-right-radius: 1.062500249rem;
    }

.board-cell {
    position: relative;
    border-radius: 0.2656250623rem;
    min-height: 50px;
}

    .board-cell.active {
        /* border: 3px solid #000; */
        /* filter: contrast(70%); */
    }

.board-cell-in {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    transition: background-color 180ms var(--g-ttf);
}

    .board-cell-in::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-width: 0.1328125311rem;
        border-style: solid;
        border-color: #000;
        border-radius: inherit;
        box-shadow: 0 0 0 4.2500009961rem rgba(var(--g-white-rgb), 0.15) inset;
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }

.board-text,
.board-number {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

.board-cell-in .bet-chip-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* transform: translate3d(-50%, -50%, 0); */
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
}

.board-bottom {
    display: grid;
    grid-area: bottom;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
        "first      first second second third third      "
        "first-half even  red    black  odd   second-half";
    grid-gap: 0.1328125311rem;
    gap: 0.1328125311rem;
    pointer-events: all;
}

    .board-bottom .board-cell:first-child {
        grid-area: first;
    }

    .board-bottom .board-cell:nth-child(2) {
        grid-area: second;
    }

    .board-bottom .board-cell:nth-child(3) {
        grid-area: third;
    }

    .board-bottom .board-cell:nth-child(4) {
        grid-area: first-half;
        border-bottom-left-radius: 1.062500249rem;
    }

    .board-bottom .board-cell:nth-child(5) {
        grid-area: even;
    }

    .board-bottom .board-cell:nth-child(6) {
        grid-area: red;
    }

    .board-bottom .board-cell:nth-child(7) {
        grid-area: black;
    }

    .board-bottom .board-cell:nth-child(8) {
        grid-area: odd;
    }

    .board-bottom .board-cell:last-child {
        grid-area: second-half;
        border-bottom-right-radius: 1.062500249rem;
    }

.board-center {
    display: grid;
    grid-area: center;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(13, 1fr);
    grid-template-areas:
        "zero c f i l o r u x aa ad ag aj"
        "zero b e h k n q t w z  ac af ai"
        "zero a d g j m p s v y  ab ae ah";
    grid-gap: 0.1328125311rem;
    gap: 0.1328125311rem;
    pointer-events: all;
}

.board-cell.green {
    background-color: #17732e;
    border-radius: 1.062500249rem 0.2656250623rem 0.2656250623rem 1.062500249rem;
}

    .board-cell.green.active {
        background-color: #119933;
        box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
    }

.board-center .board-cell:nth-child(1) {
    grid-area: zero;
}

.board-cell.red {
    background-color: #b2121f;
}

    .board-cell.red.active {
        background-color: #e40303;
        box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
    }

.board-cell.black {
    background-color: #111111;
}

    .board-cell.black.active {
        background-color: #404040;
        box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
    }

.board-cell.yellow {
    background-color: #fef0a9;
    color: #b2121f;
}

    /* .board-cell.yellow:hover,
.board-cell.yellow:focus,
.board-cell.yellow:active,
.board-cell.yellow.active {
  background-color: yellow;
} */
    .board-cell.yellow .board-text,
    .board-cell.yellow .borad-number {
        color: red;
    }

.board-center .bet-chip-area.center-left {
    top: 50%;
    left: 0;
    width: 50%;
    height: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 20;
}

.board-center .bet-chip-area.bottom-left {
    bottom: 0;
    top: 50%;
    left: 0;
    width: 50%;
    height: 50%;
    transform: translate3d(-50%, 50%, 0);
    z-index: 20;
}

.board-center .bet-chip-area.top-center {
    top: 0;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 20;
}

.board-center .board-cell:nth-child(1) {
    grid-area: zero;
}

.board-center .board-cell:nth-child(2) {
    grid-area: a;
}

.board-center .board-cell:nth-child(3) {
    grid-area: b;
}

.board-center .board-cell:nth-child(4) {
    grid-area: c;
}

.board-center .board-cell:nth-child(5) {
    grid-area: d;
}

.board-center .board-cell:nth-child(6) {
    grid-area: e;
}

.board-center .board-cell:nth-child(7) {
    grid-area: f;
}

.board-center .board-cell:nth-child(8) {
    grid-area: g;
}

.board-center .board-cell:nth-child(9) {
    grid-area: h;
}

.board-center .board-cell:nth-child(10) {
    grid-area: i;
}

.board-center .board-cell:nth-child(11) {
    grid-area: j;
}

.board-center .board-cell:nth-child(12) {
    grid-area: k;
}

.board-center .board-cell:nth-child(13) {
    grid-area: l;
}

.board-center .board-cell:nth-child(14) {
    grid-area: m;
}

.board-center .board-cell:nth-child(15) {
    grid-area: n;
}

.board-center .board-cell:nth-child(16) {
    grid-area: o;
}

.board-center .board-cell:nth-child(17) {
    grid-area: p;
}

.board-center .board-cell:nth-child(18) {
    grid-area: q;
}

.board-center .board-cell:nth-child(19) {
    grid-area: r;
}

.board-center .board-cell:nth-child(20) {
    grid-area: s;
}

.board-center .board-cell:nth-child(21) {
    grid-area: t;
}

.board-center .board-cell:nth-child(22) {
    grid-area: u;
}

.board-center .board-cell:nth-child(23) {
    grid-area: v;
}

.board-center .board-cell:nth-child(24) {
    grid-area: w;
}

.board-center .board-cell:nth-child(25) {
    grid-area: x;
}

.board-center .board-cell:nth-child(26) {
    grid-area: y;
}

.board-center .board-cell:nth-child(27) {
    grid-area: z;
}

.board-center .board-cell:nth-child(28) {
    grid-area: aa;
}

.board-center .board-cell:nth-child(29) {
    grid-area: ab;
}

.board-center .board-cell:nth-child(30) {
    grid-area: ac;
}

.board-center .board-cell:nth-child(31) {
    grid-area: ad;
}

.board-center .board-cell:nth-child(32) {
    grid-area: ae;
}

.board-center .board-cell:nth-child(33) {
    grid-area: af;
}

.board-center .board-cell:nth-child(34) {
    grid-area: ag;
}

.board-center .board-cell:nth-child(35) {
    grid-area: ah;
}

.board-center .board-cell:nth-child(36) {
    grid-area: ai;
}

.board-center .board-cell:nth-child(37) {
    grid-area: aj;
}

.roulette .casino-video-cards {
    top: 90px;
    transform: unset;
    left: 115px;
    background-color: transparent;
    width: auto;
    padding: 0;
    height: auto;
}

.roulette .casino-cards-shuffle {
    display: none;
}

.roulette .casino-video-cards span img {
    width: 70px;
    margin-right: 0;
}

.roulette .flip-card {
    height: 80px;
    width: 102px;
}

.roulette .casino-timer {
    right: unset;
    left: 0;
    bottom: unset;
    top: 70px;
}

.casino-video-last-results .roulette-result.green {
    background-color: #17732e !important;
    color: #fff !important;
}

.casino-video-last-results .roulette-result.red {
    background-color: #b2121f !important;
    color: #fff !important;
}

.casino-video-last-results .roulette-result.black {
    background-color: #111111 !important;
    color: #fff !important;
}

.casino-video-last-results .roulette-result.yellow {
    background-color: #fef0a9 !important;
    color: #000 !important;
}

.roulette .suspended {
    cursor: unset;
    pointer-events: all;
}

    .roulette .suspended::after {
        background-color: #d6dedbd6;
        z-index: 1;
    }

    .roulette .suspended::before {
        filter: invert(0);
        z-index: 2;
    }

.pop-outin {
    animation: 2s anim-popoutin ease infinite;
}

@keyframes anim-popoutin {
    0% {
        color: black;
        transform: scale(0);
        opacity: 0;
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    25% {
        color: #ffdf00;
        transform: scale(2);
        opacity: 1;
        text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
    }

    50% {
        color: black;
        transform: scale(1);
        opacity: 1;
        text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        /* animate nothing to add pause at the end of animation */
        transform: scale(1);
        opacity: 1;
        text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
    }
}

.casino-coins-container {
    position: absolute;
    bottom: 0;
    left: 0;
    /* transform: translateX(-50%); */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #0000004a;
    padding: 0;
    border-radius: 16px;
    flex-direction: column;
    /* background-image: linear-gradient(#2d5bc82e, #0000002e); */
    width: 190px;
}

.casino-coin {
    position: relative;
}

.casino-coin-value {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    font-family: "Arvo", serif;
    font-weight: 700;
}

.casino-coin img {
    height: 70px;
}

.casino-coin.active .bet-chip-holder {
    height: 60px;
    width: 60px;
}

.casino-coin-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    /* margin: 0 40px; */
    gap: 5px;
}

.coin-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 5px;
}

    .coin-btns .btn {
        background: #ff0000;
        border: 0;
        border-radius: 10px;
        height: 40px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 11px;
        padding: 5px;
        gap: 5px;
    }

        .coin-btns .btn.disabled {
            cursor: not-allowed;
        }

.coin-arrow {
    position: absolute;
    color: #fff;
    font-size: 30px;
    background: #00000082;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .coin-arrow.coin-arrow-left {
        left: -45px;
    }

    .coin-arrow.coin-arrow-right {
        right: -45px;
    }

.bet-chip-holder {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    cursor: pointer;
}

.bet-chip {
    position: relative;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0.1328125311rem 0.2656250623rem 0 rgba(var(--g-black-rgb), 0.8);
    transition: transform 180ms var(--g-ttf);
}

    .bet-chip:before {
        /* position: absolute; */
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.bet-chip-front {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--g-chip-inner-color);
    /* background-image: url(https://rgs-livedealerwebclient.worldserviceprovider.com/29e7c4038494162c9293.svg); */
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, center;
    background-size: 100% auto, cover;
    border-radius: 50%;
    transition: transform 360ms var(--g-ttf), border-radius 360ms var(--g-ttf);
    z-index: 1;
}

.bet-chip-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--g-chip-outer-color);
    border-radius: 50%;
    z-index: 2;
}

    .bet-chip-top:before,
    .bet-chip-top:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4;
    }

    .bet-chip-top:before {
        width: 64%;
        height: 64%;
        margin: auto;
        /* background-color: var(--g-chip-inner-color); */
        z-index: 2;
    }

    .bet-chip-top:after {
        /* background-image: url(https://rgs-livedealerwebclient.worldserviceprovider.com/af4a3dba7a5c3b087d6a.svg); */
        background-image: url("../img/icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 3;
    }

.bet-chip-amount {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}

    .bet-chip-amount svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .bet-chip-amount text {
        font-family: "Arvo", serif;
        font-size: 22px;
    }

.board-cell-in .bet-chip-area.coin-place {
    z-index: 14;
}

.board-cell-in .casino-coin .bet-chip-holder {
    width: 35px;
    height: 35px;
}

.board-cell-in .casino-coin {
    width: 35px;
}

.roulette-rules .table th {
    font-size: 12px;
}

.roulette-rules .table td {
    font-size: 22px;
}

.roulette-rules .table-bordered td,
.roulette-rules .table-bordered th {
    border: 1px solid #dee2e6;
}
/*Sportbook*/
.sportbook-result-box-container .table thead {
    background-color: var(--bg-sidebar);
}

    .sportbook-result-box-container .table thead th {
        padding: 8px;
    }

.sportbook-result-box-container .table tbody thead {
    background-color: transparent;
    border-bottom: 1px solid #3c444b;
}

.sportbook-result-box-container .table .table,
.sportbook-result-box-container .table .collapse th,
.sportbook-result-box-container .table .collapse td {
    border: 0;
}

.sportbook-result-box-container .table .table {
    background-color: #313a46;
}

/*Payment New*/
.payment-new .deposit-left-payment {
    display: flex;
    flex-wrap: wrap;
}

    .payment-new .deposit-left-payment > div {
        padding: 4px 8px;
        cursor: pointer;
        position: relative;
        border: 1px solid rgb(153, 153, 153);
        margin-right: 3px;
        justify-content: flex-start;
        transition: 0.2s ease-in;
        display: flex;
        align-items: center;
    }

        .payment-new .deposit-left-payment > div.active,
        .payment-new .deposit-left-payment > div:hover,
        .payment-new .deposit-left-payment > div:focus {
            background-color: var(--bg-table-header-new);
            color: var(--text-table-header-new);
        }

.payment-new.deposit-page .deposit-form {
    padding: 0;
}

.payment-new .payment-ions-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    margin: 10px 0;
}

.payment-new.deposit-page .payment-icons {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
    width: calc(33.33% - 7px);
    margin-right: 10px;
    background-color: #181818;
    color: #fff;
}

:root[data-theme="light"] .payment-new.deposit-page .payment-icons {
    background-color: #d9d9d9;
    color: #000;
}

.payment-new.deposit-page .payment-icons:nth-child(3n) {
    margin-right: 0;
}

.payment-new .payment-icons-title {
    background: transparent;
    color: #eee;
    padding: 5px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 55px;
}

:root[data-theme="light"] .payment-new .payment-icons-title {
    color: #111;
}

.payment-new .payment-icons-title > div:first-child {
    max-width: calc(100% - 25px);
}

.payment-new .payment-icons-title h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.payment-new .payment-icons-title p {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #eee;
}

:root[data-theme="light"] .payment-new .payment-icons-title p {
    color: #111;
}

.payment-new.deposit-page .deposit-options {
    padding: 0 10px 10px 10px;
    margin-bottom: 0;
    width: 100%;
}

    .payment-new.deposit-page .deposit-options .bank-detail {
        padding: 5px;
        box-shadow: 0 0 3px #acacac;
        background: #2b2b2b;
        height: 90px;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

:root[data-theme="light"] .payment-new.deposit-page .deposit-options .bank-detail {
    box-shadow: 0 0 3px #444;
    background: #cacaca;
}

.payment-new.deposit-page .deposit-options .bank-detail.qr-code {
    position: unset;
}

.payment-new.deposit-page .payment-detail-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}

.payment-new .payment-detail-box span {
    max-width: 48%;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1;
}

.payment-new .pay-now-mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

    .payment-new .pay-now-mobile p {
        font-size: 14px;
    }

.payment-new.deposit-page .payment-icon-box-container .btn-primary,
.payment-new .deposit-options .btn-primary {
    width: 150px;
}

.payment-new .add-new-detail {
    width: 100%;
    background: #181818;
    color: #fff;
    border: 0;
    border-radius: 0 !important;
}

:root[data-theme="light"] .payment-new .add-new-detail {
    background-color: #d9d9d9;
    color: #000;
}

.payment-new .account-detail .form-check {
    width: calc(33.33% - 20px);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

    .payment-new .account-detail .form-check:nth-child(3n) {
        margin-right: 0;
    }

.payment-new .payment-icons-title > div:first-child {
    max-width: calc(100% - 90px);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.payment-new .add-new-detail .payment-icons-title > div:first-child i {
    font-size: 24px;
    cursor: pointer;
}

.payment-new .payment-icons-title > div:first-child div {
    max-width: calc(100% - 30px);
}

.payment-new .account-detail-box {
    border: 0;
    box-shadow: 0 0 3px #acacac;
    background: #2b2b2b;
}

:root[data-theme="light"] .payment-new .account-detail-box {
    box-shadow: 0 0 3px #444;
    background: #cacaca;
}

.payment-new .payment-icons-title i.collapsed.fa-chevron-circle-down {
    display: none;
}

.payment-new .payment-icons-title i:not(.collapsed).fa-chevron-circle-up {
    display: none;
}

.image-download a {
    color: var(--text-table-header-new);
}

.image-download img {
    height: 280px;
    width: auto;
}

.depositRequest-modal .modal-dialog {
    /* width: 300px; */
}

.payment-new .bank-detail img {
    height: 75px;
}

.depositRequest-modal .upload-ss {
    color: #000;
    width: 100%;
    padding: 5px;
    text-align: center;
    border: 1px dashed var(--text-table);
    height: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
}

    .depositRequest-modal .upload-ss label {
        margin: 0;
        width: 100%;
        cursor: pointer;
        color: var(--text-body);
        opacity: 0.9;
        font-size: 14px;
    }

.depositRequest-modal .msg-box {
    border: 1px solid var(--text-table);
    padding: 8px;
    border-radius: 8px;
}

.depositRequest-modal .verify-ss {
    width: 100%;
    height: 70px;
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed;
    position: relative;
}

    .depositRequest-modal .verify-ss img {
        max-height: 100%;
    }

.depositRequest-modal .remove-ss {
    position: absolute;
    right: -12px;
    top: -12px;
    font-size: 24px;
    z-index: 1000;
    background: #fff;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
}

.payment-new .new-with-delete {
    position: absolute;
    right: -20px;
    top: -10px;
    font-size: 16px;
}
/*Payment New End*/

/*Badla Design*/
.place-bet-badla {
    /* background-color: var(--bg-body); */
}

    .place-bet-badla .bet-nation a {
        /* color: var(--text-body); */
    }

.badla-icon {
    position: absolute;
    right: 5px;
    bottom: 0;
    font-weight: bold;
    cursor: pointer;
    background-color: var(--text-table);
    color: var(--bg-table);
    /* height: 20px;
    width: 20px; */
    border-radius: 2px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: gray;
    color: #fff;
    font-size: 12px;
    padding: 0 4px;
}

    .badla-icon img {
        height: 18px;
    }

.suspended-row .badla-icon {
    opacity: 0.5;
    cursor: not-allowed;
}

    .suspended-row .badla-icon img,
    .suspended-row .badla-icon span {
        pointer-events: none;
    }

.badla-buttons .place-bet-buttons > div {
    width: 100%;
    gap: 2px;
    display: flex;
    flex-wrap: wrap;
}

.suspendedtext .badla-icon {
    opacity: 0.5;
    cursor: not-allowed;
}

    .suspendedtext .badla-icon img {
        pointer-events: none;
    }

.place-bet-badla .place-bet-box-body input {
    border: 1px solid;
}

.badla-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2px;
}

    .badla-buttons .badla-bl-btns {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2px;
        padding: 4px;
        background-color: #ffffff70;
    }

        .badla-buttons .badla-bl-btns .badla-bl-btn-box {
            width: 100%;
            gap: 2px;
            display: flex;
        }

            .badla-buttons .badla-bl-btns .badla-bl-btn-box .badla-bl-btn {
                width: calc(20% - 2px);
            }

            .badla-buttons .badla-bl-btns .badla-bl-btn-box .btn {
                padding: 5px;
                display: flex;
                flex-direction: column;
                color: #000;
                background-color: #fff;
                width: 100%;
            }

        .badla-buttons .badla-bl-btns .btn .market-odd {
            font-weight: bold;
            line-height: 1;
        }

        .badla-buttons .badla-bl-btns .btn .market-volume {
            font-size: 12px;
            font-weight: 100;
            line-height: 1;
        }

    .badla-buttons .place-bet-buttons {
        width: 100%;
        padding: 4px;
        align-content: flex-start;
    }

        .badla-buttons .place-bet-buttons .btn {
            width: calc(20% - 2px);
            margin: 0;
            border-radius: 0;
        }

/*Teenpatti Joker*/
.teenpatti-joker .teen1dayleft {
    align-self: center;
}

.teenpatti-joker .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
}

.teenpatti-joker .casino-bl-box {
    width: 50%;
}

.teenpatti-joker .casino-bl-box-item {
    width: calc(50% - 2px);
}

.teenpatti-joker .joker-other .casino-bl-box-item {
    width: 100%;
    height: 40px;
}

.teenpatti-joker .joker-other .casino-bl-box {
    width: calc(25% - 3px);
    margin-right: 4px;
}

    .teenpatti-joker .joker-other .casino-bl-box:last-child {
        margin-right: 0;
    }

.teenpatti-joker .casino-video-cards {
    height: 280px;
}

.teenpatti-joker .casino-card-img img {
    width: 20px;
}

.joker-card {
    flex-wrap: wrap !important;
    flex-direction: column;
}

.joker-result .casino-result-content-item:first-child {
    width: 100%;
}

:root[data-theme="light"] .teenpatti-joker .casino-nation-name {
    background-color: #00000047;
}

/*Scocard New*/
.scorecard-new {
    padding: 4px;
    background-color: #222;
    color: #eee;
    /* line-height: normal; */
    line-height: 18px;
}

    .scorecard-new .scorecard-row {
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 0;
    }

    .scorecard-new .team-name-row {
        background-color: #404040;
        padding: 2px 0;
    }

    .scorecard-new .team {
        display: flex;
        gap: 4px;
        padding: 2px;
    }

    .scorecard-new .team-img {
        background: #404040;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        border-radius: 4px;
    }

    .scorecard-new .team img {
        height: 20px !important;
        width: auto;
    }

    .scorecard-new .team.team2 {
        justify-content: flex-end;
    }

    .scorecard-new .team-score {
        display: flex;
        gap: 4px;
    }

    .scorecard-new .score {
        display: flex;
        flex-direction: column;
        white-space: normal;
        flex-wrap: wrap;
        font-size: 16px;
    }

    .scorecard-new .score-total {
        font-size: 16px;
        font-weight: bold;
    }

    .scorecard-new .score-overs {
        font-size: 12px;
    }

    .scorecard-new .team-name {
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: var(--text-green);
        font-size: 16px;
        max-height: unset;
        line-height: unset;
    }

    .scorecard-new .score-runs {
        /* background: var(--bg-sidebar); */
        border: 1px solid #999;
        display: flex;
        flex: 0;
        border-radius: 4px;
    }

        .scorecard-new .score-runs .ball {
            height: 28px;
            width: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: bold;
            border-right: 1px solid #999;
        }

            .scorecard-new .score-runs .ball:last-child {
                border: 0;
            }

            .scorecard-new .score-runs .ball.four {
                color: var(--text-yellow);
            }

            .scorecard-new .score-runs .ball.six {
                color: var(--text-green);
            }

            .scorecard-new .score-runs .ball.wicket {
                color: var(--text-red);
            }

:root[data-theme="light"] .scorecard-new {
    background-color: #ddd;
    color: #222;
}

    :root[data-theme="light"] .scorecard-new .team-name-row,
    :root[data-theme="light"] .scorecard-new .team-img {
        background-color: #b1b1b1;
    }

/*Scorecard Five Cricket*/
.five-score-cards .scorecard-new .scorecard-row {
    flex-wrap: wrap;
}

.five-cricket .scorecard-new .scorecard-row:first-child > div {
    flex: 1;
}

.five-cricket .scorecard-new .scorecard-row .team-rr {
    text-align: center;
    padding: 4px;
}

.five-cricket .scorecard-new .scorecard-row:last-child {
    justify-content: center;
}

.teenpatti-joker .joker-card h4 {
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: antonio;
    text-shadow: 0 0 1px var(--text-yellow);
}
/*Super Over Scorecard*/

/*Teenpatti joker 1*/

.teenpatti-joker1 .teen1dayleft,
.teenpatti-joker1 .teen1dayright {
    width: 100%;
}

.teenpatti-joker1 .teen1dayright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .teenpatti-joker1 .teen1dayright .casino-box-row {
        width: calc(50% - 4px);
    }

.teenpatti-joker1 .teen1dayright {
    align-self: center;
}

.teenpatti-joker1 .joker1-box {
    display: flex;
    width: 100%;
}

.teenpatti-joker1 .casino-nation-name {
    width: 50%;
    padding-right: 10px;
    position: relative;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
}

.teenpatti-joker1 .casino-bl-box {
    width: 50%;
}

.teenpatti-joker1 .casino-bl-box-item {
    width: calc(50% - 2px);
    height: 40px;
}

.joker1-jokercard {
    display: flex;
    align-items: center;
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
    padding: 8px;
}

    .joker1-jokercard i {
        font-size: 40px;
        cursor: pointer;
    }

.joker1-other-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--bg-body);
    color: var(--text-body);
    transition: width 1.5s;
    width: 100%;
    overflow: hidden;
}

    .joker1-other-cards h4 {
        color: var(--text-table-header-new);
        background: var(--bg-table-header-new);
        padding: 8px;
        border-radius: 4px;
        font-size: 18px;
        margin-bottom: 0;
    }

    .joker1-other-cards div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .joker1-other-cards.hide {
        /* display: none; */
        /* width: 0;
    padding: 0; */
        /* visibility: hidden; */
    }

.teenpatti-joker1 .joker1-other-cards.hide {
    width: 0;
    padding: 0;
}
    /* .joker1-other-cards-box{
    display: flex;
    gap: 4px;
} */
    .teenpatti-joker1 .joker1-other-cards.hide img {
        display: none;
    }

.joker1-other-cards img {
    height: 60px;
}

    .joker1-other-cards img.select {
        transform: scale(1.2);
    }

.teen1dayleft .joker-other {
    display: none;
}
/* .teenpatti-joker1 .casino-video-cards {
    height: 280px;
} */
:root[data-theme="light"] .teenpatti-joker1 .casino-nation-name {
    background-color: #00000047;
}

.teenpatti-joker1 .joker-card {
    flex-wrap: wrap !important;
    flex-direction: column;
    position: absolute;
    display: flex;
    top: 45px;
    padding: 5px;
    left: 0;
}

    .teenpatti-joker1 .joker-card h4 {
        font-weight: bold;
        margin-bottom: 4px;
        text-transform: uppercase;
        font-size: 20px;
        font-family: antonio;
        text-shadow: 0 0 1px var(--text-yellow);
    }

    .teenpatti-joker1 .joker-card span img {
        width: 50px;
    }

.casino-video-cards span img {
}

/*Setting */
.setting-box-container {
    position: absolute;
    right: 0;
    font-size: 24px;
    top: 0;
    height: 34px;
    display: flex;
    align-content: center;
}

.setting-icon {
    align-self: center;
    margin-right: 4px;
    cursor: pointer;
    color: var(--text-table-header-new);
}

.setting-box-container.hide .setting-box {
    display: none;
}

.setting-box-container .setting-box {
    position: absolute;
    /* background-color: var(--bg-sidebar);
    color: var(--text-sidebar); */
    background: #000000fa;
    color: #fff;
    right: 0;
    width: 300px;
    max-height: calc(100vh - 34px);
    top: 34px;
    font-size: 16px;
    /* font-weight: bold; */
    padding: 12px 12px 0 12px;
    z-index: 10;
    /* display: flex; */
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    border: 1px solid var(--bg-table-header-new);
    border-radius: 4px;
}

:root[data-theme="light"] .setting-box-container .setting-box {
    background: #fffffffa;
    color: #000;
}

.setting-box > div {
    width: 100%;
    margin-bottom: 12px;
}

.setting-sub-box {
    padding: 8px;
    background-color: #ffffff24;
    margin-bottom: 0;
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid var(--bg-table-header-new);
}

:root[data-theme="light"] .setting-sub-box {
    background-color: #00000024;
}

.setting-box-container .setting-box h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    color: var(--text-green);
}

.setting-box-container .setting-box .language-list div,
.setting-box-container .setting-box .switch-theme div {
    padding: 6px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .setting-box-container .setting-box .language-list div.selected,
    .setting-box-container .setting-box .switch-theme div.selected {
        color: var(--text-yellow);
        font-weight: bold;
    }

.setting-box button {
    background: #ffffff1c;
    border: 1px solid var(--bg-table-header-new);
    color: #fff;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

:root[data-theme="light"] .setting-box button {
    background-color: #0000001c;
    color: #000;
}

.login-btn-devider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px;
}

    .login-btn-devider::after {
        position: absolute;
        content: "";
        background-color: var(--text-yellow);
        height: 1px;
        right: 0;
        width: calc(50% - 20px);
    }

    .login-btn-devider::before {
        position: absolute;
        content: "";
        background-color: var(--text-yellow);
        height: 1px;
        left: 0;
        width: calc(50% - 20px);
    }

/*Doli Dana*/
.doli-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

    .doli-main .players-bet .casino-nation-name {
        width: 50%;
        padding-right: 10px;
        position: relative;
    }

:root[data-theme="light"] .doli-main .players-bet .casino-nation-name {
    background-color: #00000047;
}

.doli-main .players-bet .casino-bl-box {
    width: 50%;
}

.doli-main .players-bet .casino-bl-box-item {
    width: calc(50% - 2px);
}

.doli-main .players-bet {
    width: calc(40% - 5px);
    display: flex;
    flex-wrap: wrap;
}

.doli-main .casino-box-row {
    width: 100%;
}

.doli-main .side-bets {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(60% - 5px);
    gap: 10px;
}

.doli-main .any-pair {
    width: calc(20% - 7px);
}

.doli-main .doli-odds-box {
    width: 20%;
}

.doli-main .any-pair .doli-odds-box {
    width: 100%;
}

.doli-main .side-bets .casino-bl-box-item {
    height: 50px;
}

.doli-main .any-pair .casino-bl-box-item {
    width: 100%;
}

.doli-dana .odd-name {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.doli-main .side-bets .odd-even-pair {
    width: calc(35% - 7px);
    background: #ffffff24;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

:root[data-theme="light"] .doli-main .side-bets .odd-even-pair {
    background: #00000017;
}

.doli-main .side-bets .bets-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.doli-main .side-bets .odd-even-pair .bets-box .doli-odds-box {
    width: calc(50% - 5px);
}

    .doli-main .side-bets .odd-even-pair .bets-box .doli-odds-box .casino-bl-box-item {
        width: 100%;
    }

.doli-main .side-bets .lucky7-pair {
    width: calc(45% - 7px);
    background: #ffffff24;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

:root[data-theme="light"] .doli-main .side-bets .lucky7-pair {
    background: #00000017;
}

.doli-main .side-bets .lucky7-pair .bets-box .doli-odds-box {
    width: calc(33.33% - 5px);
}

    .doli-main .side-bets .lucky7-pair .bets-box .doli-odds-box .casino-bl-box-item {
        width: 100%;
    }

.doli-other-bets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 8px;
}

    .doli-other-bets .particular-pair {
        width: calc(35% - 5px);
        background: #ffffff24;
        padding: 8px;
        border-radius: 4px;
        display: flex;
        flex-wrap: wrap;
    }

:root[data-theme="light"] .doli-other-bets .particular-pair {
    background: #00000017;
}

.doli-other-bets .bets-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.doli-other-bets .particular-pair .bets-box .doli-odds-box {
    width: calc(33.33% - 5px);
}

.doli-other-bets h4, .doli-main .side-bets h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}

.doli-other-bets .particular-pair .bets-box .doli-odds-box {
    width: calc(33.33% - 5px);
}

.doli-other-bets .casino-bl-box-item {
    height: 50px;
    width: 100%;
}

.doli-other-bets .sum-odds {
    width: calc(65% - 5px);
    background: #ffffff24;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
}

:root[data-theme="light"] .doli-other-bets .sum-odds {
    background: #00000017;
}

.doli-other-bets .sum-odds .bets-box .doli-odds-box {
    width: calc(16.66% - 5px);
}