@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);
:root {
    --bg-body: #0b0e2c;
    --text-body: #aaafb5;
    --bg-sidebar: #181637;
    --text-sidebar: #aaafb5;
    --bg-table: #211e4f;
    --text-table: #aaafb5;
    --bg-table-header: #211e4f;
    --text-table-header: #aaafb5;
    --bg-primary: #1e6750!important;
    --text-table-header-new: #eeeeee!important;
    --text-highlight: #ffffff;
    --text-fancy: #0e684e;
    --btn-primary: #03b37f;
    --btn-secondary: #03b37f52;
    --btn-reset: #fc4242;
    --bg-tabs: #03b37f;
    --bg-news: #005a40;
    --bg-purple: #70315670;
    --bg-gray:#211e4f;
    --text-light1:#eeeeee;


    --bg-primary1:#4ea218;
    --bg-secondary1:#0b0e2c;


}



:root[data-theme="light"] {
    --bg-body: #ffffff;
    --text-body: #3c444b;
    --bg-sidebar: #f1f4f3;
    --text-sidebar: #3c444b;
    --bg-table: #f1f4f3;
    --text-table: #71787d;
    --bg-table-header: #d6dedb;
    --text-table-header: #71787d;
    --text-highlight: #000000;
    --text-fancy: #ef910f;
    --btn-primary: #03b37f;
    --btn-secondary: #03b37f52;
    --btn-reset: #fc4242;
    --bg-news: #005a40;
    --bg-tabs: #03b37f;
}

: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: #0070a8;
    --text-table-header: #ffffff;
    --text-highlight: #000000;
    --text-fancy: #ff9b11;
    --btn-primary: #03b37f;
    --btn-secondary: #03b37f52;
    --btn-reset: #fc4242;
    --bg-tabs: #005a40;
    --bg-news: #03b37f;
}


:root {
    /*--table-hover: #000000BF;*/
    --text-white: #ffffff;
    --text-black: #000000;
    --text-yellow: #FDCF13;
    --text-red: #FC4242;
    --text-green: #03B37F;
    --bg-success: #03B37F;
    --bg-success-hover: #008E64;
    --bg-warning: #FDCF13;
    --bg-danger: #FC4242;
    --bg-info: #F18521;
    --bg-bet: #03B37F52;
    --bg-tabs: #03b37f33;
    --book-green: #39ff39;
    --book-red: #f7505e;
    --back: #72BBEF;
    --back-hover: #4FA1DC;
    --back1: #72BBEFCC;
    --back2: #72BBEFA3;
    --lay: #F994BA;
    --lay-hover: #E16F9A;
    --lay1: #F994BACC;
    --lay2: #F994BAA3;
    --back-title: #72BBEF80;
    --lay-title: #F994BA80;
    --football: #03B37F;
    --football_75: #03B37FBF;
    --football_50: #03B37F80;
    --tennis: #F18521;
    --tennis_75: #F18521BF;
    --tennis_50: #F18521A3;
    --boxing: #E44E23;
    --boxing_75: #E44E23BF;
    --boxing_50: #E44E2380;
    --cricket: #20327B;
    --cricket_75: #20327BBF;
    --cricket_50: #20327B80;
    --golf: #015900;
    --golf_75: #015900BF;
    --golf_50: #01590080;
    --beach-volleyball: #FF9C63;
    --beach-volleyball_75: #FF9C63BF;
    --beach-volleyball_50: #FF9C6380;
    --table-tennis: #DB2752;
    --table-tennis_75: #DB2752BF;
    --table-tennis_50: #DB275280;
    --futsal: #74C94B;
    --futsal_75: #74C94BBF;
    --futsal_50: #74C94B80;
    --horse-racing: #9E4025;
    --horse-racing_75: #9E4025BF;
    --horse-racing_50: #9E402580;
    --egames: #623CEA;
    --egames_75: #623CEABF;
    --egames_50: #623CEA80;
    --grey-hounds: #E89780;
    --grey-hounds_75: #E89780BF;
    --grey-hounds_50: #E8978080;
    --trotting: #996658;
    --trotting_75: #996658BF;
    --trotting_50: #99665880;
    --speedway: #C14347;
    --speedway_75: #C14347BF;
    --speedway_50: #C1434780;
    --basketball: #FBB03B;
    --basketball_75: #FBB03BBF;
    --basketball_50: #FBB03BA3;
    --moto-gp: #9FBE3C;
    --moto-gp_75: #9FBE3CBF;
    --moto-gp_50: #9FBE3C80;
    --chess: #0E345E;
    --chess_75: #0E345EBF;
    --chess_50: #0E345E80;
    --vollyball: #074A60;
    --vollyball_75: #074A60BF;
    --vollyball_50: #074A6080;
    --ice-hockey: #2F7ED5;
    --ice-hockey_75: #2F7ED5BF;
    --ice-hockey_50: #2F7ED580;
    --equine-sports: #E07A5F;
    --equine-sports_75: #E07A5FBF;
    --equine-sports_50: #E07A5F80;
    --australians-rules: #FF6457;
    --australians-rules_75: #FF6457BF;
    --australians-rules_50: #FF645780;
    --badminton: #3C7A57;
    --badminton_75: #3C7A57BF;
    --badminton_50: #3C7A5780;
    --formula-1: #BF6F7E;
    --formula-1_75: #BF6F7EBF;
    --formula-1_50: #BF6F7E80;
    --nascar: #CB2755;
    --nascar_75: #CB2755BF;
    --nascar_50: #CB275580;
    --hockey: #3D2B58;
    --hockey_75: #3D2B58BF;
    --hockey_50: #3D2B5880;
    --supercars: #772B59;
    --supercars_75: #772B59BF;
    --supercars_50: #772B5980;
    --netball: #279A95;
    --netball_75: #279A95BF;
    --netball_50: #279A9580;
    --surfing: #81A6FF;
    --surfing_75: #81A6FFBF;
    --surfing_50: #81A6FF80;
    --cycling: #60A5DA;
    --cycling_75: #60A5DABF;
    --cycling_50: #60A5DA80;
    --gaelick-sports: #07695F;
    --gaelick-sports_75: #07695FBF;
    --gaelick-sports_50: #07695F80;
    --biathlon: #2F158B;
    --biathlon_75: #2F158BBF;
    --biathlon_50: #2F158B80;
    --motorbikes: #BD6A58;
    --motorbikes_75: #BD6A58BF;
    --motorbikes_50: #BD6A5880;
    --athletics: #D96C0D;
    --athletics_75: #D96C0DBF;
    --athletics_50: #D96C0D80;
    --squash: #446EA6;
    --squash_75: #446EA6BF;
    --squash_50: #446EA680;
    --basketball-3-3: #E83D1A;
    --basketball-3-3_75: #E83D1ABF;
    --basketball-3-3_50: #E83D1A80;
    --floorball: #04ADBF;
    --floorball_75: #04ADBFBF;
    --floorball_50: #04ADBF80;
    --sumo: #D95B66;
    --sumo_75: #D95B66BF;
    --sumo_50: #D95B6680;
    --virtual-sports: #D592FF;
    --virtual-sports_75: #D592FFBF;
    --virtual-sports_50: #D592FF80;
    --handball: #69306D;
    --handball_75: #69306DBF;
    --handball_50: #69306D80;
    --politics: #B4845B;
    --politics_75: #B4845BBF;
    --politics_50: #B4845B80;
    --weather: #518CAD;
    --weather_75: #518CADBF;
    --weather_50: #518CAD80;
    --tv-games: #513896;
    --tv-games_75: #513896BF;
    --tv-games_50: #51389680;
    --lottery: #E9BC26;
    --lottery_75: #E9BC26BF;
    --lottery_50: #E9BC2680;
    --bowls: #590902;
    --bowls_75: #590902BF;
    --bowls_50: #59090280;
    --waterpolo: #21A3B8;
    --waterpolo_75: #21A3B8BF;
    --waterpolo_50: #21A3B880;
    --alpine-skiing: #509BFF;
    --alpine-skiing_75: #509BFFBF;
    --alpine-skiing_50: #509BFF80;
    --sailing: #00B4D8;
    --sailing_75: #00B4D8BF;
    --sailing_50: #00B4D880;
    --hurling: #52B788;
    --hurling_75: #52B788BF;
    --hurling_50: #52B78880;
    --ski-jumping: #70C1B3;
    --ski-jumping_75: #70C1B3BF;
    --ski-jumping_50: #70C1B380;
    --bandy: #D99B84;
    --bandy_75: #D99B84BF;
    --bandy_50: #D99B8480;
    --motor-sports: #A175C8;
    --motor-sports_75: #A175C8BF;
    --motor-sports_50: #A175C880;
    --baseball: #C06C84;
    --baseball_75: #C06C84BF;
    --baseball_50: #C06C8480;
    --rugby-union: #8A101C;
    --rugby-union_75: #8A101CBF;
    --rugby-union_50: #8A101C80;
    --rugby-league: #ED5F62;
    --rugby-league_75: #ED5F62BF;
    --rugby-league_50: #ED5F6280;
    --curling: #5478BF;
    --curling_75: #5478BFBF;
    --curling_50: #5478BF80;
    --darts: #B21347;
    --darts_75: #B21347BF;
    --darts_50: #B2134780;
    --americal-footbal: #D3393D;
    --americal-footbal_75: #D3393DBF;
    --americal-footbal_50: #D3393D80;
    --snooker: #11B24B;
    --snooker_75: #11B24BBF;
    --snooker_50: #11B24B80;
    --lottery-specials: #A53860;
    --lottery-specials_75: #A53860BF;
    --lottery-specials_50: #A5386080;
    --special-bets: #E63946;
    --special-bets_75: #E63946BF;
    --special-bets_50: #E6394680;
    --lotto: #05668D;
    --lotto_75: #05668DBF;
    --lotto_50: #05668D80;
    --card-cricket: #581ab4;
    --card-cricket_75: #581ab4BF;
    --card-cricket_50: #581ab480;
    --kabaddi: #6e2e26;
    --kabaddi_75: #6e2e26BF;
    --kabaddi_50: #6e2e2680;
}

@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: var(--bg-table) var(--bg-table-header);
}
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: var(--bg-table) var(--bg-table-header);
}
button, input, optgroup, select, textarea, option {
    font-family: revert;
}
body.modal-open {
    padding-right: 8px !important;
}
.modal-open .modal {
    padding-right: 8px !important;
}
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    background: var(--bg-table);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
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;
}
.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("../images/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: 3px;
    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: 0px;
    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: 3px;
    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-primary1);
    z-index: 1001;
}
/* .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);
    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 {
    background-color: var(--bg-table);
    color: var(--text-table);
    vertical-align: middle;
}
.depo-withdraw-btn {
    position: absolute;
    right: 5px;
    top: 3px;
}
.badge {
    background-color: var(--bg-table);
    vertical-align: middle;
    padding: 5px 10px;
    color: var(--text-table);
}
.user-dropdown a .badge {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
.header-top ul li a.router-link-active {
    color: var(--text-fancy);
}
.header-top ul li a:hover, .header-top ul li a:focus, .header-top ul li a:active {
    color: var(--text-fancy);
}
.header {
    height: 60px;
    position: fixed;
    top: 0px;
    width: calc(100% - 302px);
    right: 0;
    background-color:var(--bg-other);
    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: #fff !important;;
  
}


.header ul li a.router-active{
    position:relative;
}
.header ul li a.router-active::before{
    position: absolute;
    content: "";
    background: var(--bg-primary1);
    height: 2px;
    width: 100%;
    bottom: -5px;
    left: 0;
    right: 0;
}


.header ul li a:hover {
    color: var(--text-highlight);
}
.header ul li a.router-link-active {
    color: var(--text-highlight);
    font-weight: var(--font-semi);
}
.header-right {
    padding-right: 16px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
    gap: 5px;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.odds-format {
    height: 22px;
    color: var(--text-table);
}
.format-name {
    height: 22px;
    color: var(--text-white);
    padding-left: 8px;
}
.language {
    padding-left: 40px;
    height: 22px;
    color: var(--text-sidebar);
}
.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 {
    color: var(--text-highlight);
    background: var(--bg-success-hover);
    border-radius: 0px;
}
.header .btn-primary {
    height: 40px;
    margin-left: 40px;
}
.header-right button.btn {
    height: 44px;
    width: auto;
    padding: 10px 18px;
    border-radius: 5px;
    background-color: var(--bg-primary1);
    border-color: var(--btnbr);
    color: var(--text-light);
}

.header-right button.btn.btn-secondary {
    background-color: #211e4f;
    border-color: var(--btnbr);
    color: var(--text-light);
    border:none;
}


.header .btn-primary span {
   /* height: 22px;
    */
    color: var(--text-highlight);
}
.language-block {
    cursor: pointer;
}
.language-box {
    border-radius: 8px;
    background-color: var(--bg-sidebar);
    position: absolute;
    top: 100%;
    padding: 16px;
    width: 600px;
    right: 20px;
    top: 75px;
    z-index: 100;
}
.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: var(--text-sidebar);
}
.odds-format-block {
    position: relative;
    cursor: pointer;
}
.odds-format-box {
    width: 160px;
    position: absolute;
    left: 0;
    border-radius: 0px;
    background-color: var(--bg-table);
    padding: 8px 0;
    z-index: 10;
}
.odds-format-box a {
    display: block;
    height: 38px;
    width: 160px;
    line-height: 38px;
    color: var(--text-highlight);
    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: #2b2854;
    width: auto;
    padding: 0 10px 0 0;
    height: 36px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
}

.balance>div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: var(--bg-gray);
}
.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;
    line-height: 15px;
}
.balance-value {
    color: var(--text-body);
}
.username-info {
    display: inline-block;
    padding-left: 0;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    background: #2b2854;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    /* overflow: hidden; */
    font-size:13px;
}
.user-icon {
    height: 100%;
    background-color: var(--bg-gray) !important;
    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;
}
.user-dropdown {
    width: auto;
    position: absolute;
    right: 0;
    top: 100%;
    border-radius: 0px;
    background-color: var(--bg-sidebar);
    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: 40px;
    margin-top: 5px;
    border-radius: 0;
    height:auto;
    overflow-y: auto;
}
.user-dropdown::-webkit-scrollbar {
    width: 8px;
}
.user-dropdown::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.user-dropdown::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}

.user-dropdown a {
    display: block;
    width: 170px;
    color: var(--text-sidebar);
    opacity: 0.9;
    padding-left: 0;
    text-decoration: none;
    font-size: var(--font-caption);
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 16px;
    line-height: 15px;
    /* line-height: 22px; */
    padding-top: 6px;
    padding-bottom: 6px;
}
.user-dropdown a:hover {
    text-decoration: none;
    opacity: 1;
}
.user-dropdown .active {
    background-color: var(--bg-success);
}
.login-seperator {
    background-color: var(--bg-table-header);
    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:0px;
    left: 0;
    height: 100vh;
    transition: 0.8s;
    z-index: 10;
    z-index: 100;
    .sidebar-left[_ngcontent-ncb-c46] {
        top: 68px;
        overflow-y: auto;
    }
}
/* .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: 50px;
    max-width: 100%;
}
.sidebar-left .search-box {
    padding: 0px 10px;
    margin-top: 3px;
}
.search-box .form-group {
    position: relative;
    margin-right: 0;
}
.search-box .form-control {
    height: 48px;
    border-radius:6px;
    background-color: var(--bg-gray) !important;
    border:none;
    color: var(--text-body);
}
.search-box .search-icon {
    position: absolute;
    top: 16px;
    right: 16px;
}
.search-list {
    position: fixed;
    left: 305px;
    top: 116px;
    width: 400px;
    /* border-radius: 8px; */
    background-color: var(--bg-sidebar);
    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;
    scrollbar-color: var(--bg-table) var(--bg-table-header);
}
.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: var(--bg-table);
}
.search-list .search-content::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}

.scoll_tab_new::-webkit-scrollbar {
    width: 8px;
}
.scoll_tab_new::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.scoll_tab_new::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}


.search-event-title {
    background-color: var(--bg-table);
    padding: 8px 16px;
    color: #ddd;
}
.search-game {
    padding: 8px 16px;
    cursor: pointer;
    border-bottom: 1px solid var(--bg-table-header);
    color: #eee;
}
.search-game:hover {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
.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-primary1);
    color: var(--text-light1) !important;
    border-radius:3px;
}
.menu-box h5 u {
    text-decoration:none !important;
}
.all-menu {
    height: calc(100vh - 320px);
    scrollbar-width: thin;
    scrollbar-color: var(--bg-table) var(--bg-table-header);
    overflow-x: hidden;
    overflow-y: auto;
}
.all-menu::-webkit-scrollbar {
    width: 8px;
}
.all-menu::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.all-menu::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.special-menu {
    margin-top: 10px;
}
.special-menu h5 {
    font-size: 18px;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    background:var(--bg-primary1);
    color:var(--text-light1) !important;
    border-radius:3px;
}
.special-menu h5 u {
    text-decoration:none !important;
}
.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: var(--bg-table-header) !important;
    color: var(--text-table-header);
    padding: 0 5px;
    margin-bottom: 10px;
    cursor: pointer;
    min-width: 250px;
}
.special-menu .dropdown-menu h5 {
    margin-bottom: 10px;
    border-bottom: 2px solid var(--text-sidebar);
    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: var(--bg-table) var(--bg-table-header);
}
.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar {
    width: 8px;
}
.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.special-menu .dropdown-menu a {
    display: block;
    padding: 0;
}
.special-menu .dropdown-menu .dropdown-item {
    color: var(--text-sidebar) !important;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
.special-menu .dropdown-menu .dropdown-item:hover {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
.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: var(--bg-table);
}
.menu-box::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.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-table-header);
    color: var(--text-table-header) !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: var(--bg-table) var(--bg-table-header);
    overflow-x: hidden;
    overflow-y: auto;
}
.casino-menu li .active, .casino-menu li .active:hover, .casino-menu li .active:focus {
    background-color: var(--bg-primary1);
    color: #fff;
}
.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.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.sport7 .icon-7, .point-sidebar .navbar-nav .nav-link .icon-7 {
    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.sport4339 .icon-4339, .point-sidebar .navbar-nav .nav-link .icon-4339 {
    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.sport7522 .icon-7522, .point-sidebar .navbar-nav .nav-link .icon-7522 {
    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.sport998917  .icon-998917, .point-sidebar .navbar-nav .nav-link .icon-998917 {
    color: var(--vollyball);
}
.menu-box li:not(.show) a.sport7524 .icon-7524, .point-sidebar .navbar-nav .nav-link .icon-7524 {
    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.sport2378961 .icon-2378961, .point-sidebar .navbar-nav .nav-link .icon-2378961 {
    color: var(--politics);
}
.menu-box li:not(.show) a.sport-5 .icon--5, .point-sidebar .navbar-nav .nav-link .icon--5 {
    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.sport6423 .icon-6423, .point-sidebar .navbar-nav .nav-link .icon-6423 {
    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.sport4339 .icon-4339, .point-sidebar .navbar-nav .nav-link .icon-4339 {
    color: var(--grey-hounds);
}
.menu-box li:not(.show) a.sport-4 .icon--4, .point-sidebar .navbar-nav .nav-link .icon--4 {
    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.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.sport7522~ul>li>a.active {
    background-color: var(--basketball_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport7522~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.sport998917~ul>li>a.active {
    background-color: var(--vollyball_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport998917~ul ul li a.active {
    background-color: var(--vollyball_50);
    color: var(--text-white) !important;
}
.menu-box li a.sport7524~ul>li>a.active {
    background-color: var(--ice-hockey_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport7524~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.sport2378961~ul>li>a.active {
    background-color: var(--politics_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport2378961~ul ul li a.active {
    background-color: var(--politics_50);
    color: var(--text-white) !important;
}
.menu-box li a.sport-5~ul>li>a.active {
    background-color: var(--politics_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport-5~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.sport6423~ul>li>a.active {
    background-color: var(--americal-footbal_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport6423~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.sport-4~ul>li>a.active {
    background-color: var(--kabaddi_75);
    color: var(--text-white) !important;
}
.menu-box li a.sport-4~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);
    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.show>.dropdown-item {
    color: var(--text-highlight);
}
.navbar-nav .dropdown-menu .dropdown-toggle {
    background-image: url("../images/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("../images/arrow-down.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 {
    border-bottom: 1px solid var(--bg-table-header);
    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: 0px 0 0 0;
    background-color: var(--bg-sidebar);
    padding: 16px;
    height: calc(100vh - 100px);
    scrollbar-width: thin;
    scrollbar-color: var(--bg-table) var(--bg-table-header);
    overflow-x: hidden;
    position: relative;
}
/* .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);
}
.right-sidebar.home-right-sidebar.sticky {
    height: calc(100vh - 94px);
}
.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::-webkit-scrollbar {
    width: 8px;
}
.right-sidebar::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.right-sidebar::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.right-sidebar {
    position: fixed;
    right: 0;
    top: 62px;
    min-height: calc(100vh -94px);
    padding: 4px !important;
}

/* .animate-on .right-sidebar.sticky {
    top: 106px;
    min-height: calc(100vh -106px);
}
*/
.bet-slip-container {
    margin-bottom: 16px;
}
.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: 0px;
    background-color: var(--bg-table);
    color: var(--text-table);
    margin-top: 8px;
    padding: 0;
}
.bet-slip-box.back {
    background-color: var(--back) !important;
}
.bet-slip-box.lay {
    background-color: var(--lay);
}
.bet-slip-box.back, .bet-slip-box.lay {
    color: #000 !important;
}

.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;
}
@keyframes spinner {
    from {
        transform: rotate(0deg);
   }
    to {
        transform: rotate(360deg);
   }
}
.bet-slip {
    border-bottom: 1px solid var(--bg-table-header);
    padding: 8px;
    margin-bottom: 5px;
}
.bet-slip:last-child {
    border-bottom: 0;
}
.bet-nation span {
    height: 19px;
    /* color:#000; */
    font-size: var(--font-caption);
    letter-spacing: 0;
    line-height: 19px;
    max-width: calc(100% - 20px);
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.my-market-title {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
    padding: 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%;
    color: var(--text-fancy);
}
.bet-nation img {
    width: 10px;
    height: 10px;
    filter: invert(1);
}
.bet-slip-box .bet-time {
    height: 19px;
    color: var(--text-fancy);
    font-size: var(--font-caption);
    letter-spacing: 0;
    line-height: 19px;
}
.my-market-container .bet-slip-box .bet-time {
    color: var(--text-highlight);
}
.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: 5px;
}
.match-result {
    margin-top: 0;
    height: 19px;
    color: var(--text-table);
    font-size: var(--font-caption);
    line-height: 19px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bet-team {
    font-size: var(--font-caption);
    margin-top: 6px;
    font-weight: var(--font-bold);
    /* color:#000000; */
    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 {
    border-bottom: 1px dashed var(--bg-table-header);
    padding: 16px;
    text-align: right;
}
.bet-total .bet-odds {
    height: 19px;
    color: var(--text-highlight);
    line-height: 19px;
}
.bet-total .bet-total-number {
    height: 19px;
    color: var(--text-fancy);
    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 {
    color: var(--text-white);
    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-input {
    margin-top: 0;
    margin-left: 0;
    width: calc(48% - 8px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 36px;
}
.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), var(--bg-table-header));
}
.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), var(--bg-table-header));
}
.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), var(--bg-table-header));
}
.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), var(--bg-table-header));
}
.bet-input .form-control {
    color: var(--text-table);
    height: 36px;
    border: 0;
    background-color: transparent;
}
.bet-buttons {
    padding: 8px 8px 0 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-center;
    flex-wrap: wrap;
}
.bet-buttons .btn {
    min-width: 22.75%;
    margin-right: 3%;
    margin-bottom: 4px;
    height: 40px;
    border-radius: 0px;
    background-color: var(--bg-primary1);
    border-color: transparent;
    padding: 0;
}
.bet-buttons .btn:nth-child(4n) {
    margin-right: 0;
}
.bet-buttons .btn:hover {
    opacity: 0.8;
}
.bet-buttons .btn span {
    color: var(--text-highlight);
}
.confirm-bets {
    padding: 0 8px 8px 8px;
}
.possible-win {
    padding: 0;
    margin-top: 0;
    text-align: center;
    display: inline-block;
    text-align: right;
    width: calc(48% - 8px);
    margin-top: 8px;
}
.possible-win span {
    /* color: var(--text-highlight); */
    font-size: var(--font-small);
}
.possible-win h1 {
    /* color: var(--text-table); */
    font-size: var(--font-caption);
}
.bet-slip-container .place-bet-btn {
    padding: 0;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
}
.bet-slip-container .place-bet-btn .btn {
    height: auto;
}
.bet-slip-container .place-bet-btn .btn span {
    height: 22px;
    color: var(--text-white);
    font-weight: var(--font-semi);
    text-align: center;
}
.market-tabs {
    /* background-color: var(--bg-sidebar); */
    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 {
    color: var(--text-highlight);
    font-weight: var(--font-semi);
    border-bottom: 2px solid var(--text-highlight);
    background-color: transparent;
}
/*Place Bet*/
.modal-place-bet .modal-content {
    background-color: var(--bg-sidebar);
}
.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: 0px;
    width: 302px;
    z-index: 1001;
    background-color: var(--bg-other);
   /* border-bottom: 1px solid var(--bg-table-header);
    */
   /* height: 60px;
    */
    display: flex;
    justify-content: start;
    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: 0px;
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
    margin-bottom: 6px;
}
.casino-place-bet-title {
    padding: 8px;
    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);
    color: var(--text-table-header);
}
.casino-place-bet-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 6px;
    border-bottom: 1px solid var(--bg-table-header);
}
.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;
    background-color: var(--bg-table);
    padding: 6px 6px 0;
    color: var(--text-table);
    flex-wrap: wrap;
}
.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: 40px;
    width: 80px;
    border: 1px solid var(--bg-table-header);
    border-radius: 0px;
    padding: 0;
    background-color: var();
}
.odds-box input {
    height: 40px;
    width: 80px;
    background: transparent;
    border: 0;
    background-color: #23292e !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 {
    border: 0;
    background: transparent;
}
.odds-box .arrow-up {
    position: absolute;
    top: 9px;
    right: 8px;
    transform: scaleY(-1);
}
.odds-box .arrow-down {
    position: absolute;
    bottom: 9px;
    right: 8px;
}
.input-stake {
    background-color: transparent;
    width: 80px;
    height: 40px;
    border: 1px solid var(--bg-table-header);
}
.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:0px;
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
.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-success);
    color: var(--text-white);
    padding: 5px;
    font-size: 20px;
    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: var(--bg-table) var(--bg-table-header);
}
s .home-casiono-icons .scroll-home-icon::-webkit-scrollbar {
    width: 8px;
}
.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.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: 20px auto 0;
}
.footer ul {
    display: inline-block;
}
.footer ul li {
    float: left;
}
.footer ul li a {
    height: 22px;
    color: var(--text-body);
}
.footer ul li.active a {
    color: var(--text-highlight);
    font-weight: var(--font-semi);
}
.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: 1px solid var(--text-fancy);
    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: 6px;
}
.footer-top .secure-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
.footer-top .secure-logo img {
    max-height: 50px;
}
.footer .support {
    width: 100%;
    display: flex;
    background:var(--bg-primary1);
    padding:8px;
    justify-content: center;
    color:#fff;
    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:16px;
}
.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: 10px;
    text-align: center;
}
.footer-menu {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: center;
    margin-top: 7px;
}
.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: 0px;
    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 {
    color: var(--text-highlight);
    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 {
    color: var(--text-highlight);
    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: 0px;
    background-color: var(--bg-body);
    color: var(--text-highlight);
}
.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: 95%;
    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;
    color: var(--text-highlight);
    background-image: linear-gradient(#23292e91, #23292e91);
}
.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;
    color: var(--text-highlight);
}
.login-footer .footer-top .footer-social {
    float: right;
}
.login-footer .footer-bottom {
    color: var(--text-highlight);
    font-size: var(--font-caption);
    line-height: 19px;
    margin-top: 10px;
}
.whatsapp-box {
    background: var(--bg-table-header);
    padding: 8px;
    border-radius: 8px;
    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: 6px;
    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: normal;
    border-radius: 0px;
    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: 15px !important;
}
/* .animate-on .sidebar-left~.main-container {
    margin-top: 68px;
}
*/
.center-main-content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding-top: 6px;
    margin-top: 50px;
}
.casino-main-content {
    width: calc(100% - 220px);
    margin-left: 220px;
}
/* .center-main-content.casino-center-main-content {
    margin-top: 95px;
}
*/
.header-casino~.center-main-content {
    margin-top: 105px !important;
    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);
    color: var(--text-light1);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 46px;
    flex: 1;
    background-color:var(--bg-gray);
    margin-left: 10px;
}
/*.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% - 362px);
    margin-right: 6px;
    margin-left: 6px;
    position: relative;
}
.center-container .detail-page-container, .center-container .home-container, .center-container .casino-container, .center-container.casino-list-container {
    min-height: calc(100vh - 200px);
    height: auto;
    align-content: flex-start;
}
.ballbyball-container{
    min-height: 0px !important;
}
.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 {
    color: var(--text-highlight);
    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%;
}
.bet-table-header.nodata {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
    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 {
    color: var(--text-white);
    margin-left: 5px;
}
.bet-table-header .game-title img {
    margin-right: 16px;
}
.matched-title {
    width: 90px;
}
.point-title {
    width: 148px;
    margin-left: 16px;
}
.point-title.suspended:after {
    border-radius: 3px;
}
.matched-title, .point-title {
    text-align: center;
    color: var(--text-white);
}
.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 - 200px);
}
.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;
    border-right: 1px solid var(--bg-table-header);
}
.bl-box {
    height: 32px;
    width: 72px;
    border-radius: 4px !important;
    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: 0px;
}
.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-highlight);
}
.bl-box.no-val {
    border: 1px solid #3c444b;
    border-radius: 0px;
}
.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;
}
.sport-tabs .arrow-tabs.arrow-left img {
    transform: rotate(90deg);
}
.sport-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 .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.active .d-icon {
    color: var(--text-white);
}
.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.sport7.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.sport4339.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.sport7522.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.sport998917.active {
    background-color: var(--vollyball) !important;
}
.sport-tabs .nav-tabs .nav-link.sport7524.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.sport2378961.active {
    background-color: var(--politics) !important;
}
.sport-tabs .nav-tabs .nav-link.sport-5.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.sport6423.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.sport4339.active {
    background-color: var(--grey-hounds) !important;
}
.sport-tabs .nav-tabs .nav-link.sport-4.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.sport-17.active {
    background-color: var(--card-cricket) !important;
}
.sport-tabs .nav-tabs .nav-link.active span {
    color: var(--text-white);
}
.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: 40px;
    position: absolute;
    top: 5px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
    font-size: 16px;
}
.arrow-tabs:hover, .arrow-tabs:focus {
    color: var(--text-table-header);
    opacity: 0.6;
}
.arrow-tabs.arrow-left {
    left: 0;
}
.arrow-tabs.arrow-right {
    right: 0;
}

.casino-tabs-menu .arrow-tabs.arrow-left {
    left: 0;
    transform: rotate(90deg);
}
.casino-tabs-menu  .arrow-tabs.arrow-right {
    right: 0;
    transform: rotate(-90deg);
}


/*End Home Page CSS*/
/*Detail Page CSS goes here*/
.game-header {
    padding: 8px;
    color: var(--text-white);
    width: 100%;
    display: flex;
    display: -webkit-flex;
    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: 0px;
    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 {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(100% - 6px);
    flex: 1;
}
.detail-page-container .market-4.width-75, .detail-page-container .market-12.width-75, .detail-page-container .market-13.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 {
    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 {
    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 {
    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 {
    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%;
}
.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);
    color: var(--text-table-header);
    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 {
    justify-content: flex-start;
}
.detail-page-container .bet-table {
    margin-top: 6px;
}
.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 {
    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 {
    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 {
    max-width: 100%;
    line-height: normal;
}
/* .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 {
    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 {
    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);
}
.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;
}
.detail-page-container .market-6 .nation-name p {
    height: auto;
    width: 100%;
}
.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: 5px;
    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: 38px;
    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: 19px;
    color: var(--text-table);
    margin-bottom: 6px;
    margin-bottom: 0;
    line-height: 20px;
    width: 100%;
}
.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;
}
.detail-page-container .nation-name p span:last-child {
    font-size: var(--font-small);
}
.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;
}
.bet-table .bet-table-header:not(:first-child) {
    border-radius: 0;
}
.detail-tabs {
    height: 60px;
    border-radius: 0;
    background-color: var(--bg-sidebar);
    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 {
    color: var(--text-highlight);
    font-weight: var(--font-semi);
    border-bottom: 2px solid var(--text-highlight);
}
.detail-tabs .nav-tabs .nav-link:focus, .detail-tabs .nav-tabs .nav-link:hover {
    border: 0;
    color: var(--text-highlight);
}
.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: 38px;
}
.market-2 .suspendedfull:after, .market-11 .suspendedfull:after {
    width: 148px;
    height: calc(100% - 4px);
}
.market-3 .suspendedtext:after {
    width: 300px;
    height: 38px;
}
.market-3 .suspendedfull:after {
    width: 300px;
    height: calc(100% - 4px);
}
.market-4 .suspendedtext:after, .market-13 .suspendedtext:after {
    width: 452px;
    height: 38px;
}
.market-12 .suspendedtext:after {
    width: 452px;
    height: 100%;
    top: 0;
}
.market-4 .suspendedfull:after, .market-12 .suspendedfull:after, .market-13 .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: 38px;
}
.market-5 .suspendedfull:after {
    right: 160px;
    width: 148px;
    height: calc(100% - 4px);
}
.market-6 .suspendedtext:after {
    width: 148px;
    right: 84px;
    height: calc(100% - 4px);
}
.market-6 .suspendedfull:after {
    width: 148px;
    right: 84px;
    height: calc(100% - 4px);
}
.market-9 .suspendedtext:after {
    width: 72px;
    right: 8px;
    height: calc(100% - 4px);
}
.market-10 .suspendedtext:after {
    width: 72px;
    right: 84px;
    height: calc(100% - 4px);
}
.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 {
    height: calc(100% - 30px);
    top: 28px;
}
/*Scorecard*/
.scorecard {
    width: 616px;
    border-radius: 0px;
    background-color: var(--bg-table);
    position: absolute;
    font-size: var(--font-caption);
    max-width: 95%;
}
.scorecard-header {
    border-radius: 0;
    height: 32px;
    background-color: var(--bg-sidebar);
    font-size: var(--font-small);
    padding: 5px 10px;
}
.scorecard-row {
    padding: 2px 15px;
    border-bottom: 1px solid var(--bg-table-header);
}
.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;
}
.ball-runs.four {
    background-color: #087f23;
}
.ball-runs.six {
    background-color: #883997;
}
.ball-runs.wicket {
    background-color: #ff0000;
}
.right-sidebar.casino-right-sidebar {
    width: 464px;
    background-color: var(--bg-table);
    padding: 4px;
   /* z-index: 100;
    */
}
/*End Detail Page CSS*/
.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: var(--bg-table) var(--bg-table-header);
    border-radius: 0;
    background-color: transparent;
    position: relative;
    padding-top: 48px;
    margin-bottom: 20px;
}
.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: var(--bg-table);
}
.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
/*End Casino Page CSS*/
/*Report Page CSS goes here*/
.report-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-top: 0px;
}
.report-box {
    background-color: var(--bg-table);
    padding: 16px;
    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-box.casino-box .casino-primary-tabs {
    background-color: var(--bg-table-header);
    border-radius: 0;
    margin-top: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
}
*/
/*.report-box.casino-box .casino-primary-tabs .nav-tabs .nav-item .nav-link {
    border-right: 1px solid var(--bg-table);
}
*/
.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: var(--bg-table);
    color: var(--text-table);
}
.report-title input {
    background-color: var(--bg-body);
    width: 320px;
    color: var(--text-body);
}
.report-form select {
    width: 240px;
}
.report-form input {
    width: 170px;
}
.report-form button {
    width: 150px;
}
.report-page-count {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.file-icons {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.file-icons svg {
    cursor: pointer;
    margin-right: 10px;
    height:32px;
    width:24px;
}
.file-icons .file-pdf {
    fill: #f70000;
}
.file-icons .file-excel {
    fill: #1f6e43;
}
.file-icons.disabled svg{
    fill: 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);
    padding: 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    color: var(--text-table-header);
}
.battle-content {
    border: 1px solid var(--bg-table-header);
}
.battle-content-row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 4px;
    cursor: pointer;
    border: 1px solid var(--bg-table-header);
    border-top: 0;
    border-bottom: 1px solid var(--bg-table-header);
}
.battle-content-detail {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 4px;
    border-bottom: 1px solid var(--bg-table-header);
}
.battle-detail-content {
    width: 48%;
    margin-right: 1%;
}
.battle-detail-content-box {
    background-color: var(--bg-body);
    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-fancy);
    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;
    background-color: var(--btn-secondary);
    text-align: center;
    font-size: var(--font-small);
    color: var(--text-highlight);
}
.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: var(--bg-body);
    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;
    color: var(--text-highlight);
}
.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);
}
#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);
    color: var(--text-highlight);
    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, .buttons-tabs.nav-tabs .nav-link.active {
    color: var(--text-table-header);
    background-color: var(--bg-table-header);
    border-color: var(--bg-table-header);
    margin-right: 5px;
}
.buttons-tabs.nav-tabs .nav-link.active {
    color: var(--text-sidebar);
    background-color: var(--bg-sidebar);
    border-color: var(--bg-sidebar);
}
/*My Market Modal*/
.my-market-box {
    background-color: var(--bg-body);
    border-bottom: 1px solid var(--bg-table-header);
    margin-bottom: 5px;
}
.my-market-box .my-market-box-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    color: var(--text-white);
    cursor: pointer;
}
.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: var(--bg-table) var(--bg-table-header);
}
.run-amount-container::-webkit-scrollbar {
    width: 8px;
}
.run-amount-container::-webkit-scrollbar-track {
    background: var(--bg-table);
}
.run-amount-container::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.run-amount-container .table {
    position: relative;
}
.run-amount-container .table thead th {
    position: sticky;
    top: -5px;
    background-color: var(--bg-table-header);
}
/*Main Rules*/
.main-rules {
    position: absolute;
    left: 10px;
    top: 15px;
}
.main-rules a {
    color: var(--text-fancy);
    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: var(--bg-table-header);
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bg-table);
    cursor: default;
    margin-bottom: 4px;
    border-radius: 0px;
    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 {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 5px;
}
.rules-language-container {
    text-align: right;
}
.rules-language-container {
    color: var(--text-highlight);
}
.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);
    color: var(--text-table-header);
    padding: 6px;
    position: absolute;
    width: 200px;
    right: 0 !important;
    left: unset !important;
    top: 55px;
    text-align: left;
    color: var(--text-highlight);
    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: var(--bg-sidebar);
    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: var(--text-sidebar);
    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: var(--text-sidebar);
    font-weight: var(--font-semi);
    border-bottom: 2px solid var(--text-sidebar);
    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-highlight);
    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 0 6px 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 5px;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-top: 5px;
}
.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;
}
.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 New*/
.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*/
.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-highlight);
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.home-new-header a.router-link-active {
    color: var(--text-fancy);
    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(--text-fancy);
    border-color: var(--text-fancy);
    color: var(--text-black);
    border-radius: 0;
    height: 40px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 0;
}
.home-new-header-bottom .download-apk {
    color: var(--text-fancy);
}
.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-fancy);
    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-fancy);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    text-align: left;
    display: inline-block;
    border-bottom: 1px solid var(--text-fancy);
    margin-left: 15px;
}
.all-sports-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}
.sport-list-item {
    background-color: var(--bg-sidebar);
    padding: 5px;
    border-radius: 0px;
    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: var(--text-sidebar);
}
.sport-list-item:hover, .sport-list-item:focus {
    background-color: var(--bg-table-header);
}
.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: 8px 8px 8px 8px;
    background-color: var(--bg-sidebar);
    border-color: transparent;
    border-width: 1px;
}
.modal-login-new .modal-header {
    justify-content: flex-end;
    padding: 10px 16px;
    background:var(--bg-secondary1);
    border-radius: 8px;
    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: transparent;
    color: #fff;
    padding: 0;
    border-radius: 8px;
    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);
}
*/
.modal-login-new .modal-body label {
    color: #fff;
    font-size: 14px;
}
.modal-login-new .modal-body .custom-control label {
    font-size: 13px;
}
.modal-login-new .form-group {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
}
.modal-login-new .form-group.regi-half {
    width: 48%;
}
.modal-login-new .form-control {
    border: none;
    color: #fff !important;
    transition: 0.8s;
    height: 42px;
    background-color: #444;
    border-radius: 5px;
}
.modal-login-new .form-control option {
    border: 1px solid #777;
    color: #fff !important;
    background-color: #444;
}
.modal-login-new .form-control::placeholder {
    color: #eee !important;
}
.modal-login-new .form-control::-moz-placeholder {
    color: #eee !important;
}
.modal-login-new .form-control:-ms-input-placeholder {
    color: #eee !important;
}
.modal-login-new .form-control::-webkit-input-placeholder {
    color: #eee !important;
}
.modal-login-new .btn-primary {
    height: 42px;
    border-radius: 5px;
}
.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(25% - 10px);
}
.home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(4n) {
    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: var(--bg-sidebar);
    color: var(--text-sidebar);
    padding: 10px;
    border-radius: 16px;
    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: 24px 0;
}
.home-new .footer h4 {
    color: var(--text-fancy);
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid var(--text-fancy);
    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);
    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: 10px;
    flex: 1;
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 46px;
    background-color:var(--bg-gray);
    color: var(--text-light1);
    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-primary1);
    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: normal;
}
.fixure-title::after {
    content: "";
    position: absolute;
    width: 46px;
    height:50px;
    border-top: 23px solid transparent;
    border-left: 23px solid var(--bg-primary1);
    border-bottom: 23px solid transparent;
    right: -46px;
    top: 0;
}
/*Fantast Detail*/
.fantasy-desc-container .fantasy-detail-title {
    color: var(--text-highlight);
    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 {
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.2);
    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: var(--bg-table-header);
    color: var(--text-table-header);
}
.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 {
    color: var(--text-fancy);
    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;
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
    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: var(--text-table-header);
    background: var(--bg-table-header);
    padding: 10px;
    border-radius: 8px;
    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: var(--bg-table-header);
    padding: 10px;
    color: var(--text-table-header);
    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 {
    color: var(--text-highlight);
    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;
    color: var(--text-highlight);
    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: 0px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
}
.login-auth .featured-box-login {
    background-color: var(--bg-table-header);
    padding: 20px;
    color: var(--text-table-header);
    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: var(--bg-table-header);
}
.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);
}
@media only screen and (max-width: 767px) {
    .login-auth input {
        width: 40px;
        height: 40px;
        margin: 0 5px;
        line-height: 1;
        font-size: 20px;
   }
    .login-auth .featured-box-login h3 {
        font-size: 22px;
   }
    .casino-list-container .home-casiono-icons {
        margin-top: 10px;
        padding: 10px 0 0 10px;
        background-color: var(--bg-table-header);
        flex-wrap: wrap;
        color: var(--text-table-header);
        display: flex;
        justify-content: space-between;
   }
    .casino-list-container .home-casiono-icons h4 {
        font-size: var(--font-18);
        color: var(--text-table-header);
        width: 100%;
   }
    .casino-list-container .home-casiono-icons .home-casino-icon-item {
        margin-right: 10px;
        width: calc(49% - 10px);
        margin-bottom: 10px;
   }
    .battle-result {
        width: 100%;
        overflow: auto;
   }
    .battle-result-container {
        min-width: 1000px;
        width: 100%;
   }
}
.deposit-modal .report-form {
    border-bottom: 1px solid var(--bg-table-header);
    padding-bottom: 10px;
}
.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: 10px;
}
.payments ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.payments img {
    max-height: 40px;
    max-width: 90px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.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;
    border: 2px solid var(--text-fancy);
}
.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);
}
/*.home-new-header {
    border-bottom: 1px solid var(--bg-table-header);
}
*/
.carousal-23 {
    padding-top: 23.47% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.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;
}
.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;
    overflow-y: auto;
}
.casino-vieo-rules.show-rules {
    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: #666666 #333333;
    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: #666666;
}
.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: var(--bg-sidebar);
    color: var(--text-sidebar);
}
.disconnected-message b {
    font-size: 14px;
}
.disconnected-message i {
    color: var(--text-fancy);
    font-size: 14px;
}
.disconnected-buttons {
    display: flex;
    justify-content: space-between;
}
.disconnected-buttons .btn {
    width: 49%;
    padding: 4px;
    border-radius: 8px;
    font-size: 0.7rem;
    color: var(--text-sidebar);
}
/*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: 8px;
}
.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;
}
.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;
}
.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;
}
.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;
}
/* New Virtual Casino Ends */
/*Timer for mobile*/
.progress.mobile-timer {
    border-radius: 0;
    font-size: 14px;
    height: auto;
    background-color: var(--bg-table-header);
}
.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);
}
.blink-message {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    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;
}
@-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);
}
/*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;
}
.active-team {
    background-color: var(--bg-table-header);
}
.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;
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
    .video-tv {
       /* height: 185px;
        */
        height: auto;
   }
}
@media only screen and (min-width: 360px) and (max-width: 1024px) {
    .video-tv {
       /* height: 207px;
        */
        height: auto;
   }
}
.fixure-box {
    height: 46px;
}
/* .vraceto17 .vodds-box .casino-bl-box-item{
    height: 8vh;
}
*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .fixure-box {
        height: 40px;
   }
    .table.kbc-soda-table {
        table-layout: fixed;
   }
    .kbc-soda-table .casino-result .bet-nation {
        width: 200px;
   }
    .roulette-result-box {
        width: 32%;
        justify-content: center;
   }
    .roulette-result-box>span:first-child {
        border-bottom: 0;
   }
}
.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;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .home-casiono-icons .home-casino-icon-item {
        padding-top: 20px;
        padding-right: 10px;
   }
    .new-laucnh-icon {
        top: 9px;
        right: 0px;
   }
}
.user-dropdown {
    padding-top: unset;
}
.upcoming-fixure a {
    color: var(--text-sidebar);
}
@media only screen and (min-width: 320px) and (max-width: 1280px) {
    .user-dropdown {
        padding-top: 15px;
   }
    .color-box-container {
        position: unset;
   }
    .carousel-indicators {
        margin-bottom: 0px !important;
   }
}
.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-fancy);
    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: 0px;
}
.coupon .report-title {
    justify-content: flex-start;
    margin-bottom: 10px;
}
.coupon .report-title .report-name {
    height: auto;
}
.coupon .report-title small {
    background: var(--bg-table-header);
    padding: 5px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-fancy);
    margin-left: 10px;
}
.coupon .report-title small i {
    color: var(--text-table-header);
}
.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: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    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-fancy);
    font-weight: bold;
}
.activate-coupon {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}
.coupon-list .selected {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
    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;
}
/*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: 20px;
}
.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: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    position: relative;
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
.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 {
    box-shadow: 0 0 8px var(--bg-sidebar) !important;
    color: var(--text-table-header);
    padding: 5px 12px;
    font-size: 14px;
    font-weight: bold;
}
.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% - 8px);
    margin-right: 10px;
    position: relative;
    background-color: #fff;
}
.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;
}
.payment-ions-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    margin: 20px 0;
}
.deposit-page .payment-icons {
    margin-top: 10px;
    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: "";
    background-color: var(--text-fancy);
    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: var(--bg-table-header);
    color: var(--text-table-header);
    cursor: pointer;
}
.deposit-page .payment-icons .payment-icon-box-container .payment-icon-box.active {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
.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;
    color: var(--text-fancy);
}
.deposit-page .payment-icons .payment-icon-box-container .payment-icon-box h4 .fa-info-circle {
    border: 0;
}
.deposit-page .deposit-options {
    padding: 0 10px;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 10px;
   /* background-color: #fff;
    */
   /* align-items: center;
    justify-content: center;
    */
   /* height: calc(100% - 64px);
    */
   /* display: flex;
    */
}
.deposit-page .deposit-options a {
    font-weight: bold;
}
.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;
}
/* .deposit-page .deposit-options>.row::after {
    position: absolute;
    content: "";
    background-color: var(--text-fancy);
    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);
    */
    max-height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--bg-table) var(--bg-sidebar);
    color: #222;
    min-height: 90px;
}
.deposit-page .deposit-options .bank-detail::-webkit-scrollbar {
    width: 8px;
}
.deposit-page .deposit-options .bank-detail::-webkit-scrollbar-track {
    background: var(--bg-primary165);
}
.deposit-page .deposit-options .bank-detail::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
/* .deposit-page .deposit-options .bank-detail.qr-code {
    display: flex;
    justify-content: space-between;
}
*/
.payment-icons-title {
    background: #fff;
    color: #222;
    padding: 5px;
    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;
}
.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%;
}
.deposit-page .deposit-options .form-control {
    padding: 10px;
    border-radius: 8px;
    margin-top: 10px;
    width: 100%;
    background-color: var(--bg-sidebar);
    border: 0;
    height: 46px;
}
.deposit-page .upload-ss {
    color: #000;
    width: 100%;
    padding: 10px;
    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: #222;
}
.deposit-page .verify-ss {
    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: var(--text-fancy);
    height: 1px;
    width: 70%;
    top: -15px;
    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: 100%;
    background: #0f5f8f;
    color: #fff;
}
.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 {
    position: absolute;
    right: 5px;
    top: 5px;
}
.payment-disable {
    position: relative;
}
.payment-disable::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000bd;
}
.payment-disable::before {
    content: '\f023';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
    z-index: 1;
}
.qr-code {
    position: absolute;
    right: 10px;
    top: 0;
}
.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;
    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 {
    background: var(--bg-table-header);
    padding: 8px 40px;
    border-radius: 0;
    color: var(--text-table-header);
}
.withdraw-request .deposit-page .withdraw-tabs .nav-link.active {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
.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;
}
.deposit-whatsapp {
    background: #075e54;
    color: #fff;
    padding: 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    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 var(--text-body);
    width: calc(50% - 10px);
    align-content: flex-start;
    margin-bottom: 20px;
}
.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;
    scrollbar-color: var(--bg-table) var(--bg-sidebar);
}
.account-detail::-webkit-scrollbar {
    width: 8px;
}
.account-detail::-webkit-scrollbar-track {
    background: var(--bg-primary165);
}
.account-detail::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header);
}
.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);
    color: var(--text-table-header);
}
.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-white) !important;
    background: transparent !important;
}
.facncy-provider li a.active span {
    color: var(--text-white);
}
.facncy-provider li a>div {
    text-align: center;
    width: 100%;
}

.facncy-provider li a img {
    max-height: 25px;
    max-width: 50px;
    margin-bottom:5px;
}
.facncy-provider li a span {
    text-transform: uppercase;
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.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;
}
/*CSS for Light Theme*/
:root[data-theme="light"] body {
    font-weight: bold;
}
: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);
}
:root[data-theme="light"] .btn-bet {
    background-color: var(--bg-table-header);
    color: var(--text-highlight);
}
:root[data-theme="light"] .btn-bet:hover {
    color: var(--text-table-header);
}
:root[data-theme="light"] .lucky7-extra-bets-item {
    background-color: #0606fb9e;
    color: #eee;
}
:root[data-theme="light"] .lucky7eu .lucky7-extra-bets-item {
    background-color: #6a6aff9e;
}
.lucky7 .lucky7-extra-bets-item .casino-book {
    color: var(--text-white);
}
.lucky7eu .casino-book {
    color: var(--text-white);
}
:root[data-theme="light"] .lucky7-card {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .cards-top .cards-top-box {
    border: 5px solid var(--bg-table-header);
}
:root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .worli .casino-tabs {
    background-color: var(--bg-body);
}
:root[data-theme="light"] .teenpattiopen .casino-open-card-box {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .news-bar {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
: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"] .worli .casino-tabs li {
    background-color: var(--bg-table-header);
}
: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);
}
: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"] .casino-nation-name .fa-info-circle {
    color: var(--text-table-header);
}
: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"] .bet-buttons .btn span {
    color: var(--text-highlight);
}
:root[data-theme="light"] .modal-header {
    background-color: var(--bg-success);
}
:root[data-theme="light"] .modal-login-new .modal-header {
    background-color: transparent;
}
:root[data-theme="light"] .modal-login-new .close-login-modal img {
    filter: invert(1);
}
: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 {
    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);
}
:root[data-theme="light"] .table-hover tbody tr:hover {
    background-color: transparent;
}
:root[data-theme="light"] .teenpattitest .casino-nation-name {
    background-color: var(--bg-table-header);
}
: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"] .dt20 .pair-box {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .dt1day .pairfancy {
    background-color: var(--bg-table-header);
}
:root[data-theme="light"] .worli-cards-block {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
:root[data-theme="light"] .lottery .casino-tabs {
    background-color: #040404;
}
:root[data-theme="light"] .cmeter-card-box {
    background-color: #fff;
    border: 3px solid var(--bg-table-header);
}
: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: normal;
}
:root[data-theme="light"] .book-red, :root[data-theme="light"] .text-danger {
    color: #ac0f1c !important;
    font-weight: normal;
}
:root[data-theme="light"] .lottery-last-result-title div, .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-nation-name {
    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"] .mx-calendar-content .cell.active {
    color: var(--text-black);
}
:root[data-theme="light"] .baccarat .baccarat-min-max {
    color: #eee;
}
:root[data-theme="light"] .baccarat .statistics {
    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);
    color: var(--text-table-header);
}
: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-header a {
    color: var(--text-highlight);
}
: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);
    color: var(--text-fancy);
}
: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"] .casino-nation-name {
    background-color: #d6dedb85;
}
: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"] .bet-table-box {
    border-bottom: 1px solid #d6dedb;
}
: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"] .user-icon {
    background-color: #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(255, 255, 255, 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);
}
/*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);
}
: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"] .news-bar {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
:root[data-theme="blue"] .btn-bet {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
}
:root[data-theme="blue"] .btn-bet:hover, :root[data-theme="blue"] .btn-bet:focus {
    background-color: var(--bg-sidebar);
    color: var(--text-sidebar);
    opacity: 0.8;
}
: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);
}
:root[data-theme="blue"] .casino-tabs .nav-tabs .nav-link {
    color: var(--text-table-header);
}
:root[data-theme="blue"] .casino-tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--text-table-header);
    border-bottom: 3px solid var(--text-fancy);
}
:root[data-theme="blue"] .fantasy-desc-container .casino-tabs {
    background-color: var(--bg-table-header);
}
:root[data-theme="blue"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--text-table-header);
    border-bottom: 3px solid var(--text-table-header);
}
:root[data-theme="blue"] .faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
    color: var(--text-table-header);
}
: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);
}
:root[data-theme="blue"] .bet-buttons .btn span {
    color: var(--text-table-header);
}
:root[data-theme="blue"] .lucky7-extra-bets-item {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
}
:root[data-theme="blue"] .casino-primary-tabs {
    background-color: var(--bg-table-header);
}
:root[data-theme="blue"] .teenpattiopen .casino-open-card-box {
    background-color: var(--bg-table-header);
}
:root[data-theme="blue"] .home-new-header a {
    color: var(--text-table-header);
}
: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;
}
@media only screen and (min-width: 320px) and (max-width: 1279px) {
    :root[data-theme="blue"] .header {
        background-color: var(--bg-table-header);
        color: var(--text-table-header);
   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    :root[data-theme="blue"] .race20 .total-points>div {
        border: 1px solid var(--text-black);
   }
    :root[data-theme="blue"] .race20 .total-points .text-playerb {
        color: var(--text-black);
        font-weight: bold;
   }
}
: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"] .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;
}
.rules-section .row.row5 {
    margin-left: -5px;
    margin-right: -5px;
}
.rules-section .pl-2 {
    padding-left: .5rem !important;
}
.rules-section .pr-2 {
    padding-right: .5rem !important;
}
.rules-section .row.row5 > [class*="col-"], .rules-section .row.row5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}
.rules-section {
    text-align: left;
    margin-bottom: 10px;
}
.rules-section .table {
    color: #fff;
    border:1px solid #444;
    background-color: #222;
    font-size: 12px;
}
.rules-section .table td, .rules-section .table th {
    border-bottom: 1px solid #444;
}
.rules-section ul li, .rules-section p {
    margin-bottom: 5px;
}
.rules-section::-webkit-scrollbar {
    width: 8px;
}
.rules-section::-webkit-scrollbar-track {
    background: #666666;
}
.rules-section::-webkit-scrollbar-thumb {
    background-color: #333333;
}
.rules-section .rules-highlight {
    color: #FDCF13;
    font-size: 16px;
}
.rules-section .rules-sub-highlight {
    color: #FDCF13;
    font-size: 14px;
}
.rules-section .list-style, .rules-section .list-style li {
    list-style: disc;
}
.rules-section .rule-card {
    height: 20px;
    margin-left: 5px;
}
.rules-section .card-character {
    font-family: Card Characters;
}
.rules-section .red-card {
    color: red;
}
.rules-section .black-card {
    color: black;
}
.rules-section .cards-box {
    background: #fff;
    padding: 6px;
    display: inline-block;
    color: #000;
    min-width: 150px;
}
.rules-section img {
    max-width: 100%;
}



.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.race4339 .nav-pills .nav-link.active {
    background-color: var(--grey-hounds) !important;
}
.horse-tab.race4339 .nav-pills .nav-link.active,
.horse-tab.race4339 .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;
}
.horse-detail .nation-name label > div:first-child {
    text-align: center;
    line-height: normal;
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
    width: 25px;
}
.horse-detail .nation-name label > div:last-child {
    width: calc(100% - 75px);
}
.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: normal;
    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: normal;
    position: absolute;
    right: 0;
    top: 0;
}

.horse-detail .detail-page-container .bl-box:nth-child(7n) {
    margin-right: 0;
}

.horse-detail .video-tv {
    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: normal;
    margin-left: 2px;
    border-radius: 0;
    color: #ddd;
}

.daimo_Payment {
    padding:0px 0px;
}
.daimo_Payment .nav-pills .nav-link {
    background-color: var(--bg-gray) !important;
    padding: 5px 20px;
    margin-right: 10px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    border: none;
}
.daimo_Payment .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #16191c !important;
}
.payment_type_tabs .nav-link img {
    width: 34px;
    margin-right: 12px;
}
.payment_type_tabs {
    margin-top: 18px;
}
.bankdetails {
    padding: 20px;
    background: var(--bg-gray);
    border-radius: 10px;
    margin-top: 15px;
    min-height: 93%;}

.bankdetails .modal-footer {
        justify-content: space-between;
        border: 0;
        background-color: #16191c !important;
        padding: 8px;
}
.bankdetails table {
    border-collapse: collapse;
    width: 100%;
}
.bankdetails table td {
    padding: 4px 0px;
}
.bankdetails table td i {
        margin-left: 5px;
        cursor: pointer;
}
.payment_QR_Code {
    display: block;
    text-align: left;
    margin-top:15px;
}
.payment_QR_Code img {
    width: 117px;
}
.home-bet-slip{
    padding: 0;
}

.l-rotate img, img.l-rotate {
    transform: rotate(270deg);
    margin-right:0px;
}
.r-rotate > img, img.r-rotate {
    transform: rotate(90deg);
    margin-right: 0px;
}
#currentBets_modal .market-tabs {
    padding: 0 30px;
}
#currentBets_modal .market-tabs .arrow-tabs {
    height: 30px;
    width: 30px;
}
#currentBets_modal .market-tabs .arrow-tabs.arrow-left {
    transform: rotate(90deg);
}
#currentBets_modal .market-tabs .arrow-tabs.arrow-right {
    transform: rotate(-90deg);
}
#currentBets_modal .market-tabs .arrow-tabs {
    top: 5px;
    display: flex;
}
.ball-by-ball .detail-page-container .market-6 .nation-name {
    width: calc(100% - 148px);
}

.brino_item_block{
    position: relative;
}

.brino_item_block:hover{
    filter: blur();
}
.play_demobtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    padding: 15px;
    opacity: 0;
    width: 100%;
}
.brino_item_block:hover .play_demobtn{
    opacity: 1;
}
.brino_item_block .play_demobtn a {
    background-color: var(--bg-primary1);
    border-radius: 70px;
    height: 35px;
    color: var(--text-highlight);
    padding: 5px 0;
    text-align: center;
    width: 120px;
}
.brino_item_block .play_demobtn a:hover {
    opacity: .9;
}
.brino_item_block::before {
    content: '';
    height: 100%;
    width: 100%;
    background: #00000094;
    position: absolute;
    border-radius: 22px;
    opacity: 0;
}
.brino_item_block:hover::before {
    opacity: 1;
}
.left_sidebar, .provider_category{
    scrollbar-color: var(--bg-primary1) !important;
}
.second_header_inner.mobile_menu_top{
    scrollbar-color: var(--bg-primary1)  !important;
}
.scoll_tab_new{
    scrollbar-color: var(--bg-primary1) !important;
}


.fullwidthdetail-container #footer {
    width: calc(100% - 476px);
}
.report-search .form-control{
    border: 1px solid;
    border-radius: 0;
}