@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('icon.css');
@import url('var.css');
/*Common css Starts*/
*, ::after, ::before { box-sizing: border-box; }
body { background-color: var(--bg-body); color: var(--black); font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 16px; margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; line-height: 1.5;}
img{max-width: 100%; vertical-align: middle;}
.link{cursor: pointer;}
ul, ol { margin-bottom: 0; padding: 0; }
ul li, ol li { list-style: none; }
p { margin-bottom: 0; font-size: 16px; }
small { font-size: 12px; }
b { font-weight: bold; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
h1, .h1 { font-size: 26px; font-weight: 700; margin-bottom: 0; }
h2, .h2 { font-size: 24px; font-weight: 700; margin-bottom: 0; }
h3, .h3 { font-size: 22px; font-weight: 700; margin-bottom: 0; }
h4, .h4 { font-size: 20px; font-weight: 400; margin-bottom: 0; }
h5, .h5 { font-size: 18px; font-weight: 400; margin-bottom: 0; }
h6, .h6 { font-size: 16px; font-weight: 400; margin-bottom: 0; }
a { text-decoration: none; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease;}
iframe { width: 100%; vertical-align: middle; }
/* Grid */
.row{display: grid; gap: 1rem 20px; grid-template-columns: repeat(12, 1fr);}
.row.w-padding > [class*="col"] { padding-left: 10px; padding-right: 10px; }
.col { grid-column: span 12; }
.col-1, .col-xs-1 { grid-column: span 1; }
.col-2, .col-xs-2 { grid-column: span 2; }
.col-3, .col-xs-3 { grid-column: span 3; }
.col-4, .col-xs-4 { grid-column: span 4; }
.col-5, .col-xs-5 { grid-column: span 5; }
.col-6, .col-xs-6 { grid-column: span 6; }
.col-7, .col-xs-7 { grid-column: span 7; }
.col-8, .col-xs-8 { grid-column: span 8; }
.col-9, .col-xs-9 { grid-column: span 9; }
.col-10, .col-xs-10 { grid-column: span 10; }
.col-11, .col-xs-11 { grid-column: span 11; }
.col-12, .col-xs-12 { grid-column: span 12; }

.link{cursor: pointer;}
.no-border { border: 0 !important; }
.pointer { cursor: pointer; }
label { display: inline-block; }
.form-label { margin-bottom: .5rem; }
.form-control, .form-select, input:not([type="radio"], [type="checkbox"]), select { background-color: var(--white); color: var(--black); border:1px solid var(--dark-grey3); padding: 5px; border-radius: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Roboto Condensed", sans-serif; width: 100%; height: 38px; outline: 0;}
select, .form-select { background-color: #fff; background-image: url("../images/select-arrow.svg"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 30px !important; }
button:not(.btn){background: transparent; border: 0; padding: 0; cursor: pointer; font-family: "Roboto Condensed", sans-serif;}
.form-check { display: flex; align-items: center; gap: 6px; }
.form-check input[type=radio], .form-check input[type=checkbox]{margin: 0;}
.form-check label{display: inline-block; vertical-align: middle; line-height: 1;}
input[type=radio] { border-radius: 50%; float: left; width: 16px; height: 16px; margin-top: 0; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; }
input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); background-color: var(--bg-secondary); border-color: var(--bg-secondary);}
input[type="checkbox"] { border-radius: .25em; width: 16px; height: 16px; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; }
input[type="checkbox"]:checked{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");background-color: var(--bg-secondary); border-color: var(--bg-secondary); }
input[type="radio"]:focus, input[type="checkbox"]:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.datepicker { position: relative; }
.datepicker i.far.fa-calendar { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25; }
.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--black-light2); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: var(--bg-primary); color: var(--white); border-color: var(--bg-primary); font-family: "Roboto Condensed", sans-serif; white-space: nowrap;}
.btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; }
.btn:hover, .btn:focus, .btn:active { opacity: 0.85; }
.btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65; }
.btn-danger { color: #fff; background-color: #bd1828; border-color: #bd1828; margin-right: .25rem}
.btn-success { background-color: var(--green); color: #fff; border-color: var(--green); }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754; }
.green { color: var(--green) !important; }
.red, .text-danger{ color: var(--red) !important; }
.green-text{color: #32962a !important;}
.red-text{color: red !important;}
/* Modal */
.modal { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s ease; z-index: 9999; }
.modal.show { visibility: visible; opacity: 1; transition-delay: 0s; }
.modal .modal-dialog {width: 100%; max-width: 500px; margin: 1vh auto; transform: translateY(-50px); transition: transform 0.3s ease;}
.modal .modal-lg.modal-dialog{ max-width: 800px; }
.modal .modal-xl.modal-dialog { max-width: 1140px; }
.modal.show .modal-dialog { transform: translateY(0); transition: transform 0.3s ease, opacity 0.3s ease; }
.modal .modal-header { padding: 10px; background: var(--bg-primary); color: var(--white); border-radius: 0; border: 0; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between;}
.modal .modal-header .modal-title{font-size: 20px; font-weight: 700; line-height: 1.5; }
.modal .modal-content { background-color: var(--white); color: var(--black); border: 0; border-radius: 0; position: relative; display: flex; flex-direction: column; width: 100%; }
.modal .modal-content .modal-body{max-height: calc(98vh - 50px); padding: 10px; overflow-x: hidden; overflow-y: auto;}
.modal .modal-header .btn-close, button:not(.btn).btn-close { box-sizing: content-box; width: 1em; height: 1em; color: #000; background: transparent url("../images/close.svg") center/1em auto no-repeat; border: 0; border-radius: .25rem; padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; filter: invert(1); -webkit-filter: invert(1); cursor: pointer; }

.d-flex{display: flex;}
.d-flex.wrap{display: flex; flex-wrap: wrap;}
.d-flex-vh-center{display: flex; align-items: center; justify-content: center;}
.d-flex-v-center{display: flex; align-items: center;}
.d-flex-h-center{display: flex; justify-content: center;}
.d-flex.flex-auto > *{flex: auto;}
.align-center{align-items: center !important;}
.justify-center{justify-content: center !important;}
.justify-start{justify-content: start !important;}
.gap-0{gap: 0!important;}
.gap-1{gap: .25rem!important;}
.gap-2{gap: .5rem!important;}
.gap-3{gap: 1rem!important;}
.gap-4{gap: 1.5rem!important;}
.gap-5{gap: 3rem !important;}
.d-flex.flex1 > *{flex: 1;}
.ml-auto{margin-left: auto !important;}
.mr-auto{margin-right: auto !important;}
.w-100{width: 100% !important;}
.text-center{text-align: center !important;}
.text-end{text-align: right !important; }
.p-0 { padding: 0!important; }
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: .25rem!important;}
.mt-2{margin-top: .5rem!important;}
.mt-3{margin-top: 1rem!important;}
.mt-4{margin-top: 1.5rem!important;}
.mt-5{margin-top: 3rem !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: .25rem!important;}
.mb-2{margin-bottom: .5rem!important;}
.mb-3{margin-bottom: 1rem!important;}
.mb-4{margin-bottom: 1.5rem!important;}
.mb-5{margin-bottom: 3rem !important;}
.f-left{float: left !important;}
.f-right{float: right !important;}
/* header */
header { background-color: var(--bg-primary); }
.header-top { color: var(--white); padding: 4px 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; }
.header-top .header-logo img { max-height: 65px; max-width: 250px; }
.user-info { width: 50%; line-height: normal;}
.user-info .top-user{gap: 1rem;justify-content: end; margin-bottom: 10px;}
.user-info .top-user .signin { background: var(--white); font-weight: 600; padding: 3px 7px; color: var(--bg-primary); }
.search-bar { display: flex; gap: 10px; position: relative; }
.search-bar i { font-size: 24px; cursor: pointer; color: var(--white); vertical-align: middle;}
.search-bar input{border: 0; padding: 0; width: 0;}
.search-bar.show input{width: 270px; transition: width 0.4s linear; -webkit-transition: width 0.4s linear; -moz-transition: width 0.4s linear; -ms-transition: width 0.4s linear; -o-transition: width 0.4s linear; padding: 0.375rem 0.75rem; box-shadow: 0 0 5px #6f6f6f; border: 0;}
.rules b{display: block;}
.rules b i { vertical-align: top; font-weight: 400; }
.user-dropdown{position: relative;}
.user-dropdown .dropdown-menu{right: 0; left: auto;}
.notification{font-size: 14px; font-style: italic; position: absolute; right: 0; bottom: -3px; width: 50%; }
.navbar { background-color: var(--bg-secondary); color: var(--white); padding: 5px 15px; overflow: auto; }
.navbar .navbar-nav { flex-wrap: nowrap; flex-direction: row; display: flex; margin: 0 -15px; white-space: nowrap; }
.navbar .navbar-nav.mobile{ display: none; }
.navbar .navbar-nav .nav-link { padding: 5px 15px; font-size: 14px; font-weight: 700; display: block; color: var(--white); text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; text-transform: uppercase; position: relative;}
.navbar .navbar-nav .nav-link::before { content: ""; position: absolute; z-index: 1; left: 50%; right: 50%; bottom: 0; background: var(--white); -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0;}
.navbar .navbar-nav .nav-link:hover::before, .navbar .navbar-nav .nav-link.active::before {left: 0; right: 0; height: 2px; opacity: 1;}
/* Dropdown */
.dropdown .dropdown-toggle { cursor: pointer; color: var(--white); }
.dropdown .dropdown-toggle i { vertical-align: middle; margin-left: .25rem}
.dropdown-menu { position: absolute; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: var(--black-light2); text-align: left; list-style: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; background-color: var(--white); z-index: 1001; left: 0;}
.dropdown-menu.open{display: block;}
.dropdown-menu li{ border: 0;}
.dropdown-menu li a, .dropdown-menu li .link {font-weight: 400; text-decoration: none; white-space: nowrap; color: var(--black); padding: .25rem 1rem; display: block; width: 100%;}
.dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, .15); }

/* Home */
.blink_me { animation: blinker 1s linear infinite; }
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.main-content { min-height: calc(100vh - 169px); display: flex; gap: 4px; margin-top: 4px; }
.left-sidebar { padding: 0; min-height: calc(100vh - 175px); width: 280px; }
.content-box { width: calc(100% - 280px); display: flex; gap: 5px;}
.content-box .wraper{width: 100%;}
.accordion-header{background-color: var(--bg-primary); color: var(--white); position: relative; height: 30px; margin: 0; padding: 5px;     display: flex; align-items: center; justify-content: space-between; font-size: 1rem; width: 100%; cursor: pointer; font-weight: 400;}
.accordion-header:after{font-family: "Font Awesome 5 Free" ; content: "\f106" ; font-weight: 700 ; float: right ; color: var(--text-primary) ; background-image: none ; transform: rotate(180deg); transition: 0.5s; width: 15px; text-align: center; line-height: 1;}
.open .accordion-header:after{transform: rotate(0deg);}
.accordion-body ul{margin: 0; background: var(--dark-grey); }
.accordion-body ul li:not(:last-child){border-bottom: 1px solid var(--border-color);  }
.accordion-body .link, .accordion-body a { color: var(--black); font-weight: 400; font-size: 14px; padding: 2px 15px; display: block; cursor: pointer;}
ul.accordin-dropdown a.dropdown-toggler::before{ content: "\f0fe"; font-family: "Font Awesome 5 Free"; margin-right: .5rem}
ul.accordin-dropdown .open > .dropdown-toggler::before{ content: "\f146";}
ul.accordin-dropdown li ul { padding-left: 15px; display: none; }

.latest-event{display: flex; flex-wrap: nowrap; overflow: auto; width: 100%; margin-bottom: 5px; background-color: transparent; padding: 0; gap: 4px;}
.latest-event a{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 4px; background: var(--bg-secondary); border-radius: 0; color: var(--white); font-size: 14px; font-weight: 700; white-space: nowrap;}
.latest-event a span { margin-left: 5px; white-space: nowrap; height: auto; max-width: calc(100% - 42px); width: 100%; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.tab-btns{overflow: hidden;}
.tab-btns ul { display: inline-flex; overflow-x: hidden; overflow-y: hidden; flex-wrap: nowrap; margin: 0; background-color: var(--bg-secondary);}
.tab-btns ul li { flex: 0 0 auto; }
.tab-btns ul li a, .tab-btns ul li .link{background-color: var(--dark-grey2); color: var(--black); border-radius: 0; border-right: 1px solid var(--bg-secondary); font-weight: 500; font-size: 16px; text-align: center; line-height: 1; padding: .5rem 1rem; display: block; cursor: pointer;}
.tab-btns ul li:last-child a, .tab-btns ul li:last-child .link {border-right: 0;}
.tab-btns ul li a.active, .tab-btns ul li .link.active{background-color: var(--bg-secondary); color: var(--white);}
.tab-btns ul li a .icon, .tab-btns ul li .link .icon{display: none;}
/* .tab-content{display: none;}
.tab-content.active{display: block;} */
.tab-content{ display: none; opacity: 0; transition: opacity 0.3s ease; }
.tab-content.active { display: block; animation: fadeIn 0.3s forwards; }
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Bet Table */
.bet-table { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: var(--table-bg); align-content: flex-start; }
.bet-table-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; border-bottom: 1px solid var(--table-border); border-top: 1px solid var(--table-border); padding: 5px 0; }
.bet-table-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; }
.bet-table-row { width: 100%; border-bottom: 1px solid var(--table-border); padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: var(--bg-table-row); }
.bet-nation-name { width: 66%; padding: 0 5px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; }
.bet-table-row .odds-wraper { display: flex; width: 34%;}
.bet-nation-name .bet-nation-game-name { max-width: calc(100% - 210px); display: inline-flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--black-light); line-height: 1;}
.bet-nation-name .bet-nation-game-name > span + span::before{ content: '/'; display: inline-block; margin: 0 6px; }
.bet-nation-name .game-icons { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 245px; }
.bet-nation-name .game-icons .game-icon { width: 35px; display: flex; justify-content: center; align-items: center; font-weight: 700;}
.bet-nation-name .game-icons .game-icon .active { background-color: #28a745; height: 12px; width: 12px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bet-nation-name .game-icons .game-icon img { height: 12px; }
.bet-nation-odd { flex: 1; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; font-size: 14px; position: relative;}
.bet-nation-odd .odd-box { width: 50%; padding: 1px; }
.bet-nation-odd .odd-box .bet-odd { font-size: 14px; color: #273a47; }
.back { background-color: #72bbef !important;  }
.back1 { background-color: #72bbefbf !important; }
.back2 { background-color: #72bbef7f !important; }
.lay { background-color: #faa9ba !important; ; }
.lay1 { background-color: #faa9babf !important; }
.lay2 { background-color: #faa9ba7f !important; }
.suspended-box::before { background-image: url(../images/lock.svg); background-size: 17px 17px; filter: invert(1); -webkit-filter: invert(1); background-repeat: no-repeat; content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-position: center; pointer-events: none; }
.suspended-box::after { content: ""; background-color: #373636d6; position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: not-allowed; display: flex; justify-content: center; align-items: center; pointer-events: none; }

/*Horse List*/
.horse-table .bet-nation-name { width: 400px; justify-content: flex-start; }
.horse-time-detail { display: flex; flex-wrap: wrap; width: calc(100% - 400px); }
.horse-time-detail a { display: flex; }
.horse-time-detail span { background: var(--dark-grey2); color: var(--black); padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; border-radius: 4px; }
.horse-table .bet-table-row { padding: 6px 8px 1px 8px; }
.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-table .bet-nation-name .bet-nation-game-name { max-width: calc(100% - 30px); padding-left: 10px; }

/* Casino Grid */
.casino-grid { display: grid; grid-template-columns: repeat(10, 1fr); margin-top: .5rem; gap: 2px; margin-bottom: 2px;}
.casino-grid.item-7{ grid-template-columns: repeat(7, 1fr); }
.casino-grid .grid-item { cursor: pointer; background: #000; }
.casino-grid .grid-item .link{display: flex; align-items: center; height: 100%;}
.casino-grid .grid-item img { height: 100%; width: 100%; object-fit: cover; }

/* Footer */
.footer-top { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: var(--bg-primary); color: var(--white); padding: 10px; }
.footer-top h2{margin: 0;}
.footer-top .footer-links, .footer-top .support-detail, .footer-top .social-icons-box{ flex: 1; }
.social-icons-box { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.social-icon { background-color: var(--white); height: 40px; width: 40px; border-radius: 15px; display: flex; justify-content: center; align-items: center; }
.social-icon:not(:last-child) { margin-right: 4px; }
.social-icon img { height: 30px; }
.support-detail { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column; }
.rules-icon{display: flex;}
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; position: relative; }
.footer-bottom img { max-height: 30px; max-width: 100px; margin-right: 10px; }
.secure-logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: normal; }
.footer-bottom .secure-logo img { max-height: 50px; }
.footer-text p { text-align: center; margin: 0; }

/* Login */
.login-page {height: 100vh; width: 100%; background-image: linear-gradient(var(--bg-primary), var(--bg-secondary));}
.login-sec { height: 100vh;  display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.login-box { width: 350px; max-width: 90%; text-align: center; margin: 2% 0; }
.login-box img { max-height: 140px; max-width: 100%; }
.login-form { padding: 20px; margin-top: 1.5rem; border-radius: 4px; background: #fff; box-shadow: 0 0 5px #fff; }
.login-form form { margin-top: 10px; }
.login-form .login-title { color: var(--bg-primary); font-size: 22px; margin: 0;}
.login-form form small { font-size: 10px; }
.login-sec form .input-group input.form-control { height: auto; }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--black-light2); text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0; margin-left: -1px; }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin-bottom: 1.5rem;}
.input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.login-btns{display: grid;}
.login-btns button{font-size: 1rem; height: auto;}
.login-btns button + button{margin-top: .5rem;}
.login-btns button i{float: right; margin-top: .25rem}
.login-page footer { position: fixed; bottom: 0; left: 0; width: 100%; }
.login-sec .download-app{ margin-top: .25rem}

/*Right Sidebar Design Starts*/
.right-sidebar { width: 450px; padding: 0; overflow-x: hidden; overflow-y: auto; min-height: calc(100vh - 135px); max-height: calc(100vh - 135px);}
.right-sidebar.sticky { position: fixed; top: 0; right: 0; width: 450px; max-height: calc(100vh - 150px); }
.right-sidebar .sidebar-title { background-color: var(--bg-secondary); color: var(--white); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 5px 0 0; }
.right-sidebar .sidebar-title span { font-size: 14px; }
.right-sidebar.sidebar .place-bet-container .sidebar-title ::before, .right-sidebar.sidebar .my-bet-container .sidebar-title ::before { display: none; }
.live-tv { overflow: hidden; width: 100%; height: auto; position: relative; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; padding-bottom: 56.25%; }
.live-tv iframe { border: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.place-bet-box-header { background-color: var(--dark-grey2); color: var(--black); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4px 5px; font-size: 14px; font-weight: bold; }
.place-bet-box-body { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 8px 5px; font-size: 14px; border-bottom: 1px solid var(--table-border); }
.place-bet-box .mobile{display: none;}
.place-bet-for { width: calc(100% - 230px); display: flex; align-items: center; line-height: normal; }
.lottery-sidebar .place-bet-for { width: calc(100% - 90px); }
.place-bet-for span { max-width: calc(100% - 30px); font-weight: bold; }
.place-bet-odds { width: 60px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.place-bet-odds input { width: calc(100% - 20px); }
.place-bet-odds .spinner-buttons{ flex-direction: column; align-items: flex-start; justify-content: center; position: relative; display: inline-flex; vertical-align: middle; }
.place-bet-stake { width: 80px; margin-left: 10px; }
.place-bet-stake input { width: 80px; }
.place-bet-profit { width: 80px; text-align: right; font-weight: bold; }
.place-bet-box-body i { font-size: 12px; }
.place-bet-box-body input { height: 24px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 12px; padding: 5px; border: 0; }
.place-bet-box-body .btn-default { height: 12px; line-height: 12px; min-width: 20px; width: 20px; vertical-align: top; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 0; background-color: var(--dark-grey2); color: var(--black); font-size: 10px; cursor: pointer; }
.place-bet-buttons { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px; padding: 4px; }
.place-bet-buttons .btn-place-bet { width: calc(20% - 2px); padding: 5px; background-color: var(--dark-grey2); color: var(--black); border: 0; font-weight: bold; font-size: 14px;}
.place-bet-action-buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 4px 4px; }
.place-bet-action-buttons .btn { flex: 1; border-radius: 0; margin: 0; }
.btn-info { background-color: #097c93; color: #fff; border-color: #097c93; }
/*Right Sidebar Design Ends*/

/* Odds Detail Page*/
.detail-page .wraper { width: calc(100% - 455px); padding: 0 0 10px; }
.game-marker-wraper{gap: 8px;}
.game-header { background-color: var(--bg-secondary); color: var(--white); padding: 5px 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.game-market { background: var(--table-bg); color: var(--black-light);}
.game-market .market-title { background-color: var(--bg-secondary85); color: var(--white); padding: 5px 10px; font-size: 15px; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.game-market .market-title span { display: inline-block; max-width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-market .market-header { display: flex; align-items: center; padding: 0; gap:5px;}
.game-market .market-header, .game-market .market-row { border-bottom: 0.01em solid var(--table-border); }
.game-market .market-row { background-color: var(--bg-table-row); display: flex; position: relative; width: 100%; gap: 5px; align-items: center;}
.game-market .market-header .market-odd-box { min-height: 28px; }
.game-market .market-header .market-odd-box b { font-size: 16px; }
.game-market .market-remark { padding: 0 5px; color: var(--text-info); font-weight: bold; font-size: 12px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
.game-market .market-nation-detail { padding: 0 5px; font-size: 14px; line-height: 1; display: flex; gap: 5px; flex-wrap: wrap; justify-content: space-between; width: 100%; overflow: hidden;}
.game-market .market-nation-detail .min-max{ font-size: 12px; color: var(--text-info); font-weight: bold; white-space: nowrap;}
.game-market .market-odds-wraper { display: flex; margin-left: auto; position: relative; max-width: 480px; justify-content: center;}
.game-market .market-odds-wraper .market-odd-box { flex: 1; padding: 2px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; border-left: 1px solid var(--table-border); cursor: pointer; min-height: 34px; min-width: 38px; width: 80px;}
.game-market .market-odds-wraper .market-odd-box .fa-lock { opacity: 0.6; }
.game-market .market-odds-wraper .market-odd-box .market-odd { font-size: 18px; font-weight: bold; line-height: 1; }
.game-market .market-odds-wraper .market-odd-box .market-volume { font-size: 12px; font-weight: 100; line-height: 1; }
.game-market .market-odds-wraper .match-status-message{ background-color: #373636d6; color: #ff0000; font-weight: bold; font-size: 16px; text-transform: uppercase; position: absolute; height: 100%; width: 100%; right: 0; top: 0; cursor: not-allowed; display: none; justify-content: center; align-items: center; pointer-events: none; }
.game-market .market-odds-wraper .match-status-message.supended{display: flex; pointer-events: none;}
.game-market .market-header .market-odds-wraper .market-odd-box:not(.back, .lay) { opacity: 0; }

.my-bets table{min-height: 28px;}
.sidebar-title { background-color: var(--bg-primary); color: var(--white); position: relative; height: 30px; }
.sidebar-title h4 { padding: 4px; font-size: 14px; font-weight: bold; }
.sidebar-box { margin-bottom: 5px; }

/* Table Globel  */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%;}
table{vertical-align: top; border-color: #dee2e6; width: 100%; background-color: var(--table-bg); color: var(--black-light); margin-bottom: 0; caption-side: bottom; border-collapse: collapse;}
table>:not(caption)>*>* { border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px #00000000; background-color: #00000000; }
tbody, td, tfoot, th, thead, tr { border-color: var(--table-border); border-style: solid; border-width: 0;}
table th, table td { padding: 2px 4px; vertical-align: middle; font-size: 14px;}
table td:first-child, table th:first-child { padding-left: 10px; }
th{text-align: inherit; text-align: -webkit-match-parent; }
table:not(.table-bordered) tbody{border: 0;}
table.table-bordered>:not(caption)>*>* { border-width: 1px; }
.table-striped>tbody>tr:nth-of-type(odd)>* { background: rgb(0 0 0 / 5%); color: var(--black-light2); }
.modal table td, .modal table th { padding: 5px; font-size: 16px; white-space: nowrap; vertical-align: middle; }
div#setBtnValue .tab-btns { margin: 0 0 10px; }

/* Account statment */
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; box-shadow: 0 0 5px #a4a4a4; width: 100%;}
.card-header { background-color: var(--bg-secondary); color: var(--white); padding: .5rem 1rem; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, .125); }
.card-body { padding: 6px; flex: 1 1 auto; }
.report .row { margin-bottom: 1rem; }
.report-page .card { margin-bottom: 10px; border: 0; }
.report .btn-group .btn{flex: 1;}
.report .input-group.search { float: right; max-width: 251px; display: flex; align-items: center; gap: .5rem; margin: 0;}
.report .input-group.show {max-width: 251px; display: flex; align-items: center; gap: .5rem; margin: 0;}
.report .datatable { min-height: calc(100vh - 350px); }
.report-highlight-text { text-align: center; display: flex; gap: 15px; margin-left: auto; line-height: 1; }
.report-filter { display: flex; gap: 15px; justify-content: space-between; }
.report-filter .btn-group { width: 100%; display: flex; gap: 5px; max-width: 260px; }
.report-filter .input-group { width: auto; flex-wrap: nowrap; gap: 5px; margin: 0;}
.load-more-sec{text-align: center; margin-top: 1rem;}

table.report-table td, table.report-table th { padding: 4px 8px; font-size: 16px; text-align: left;}
.report-date, .report-sport { width: 170px; }
.report-action { width: 50px; }
.report-sr { width: 70px; }
.report-amount{width: 100px;}

.switch { position: relative; display: inline-block; width: 54px; height: 30px; }
.switch input { opacity: 0; width: 0; height: 0; }
.switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--dark-grey2); -webkit-transition: .4s; transition: .4s; }
.switch-slider:before { position: absolute; content: ""; height: calc(100% - 8px); width: calc(50% - 4px); left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .switch-slider { background-color: var(--bg-primary); }
input:focus + .switch-slider { box-shadow: 0 0 1px var(--bg-primary); }
input:checked + .switch-slider:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.switch-wrap { display: flex; align-items: center; gap: 8px; }
.switch-wrap span { font-size: 16px; text-align: center; text-transform: uppercase; vertical-align: middle; display: inline-block; }

.badges{display: flex; gap: 5px;}
.badge, a.badge, button.badge, span.badge{min-width: 52px; border-radius: 5px; background: var(--table-bg); border: 1px solid var(--dark-grey); text-align: center; padding: 4px; line-height: 1.2; font-size: 16px; display: inline-block;}
.badge:hover, a.badge:hover, button.badge:hover, span.badge:hover{ background: var(--dark-grey3); }

/* User Profile */
.user-details{text-align: center;}
.user-details .user-name{margin: 0 0 30px;}
.user-details .user-name .img { height: 60px; width: 60px; background: var(--bg-primary); border-radius: 50%; margin: auto;}
.user-details .user-name span{font-weight: 600; color: var(--black-light2); display: block; margin: 10px 0 0;}
.user-info-access .box .icon svg { vertical-align: middle; }
.user-info-access .box .icon svg:not(.email_icon) path{fill: var(--bg-primary);}
.user-info-access .box .icon svg.email_icon path{stroke: var(--bg-primary);}
.user-description p{margin: 0; padding: 0;}
.user-description p + p{margin-top: 10px;}
.user-statitics, .user-statitics .row{height: 100%;}
.user-statitics .statitics-box { min-height: 100px; background: var(--table-bg); display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid var(--dark-grey3); height: 100%; padding: 10px;}
.user-statitics .statitics-box .title { font-size: 18px; margin: 0 0 8px; text-align: center;}
.user-statitics .statitics-box .total{font-size: 20px; color: var(--bg-primary);}

/* ALERT By DK */
.alert{box-shadow: 0px 0px 20px #00000021; color: var(--black); cursor: pointer; padding: 10px; position: fixed; top: 0; left: 50%; transform: translateX(-50%);z-index: 99999; width: auto; max-width: 1130px; margin: auto; transition: all 0.5s; opacity: 0; pointer-events: none; background: #fff; border-radius: 10px; display: flex ; align-items: center; justify-content: center; gap: 10px;}
.alert .close{ color: white; height: 23px; max-height: 23px; width: 23px; border-radius: 23px; }
.alert.success .close{ background: green;}
/* .alert .close .fa::before{ content: "\f00c"; } */
.alert.error .close { background: red; }
/* .alert.error .close .fa::before{ content: "\f00d"; } */
.alert.show{ top: 17px; opacity: 1; pointer-events: all; }

.error-text { color: red; font-size: 12px; margin-top: 5px; display: block; animation: fadeOut 4s ease-in-out forwards; }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }

/* Profit Loss Add BY DK */
.game-market .market-odds-wraper .profit-loss { width: 60px; position: absolute; left: -60px; padding: 10px; text-align:end; }

.loading{position: relative;}
.sec-loader{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 11; display: none; align-items: center; justify-content: center; }
.sec-loader img{width: 100px;}
.sec-loader.show{display: flex;}
.odds-tag.live { background: #1fc31f; color: var(--white); }

/* 2-4-25 */
.min-max { font-size: 12px; color: var(--text-info); font-weight: bold; padding: 0 5px; line-height: 1.3;}
.odds-2-row .min-max{ min-width: 80px; max-width: 80px; text-align: right; min-height: 1px; }
.odds-2-row .min-max span{display: block;}
.game-market .market-header .market-odds-wraper .market-odd-box{min-height: 28px;}
.market-nation-detail .market-nation-name { font-weight: 400; max-width: 100%; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; line-height: normal; }
.game-market .row{gap: 0 20px;}
.sports-tab .tab-btns{width: 100%;}

/* 7-4-25 */
.game-tab-mobile { background-color: var(--bg-primary); border-bottom: 0; box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.5); position: relative; width: 100%; display: none;}
.game-tab-mobile .item { padding: 10px 0; flex: auto; position: relative;}
.game-tab-mobile .item .link{font-weight: bold; text-align: center; text-transform: uppercase; position: relative; border-right: 1px solid var(--white); padding: 0 8px; color: var(--white); display: block;}
.game-tab-mobile .item:last-child .link{border-right: 0;}
.game-tab-mobile .item .link.active::after { position: absolute; width: 100%; height: 2px; background-color: var(--dark-grey2); top: -12px; content: ""; left: 0; }

/* Odds Animation */
.market-odd-box,.bet-odd{position: relative;}
.market-odd-box.highlight-red,.bet-odd.highlight-red { -webkit-transform: translateZ(0); transform: translateZ(0); }
.market-odd-box.highlight-green,.bet-odd.highlight-green { -webkit-transform: translateZ(0); transform: translateZ(0); }
.market-odd-box:before,.bet-odd:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; }
.market-odd-box.highlight-red:before,.bet-odd.highlight-red:before { background: #ff000080; transform: scale(0, 0); animation: oddsdown 0.5s ease-out; }
.market-odd-box.highlight-green:before,.bet-odd.highlight-green: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); }
}

/* Placebet Mobile */
.btn-link{ color: #0d6efd; text-decoration: underline; background: transparent; border: 0; }
.profit-loss-markts{display: none;}
.place-bet-odds-stake-wraper{ width: 230px; display: flex; justify-content: space-between; }
.place-bet-odds-stake-wraper .mobile-title{display: none;}
.place-bet-for span.profit { font-weight: 400; display: none;}
.place-bets-popup.show{opacity: 0; visibility: hidden; pointer-events: none;}
.place-bets-popup .sidebar-title, .place-bets-popup .place-bet-box-header { display: none !important; }
.place-bets-popup .place-bet-odds-stake-wraper{width: 100%; gap: 10px; background: #ffffff45; padding: 4px; flex-direction: row-reverse;}
.place-bets-popup .place-bet-odds-stake-wraper .place-bet-odds, .place-bets-popup .place-bet-odds-stake-wraper .place-bet-stake{ flex: 1; width: 100%; margin:0 0;}
.place-bets-popup .place-bet-odds-stake-wraper .mobile-title{display: block; width: 100%; text-align: center; margin: 0.25rem 0;}
.place-bets-popup .place-bet-action-buttons { padding: 0 10px 4px; }
.place-bets-popup .place-bet-buttons {padding: 4px 10px; }
.place-bets-popup .sidebar-box{margin-bottom: 0;}
.place-bets-popup .place-bet-for span.profit{display: block;}
.place-bets-popup .profit-loss-markts { background: #ffffff45; padding: 4px 4px; margin: 0 10px 10px; display: inline-block; font-size: 16px; width: calc(100% - 20px); }
.place-bets-popup .profit-loss-markts > div{ display: flex; gap: 10px; justify-content: space-between; margin-top: 0.5rem;}
.place-bets-popup .place-bet-box-body i{font-size: 1rem;}
.place-bets-popup .place-bet-action-buttons .btn { font-weight: bold; font-size: 14px; }
body.exchange_inPlay.modal-open{overflow: visible !important; padding: 0 !important;}

.my-bets table, .my-bets table tbody, .my-bets table tr{border: 0;}
.my-bets table th, .my-bets table td { text-align: left; padding: 2px 4px; vertical-align: middle; border: 0;}

/* 8-4-25 */

.fancy-book-btn { line-height: 1;}

.nav-subprovider { display: flex; align-items: center; white-space: nowrap; margin: 0; background-color: var(--bg-primary65); overflow: auto;}
.nav-subprovider .nav_item{ color: var(--white); font-weight: 500; line-height: 1; cursor: pointer; padding: .5rem 1rem; min-height: 34px;    display: flex ; align-items: center;}
.nav-subprovider .nav_item.active { background-color: var(--bg-primary); color: var(--white); font-weight: bold; }
.odds-mobile-heading{display: none;}
.for-mobile{display: none !important;}
.for-desktop{display: block !important;}
.for-desktop.flex{display: flex !important;}

/* 11-4-25 */
.report-filter .input-group.row{width: 100%; gap:8px 20px; display: grid;}
.report-filter .datepicker .react-datepicker-wrapper{width: 100%;}
.report .col-w-2{width: 16.66666667%;}
.report .col-w-3{ width: 25%; }
.custom-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: .5rem; }
.custom-pagination > div { cursor: pointer; padding: 0.375rem 0.75rem; position: relative; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 38px; line-height: 26px; }
.custom-pagination > div:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.custom-pagination > div:nth-child(4n) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.custom-pagination > div:last-child { border: 0; display: flex; justify-content: center; align-items: center; }
.custom-pagination > div[disabled] { cursor: not-allowed; }
.custom-pagination > div:last-child input { width: 100px; }
.custom-pagination .me-2 { margin-right: .5rem; }

.pagenumber-search { display: flex; justify-content: space-between; align-items: center; gap: 0 20px;}
.pagenumber-search .col-6{ width: 16.66666667%; }


.search-list{ position: absolute; top: 100%; min-width: 300px; background-color: var(--table-bg); color: var(--black-light); box-shadow: 0 0 5px var(--bg-table-row); border-radius: 4px; display: none; flex-wrap: wrap; padding: 5px; z-index: 2; max-height: 300px; overflow-x: hidden; overflow-y: auto; margin-top: 2px; }
.search-list.open{display: flex;}
.search-list { width: 100%; }
.search-list .search-event-title { background: var(--bg-secondary85); color: var(--white); padding: 5px; }
.search-list ul { margin: 0; padding: 0; list-style: none; }
.search-list .event-list{width: 100%;}
.search-list .event-list ul li { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; width: 100%; color: var(--black-light); cursor: pointer; }
.search-list .event-list ul li .search-game-name { font-weight: 700; }

.stack-change-wraper .row { gap: 0 20px; display: flex; }
.stack-change-wraper .row .col-6 {width: calc(50% - 10px); }

.report-highlight-text .text-info { display: flex; align-items: center; gap: 5px; }

.pagenumber-search .report-highlight-text{justify-content: center;}
.pagenumber-search .col-2 { width: 16.66666667%; }
.pagenumber-search .col-4{ width: 33.33333333%; }
.pagenumber-search .col-3 { width: 25%; }

.racing-sport-dropdown { position: relative; }
.racing-sport-dropdown .dropdown-menu { left: auto; transform: translateX(100%); right: 0; }
.racing-sport-dropdown .dropdown-menu ul.menu-list { display: block; background: var(--white); max-height: calc(100vh - 210px); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--dark-grey2) var(--bg-table-row); padding: 0;}
.racing-sport-dropdown .dropdown-menu ul.menu-list li { border: 0; color: var(--black); padding: .25rem 1rem; }
.racing-sport-dropdown .dropdown-menu ul.menu-list li .dropdown-item{padding: .25rem 1rem; margin: 0; cursor: pointer;}
.racing-sport-dropdown .dropdown-menu ul.menu-list li .dropdown-item:hover{ color: #666; text-decoration: underline;}
.racing-sport-dropdown .dropdown-menu h5 { padding: 5px 20px; border-bottom: 1px solid var(--black); font-weight: bold; font-size: 20px; }
.btn-primary:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5); }

.react-datepicker__day--keyboard-selected{background-color: #216ba5 !important; color:  #fff !important;}

/* 16-4-25 */
.login-body .main-content{margin: 0;}
.header-rules { margin-right: 1rem; cursor: pointer;}
.rules-content-title { background-color: var(--bg-secondary); color: var(--white); padding: 5px 10px; font-size: 18px; font-weight: bold; }
.rules-content-desc { padding: 10px; }
.modal.rules-popup .table td, .modal.rules-popup .table th { white-space: normal; }
.rules-wraper { display: flex; flex-wrap: wrap; width: 100%;}
.rules-wraper .rules-sidebar{ width: 20%; min-height: calc(98vh - 70px); overflow-x: hidden; overflow-y: auto;}
.rules-wraper .rules-content { width: 80%; padding: 0 5px; }
.rules-sidebar .tab-btns ul { flex-direction: column; width: 100%; }
.rules-sidebar .tab-btns ul li .link{border-right: 0; color: var(--black); border-bottom: 1px solid var(--black);}
.rules-sidebar .tab-btns ul li .link.active { background-color: var(--bg-primary); color: var(--white); }
.modal.rules-popup .modal-body { max-height: calc(98vh - 120px); display: flex; flex-wrap: wrap; }
.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }

.rules-lang-dropdown { width: 100%; margin-right: 20px; flex: 1; text-align: right; }
.rules-lang-dropdown .dropdown-toggle { background: var(--dark-grey2); color: var(--black); }
.rules-lang-dropdown img { height: 20px; margin-right: 5px; }
.rules-lang-dropdown .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.rules-lang-dropdown .dropdown { display: inline-block; position: relative; }


.live-casino-bets .game-name { width: 110px; }
.live-casino-bets .report-type { width: 70px; }
.live-casino-bets .report-amount { width: 70px; }


.game-iframe-sec{height: calc(100vh - 173px); position: relative;}
.game-iframe-sec iframe{border: 0; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}



.place-bets-popup .range { padding: 5px 10px; }

.blink-message{ display: flex; align-items: center; color: var(--black); padding: 5px; gap: 5px; text-transform: capitalize; }
.blink-message > div { -moz-animation: blinktext normal 1s infinite ease-in-out; -webkit-animation: blinktext normal 1s infinite ease-in-out; -ms-animation: blinktext normal 1s infinite ease-in-out; animation: blinktext normal 1s infinite ease-in-out; text-decoration: underline; line-height: 1.5; font-size: 18px; }
  @-moz-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
    }

    @-webkit-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
    }

    @-ms-keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
    }

    @keyframes blinktext {
    0% {
        opacity: 1;
        color: red;
    }

    50% {
        opacity: 1;
        color: yellow;
    }

    100% {
        opacity: 1;
        color: red;
    }
  }

  /*Aviator Menu*/
    header .navbar-nav .aviator .nav-link, .mobile-menu .aviator .link  { padding-top: 0; padding-bottom: 0; }
    header .nav-link svg, .mobile-menu .aviator .link svg{ height: 30px; transform: rotate(10deg); vertical-align: middle; }
    .aviator svg .cls-1 {
        -moz-animation: blinkmenu normal 1s infinite ease-in-out;
        -webkit-animation: blinkmenu normal 1s infinite ease-in-out;
        -ms-animation: blinkmenu normal 1s infinite ease-in-out;
        animation: blinkmenu normal 1s infinite ease-in-out;
    }


  @-moz-keyframes blinkmenu {
    0% {
      fill: #e40539;
    }

    100% {
      opacity: 0.1;
    }
  }

  @-webkit-keyframes blinkmenu {
    0% {
      fill: #e40539;
    }

    100% {
      opacity: 0.1;
    }
  }

  @-ms-keyframes blinkmenu {
    0% {
      fill: #e40539;
    }

    100% {
      opacity: 0.1;
    }
  }

  @keyframes blinkmenu {
    0% {
      fill: #e40539;
    }

    100% {
      opacity: 0.1;
    }
  }

  /* 25-6-25 */
  .game-market .multiple-runner { min-width: 160px; display: flex; flex-direction: column; }
  .game-market .multiple-runner .market-odds-wraper + .market-odds-wraper{ border-top: 0.01em solid var(--table-border); }