@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);
  }