body{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: roboto condensed, sans-serif;
    font-size: 13px;
}
body {
    margin: 0;
  font-family: roboto condensed, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #23282c;
    text-align: left;
    background-color: #e4e5e6;
}
*, ::after, ::before {
    box-sizing: border-box;
}


a {
    color: var(--primary);
}
.t20exch {
    background:#f0ece1;
}
.app, .app-dashboard, .app-root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.app-body {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden;
}
.login-agbody {
    background: var(--loginBackgroundImg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    z-index: 99999;
}
.login-agbody .login-wrap, .login-agbody .maintain-wrap {
    background: var(--loginBGColor);
}
.login-wrap, .maintain-wrap {
      position: absolute;
    top: 17%;
    left: calc(50% - 540px / 2);
    width: 540px;
    height: 408px;
    border-radius: 8px;
    box-shadow:var(--loginShadow)
}

.kv {
    width: var(--kvWidth);
    height: 100%;
    border-radius: 8px 0 0 8px;
    float: left;
}
.login-agbody .login-panel {
    color: var(--mainAnchorColor);
}
.login-panel {
    color: #243a48;
    margin: 100px 0 0 25px;
    float: left;
}
dl, ol, p, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.logo-main-div {
    display: none;
}
.logo-main {
    width: 160px;
    height: 68px;
}
img {
    vertical-align: middle;
    border-style: none;
}
.login-panel dt {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 400;
    color: var(--loginTextPC);
}
.login-panel dd {
    position: relative;
    width: 220px;
    margin-bottom: 7px;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
.login-panel input, .login-panel textarea {
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 21px;
    border: 1px solid #aaa;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1);
    margin: 0;
    font-family: Tahoma,Helvetica,sans-serif;
    color: var(--mainAnchorColor);
    background: var(--whiteColor);
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.login-panel .btn-send {
    width: 218px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight:var(--fontWeight700);
    display: block;
    text-align: center;
    margin: 15px 0 0;
}
.login-agbody .btn-send {
    background: var(--loginButtonBG);
    border: unset;
    border-radius: 4px;
    color: var(--loginButtonTextColor);
}
.icon-login {
    width: 10px;
    height: 11px;
}
.login-agbody .icon-login {
    background: url("../images/arrow.svg") no-repeat;
}
.t20exch .top {
    background: var(--headerTopBG);
    min-width: 1350px;
    margin-bottom: 15px;
}
.header {
    height: 75px;
    padding-top: 15px;
}
.t20exch .header h1 {
    margin-top: -9px;
    float: left;
    margin-bottom: 0;
}
.header a {
    height: 100%;
    display: block;
}
.account-wrap {
    float: right;
    display: block;
    zoom: 1;
}
.account-wrap li {
    position: relative;
    line-height: 25px;
    margin-left: 15px;
    display: block;
    float: left;
}
.account-wrap li span {
    color: var(--whiteColor);
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    padding: 0 5px;
    border-radius: 4px;
    background-color: var(--color000);
    margin-right: 3px;
    display: inline-block;
}
.account-wrap .head-refresh {
    margin-left: 10px;
}
.t20exch .account-wrap .head-refresh a {
    background-position: var(--refereshIconPS);
    height: 25px;
    width: 30px;
    background-image: url("../images/icons/top-sb-refresg.png");
    background-repeat: no-repeat;
    color: var(--whiteColor);
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer;
}
.t20exch .header {
    color: var(--HeaderTextColor);
}
.footer-content, .header, .main_wrap {
    position: relative;
    width: 1350px;
    margin: 0 auto;
}
.t20exch .menu-wrap {
    background: var(--menuColor);
    min-width: 1350px;
    line-height: 30px;
    zoom: 1;
    display: -webkit-box;
}
.menu, .setting-wrap {
    font-weight:var( --fontWeight700);
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}
.t20exch .menu li, .t20exch .setting-wrap li {
    border-right: 1px solid var(--menuBorderColor);
    display: block;
    float: left;
    cursor: pointer;
}
.t20exch .menu .select, .t20exch .setting-wrap .select {
    color: var(--whiteColor);
    box-shadow: inset 0 1px 3px 0 rgba(6,23,7,.5);
}
.t20exch .menu a, .t20exch .setting-wrap a {
    color: var(--menuTextColor);
}
.menu .select, .setting-wrap .select {
    background-color: #333;
}
.menu-wrap a {
    color: var(--whiteColor);
    padding: 0 5px;
    display: block;
    text-decoration: none;
}
.menu li ul, .setting-wrap li ul {
    display: none;
    position: absolute;
    background-color: var(--mainAnchorColor);
    border-top: 1px solid var(--menuBorderC);
    z-index: 99;
    padding: 0;
}
 ul li:hover ul.dropdown{
    display: block !important;
}
.t20exch .menu li li, .t20exch .setting-wrap li li {
    float: none;
    border-bottom: 1px solid var(--menuBorderC);
}
.t20exch .menu-wrap a.menu-drop:after {
    border-top-color: var(--menuTextColor);
}
.menu-wrap a.menu-drop.select:after, .menu-wrap a.menu-drop:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #a5a5a5 transparent transparent;
    margin-left: 10px;
    vertical-align: middle;
    content: '';
    display: inline-block;
}
.t20exch .menu .logout, .t20exch .setting-wrap .logout {
    border-left-width: 0;
    float: right;
}
.t20exch .menu .logout img, .t20exch .setting-wrap .logout img {
    width: 10px;
    height: 11px;
    margin-left: 5px;
    background: url("../images/icons/blackarrow.svg") no-repeat;
}
a:hover {
    text-decoration: underline;
    color: unset;
}
 
/* a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #fff;
    text-decoration: none;
} */
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover {
    cursor: pointer;
}

.app-body .main {
    margin-bottom: 30px;
}
.app-body .main {
    flex: 1;
    min-width: 0;
    padding:65px 0
}
.app-footer, .app-header, .aside-menu, .main, .sidebar {
    transition: margin-left .25s,margin-right .25s,width .25s,flex .25s;
}
.dataTables_wrapper .dataTables_info{
	padding-left:5px
}
.main {
    margin: 0 5px !important;
    padding-bottom:60px;
}
.main .container-fluid {
    padding: 0 0px;
}
.main .container {
    padding: 0 0px !important;
}
.card-accent-primary {
    border-top: unset;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.account-detail-head {
    font-weight:var( --fontWeight700);
    font-size: 15px;
    background: var(--cardHeaderBG);
    padding: 5px 10px !important;
    color: var(--cardHeaderTextColor);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f0f3f5;
    border-bottom: 1px solid #c8ced3;
}
.p-0 {
    padding: 0!important;
}
.sidebar-account {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color:var(--sidebarAccount);
    height: 100%;
    overflow: auto;
    color:var(--mainAnchorColor);
} 
.sidebar-account a:hover:not(.active) {
    background-color: #e6efd1;
}
.sidebar-account a.active {
    background-color:var(--sidebarActiveC);
    color:var(--mainAnchorColor);
}
.sidebar-account a {
    display: block;
    color: var(--color000);
    border-bottom: 1px solid var(--cccColor);
    padding: 5px 10px;
    text-decoration: none;
}
.account-detail-body .bd-example dd, .account-detail-body .bd-example dt {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--cccColor);
}
.card{
    margin-bottom:0.5rem;
}
.fa-lg {
    font-size: 1.13333333em;
    line-height: .75em;
    vertical-align: -15%;
    color: var(--faBgColor);
    cursor: pointer;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.modal-header {
    padding: 8px;
}
.bg-primary {
    background: var(--modalHeadBG);
    color: var(--modalHeadTextColor);
    border-radius: 8px 8px 0 0;
}
.modal-title {
    font-size: 15px;
}
.btn, .modal-title {
    font-weight:var( --fontWeight700);
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
        color: #fff;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 1.3125rem;
    font-weight:var( --fontWeight700);
    line-height: 1;
    text-shadow: 0 1px 0 var(--whiteColor);
    opacity: 1;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: var(--color000);
    text-decoration: none;
    opacity: .75;
}
.modal-header .close {
    color: var(--modalHeadTextColor);
    text-shadow: unset;
}
.view-rolling{
    margin-bottom: 4px;
    border: 1px solid var(--color000);
    font-weight:var( --fontWeight700);
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.view-rolling span {
    margin-left: 5px;
}
.rolling-body{
    padding: 1rem 1.8rem !important;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
   padding: 1rem;
}
.modal-content {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: 1px solid var(--whiteColor) !important;
}
.form-group {
    margin-bottom: 5px;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.asterisk_input:before {
    content: "*";
    font-size: 15px;
    color: #e85656;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #000;
    background-color: var(--whiteColor);
    background-clip: padding-box;
    border:1px solid #1b555d;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.modal .modal-footer {
    border: none;
    background: #e7e7e7;
    margin: 0;
    padding: 4px 8px;
    /* padding-bottom: 0; */
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e4e7ea;
}
.modal-footer>:not(:last-child) {
    margin-right: 0.25rem;
}
.btn {
    padding: 5px 10px!important;
    font-size:12px !important;
}
.btn-primary {
    color: var(--whiteColor);
    background: var(--btnColorAll);
    border: unset;
    font-size: .875rem;
}
.btn-default {
    background: var(--secondaryBtnBg);
    font-size: .875rem;
    color:var(--secondarybtntextcolor);
}
.submenu li a
{
	color:#fff !important;
}

.input-list .purp{
	height: 26px!important;
    line-height: 30px;
    margin: 0 0px 0 42px;
    padding: 3px 5px;
    width: 106px;
    border: 1px solid #aaa;
    border-radius: 3px;
    color:inherit;
}
.card-report {
    padding: 10px 10px 0;
    background:linear-gradient(rgb(255,204,47) 8%,rgb(255,184,12) 100%);
    border-bottom: 1px solid #7e97a7;
}
.card-report .form-control:disabled, .form-control[readonly] {
    border: 1px solid var(--cccColor);
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.0625rem + 2px);
    appearance: auto;
}
table.dataTable.no-footer {
    border:0;
}
table.dataTable, table.dataTable td, table.dataTable th {
    box-sizing: content-box;
}
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}
.table-responsive table.dataTable thead th, table.dataTable thead td {
    color: var(--tableBg);
    background-color: var(--tableBgColor);
    padding: px 10px;
    font-size: 13px;
}
.table-responsive>.table-bordered {
    border: 0;
}
.table-bordered thead td, .table-bordered thead th {
    color: var(--tableBg);
    background-color: var(--tableBgColor);
    padding: 10px 10px;
}
.table-bordered, .table-bordered td, .table-bordered th {
    border-top:1px solid;
    border-color:#c8e7ff;
}
.login-success{
    font-weight:var( --fontWeight700);
    color: #228b22;
}
.table{
    font-size: 13px;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.btn-primary {
    color: var(--Primarybtntextcolor);
    background: var(--btnColorAll) !important;
    border: unset;
    font-size:12px;
}
.inplay-sportwise {
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 10px;
    background: var(--whiteColor);
}
.sporthead h3 {
    background: linear-gradient(-180deg,#2e4b5e 0,#243a48 82%);
    color: var(--whiteColor);
    font-size: 14px;
    line-height: 30px;
    font-weight:var( --fontWeight700);
    padding-left: 10px;
    margin: 0;
    cursor: pointer;
}
.inplay-match .table {
    font-size: 14px;
    margin-bottom: 0;
}
.inplay-match .table {
    font-size: 14px;
    margin-bottom: 0;
}
.game-menu-tab .table td, .game-menu-tab .table th {
    border-top: none;
    padding: 3px 0 3px 10px;
    vertical-align: middle;
}
.market-analyisevent .match-name {
    font-weight:var( --fontWeight700);
    color: #2789ce!important;
    text-decoration: none;
}
.matchodd {
    font-size: 12px;
}
.card-matchodds {
    background: var(--whiteColor);
    color: #333;
    border: none;
    padding: 0;
    font-size: 13px;
    border-bottom: 1px solid #7e97a7;
}
.match-odds {
    height: 30px;
    line-height: 30px;
    color: var(--whiteColor);
    float: left;
    font-weight:var( --fontWeight700);
    padding-right: 30px;
    padding-left: 10px;
    position: relative;
    background: var(--newsColor);
    border-top-right-radius: 15px;
    font-size: 12px;
}
.marketinfo {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("../images/icons/download.svg");
}
.marketinfo {
    font-size: 14px;
    cursor: pointer;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}
.matched-count {
    padding: 5px 10px;
    font-size: 13px;
}
.pull-right {
    float: right;
}
.pull-left{
    float: left;
}
.matched-count strong {
    font-weight:var( --fontWeight700);
    color: var(--mainAnchorColor);
}
.p-rltv {
    position: relative;
}
.betfair-tbl {
    margin-bottom: 0;
}
.tbl-bets th {
    padding: 5px;
    border-top: none;
    text-align: center;
}
.show-xs {
    display: none;
}
.fancy-info {
    padding: 5px 6px 0;
    margin: 0;
    background-color: #bed5d8;
    font-size: 10px;
    line-height: 7px;
    border-radius: 3px;
}
.fancy-info dt {
    color: var(--primary);
    display: inline-block;
    margin-right: 8px;
}
dt {
    font-weight:var( --fontWeight700);
}
.fancy-info dd {
    margin-bottom: 0.4rem;
}
.fancy-info dd {
    display: inline-block;
}
.betfair-tbl thead .back-1 {
    border-top-left-radius: 10px;
}
.back-1{
    background-color: var(--backOne) !important;
    border-left-color: var(--whiteColor);
}
.min-max-bet {
    font-size: 13px;
}
.lay-1 {
    background-color: var(--layOneBg) !important;
    border-left-color: var(--whiteColor);
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #c8ced3;
}
.minwidth {
    width: 60%;
}
.odd-row .team-name {
    text-align: left;
    padding-left: 6px;
}
.tbl-bets .odd-row .team-name .title {
    font-size: 12px;
    display: block;
    font-weight:var( --fontWeight700);
}
.tbl-bets .odd-row td span {
    display: block;
    font-weight: 400;
    font-size: 11px;
}
.odd-row a {
    color: var(--color000)!important;
}
.plus-book {
    color: #228b22;
    font-weight:var( --fontWeight700)!important;
}
.back-3 {
    background-color:var(--backThreeBg)!important;
    border-left-color: var(--whiteColor);
}
.back-2 {
    background-color: var(--backTwobg) !important;
    border-left-color: var(--whiteColor);
}
.lay-2{
    background-color: var(--layTwoBg) !important;
    border-left-color: var(--whiteColor);
}
.lay-3{
    background-color: var(--layThreeBg) !important;
    border-left-color: var(--whiteColor);
}
.tbl-bets .count {
    width: 10%;
}
.tbl-bets .odd-row td span {
    display: block;
    font-weight: 400;
    font-size: 11px;
}
.tbl-bets .count {
    width: 10%;
}
.tbl-bets td {
    font-weight:var( --fontWeight700);
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    border-top: none;
}
 
.suspended {
    padding: 30px;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 30px;
    font-weight:var( --fontWeight700);
    top: 0;
    color: var(--suspandBg);
    text-align: center;
    background: var(--whiteColor);
    opacity: .8;
    border: 2px solid var(--suspandBg);
    z-index: 999;
}
.stats-text {
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    flex: auto;
    vertical-align: middle;
    text-transform: uppercase;
}
#fancyBetHead{
    top: -28px;
}
.bookmaker, .fancy-head, .sportsbook-head {
    position: absolute;
    top: 0;
    width: 100%;
    zoom: 1;
}
.fancy-head h4 {
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: var(--whiteColor);
    z-index: 1;
    float: left;
    zoom: 1;
}
.bookmaker .in-play span, .fancy-head .in-play span, .sportsbook-head .in-play span {
    padding: 0 14px 0 8px;
    cursor: pointer;
}
.fancy-head h4 span {
    min-width: 72px;
    line-height: 30px;
    padding: 0 10px;
    vertical-align: top;
    display: inline-block;
    background: #067e8f;
    font-weight:var(--fontWeight700);
}
.btn-fancybet_rules, .btn-sportsbook_rules {
    vertical-align: top;
    margin-left: -4px;
    height: 34px;
    font-size: 0;
    text-indent: -99999px;
    width: 41px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("../images/icons/download2.svg");
}
.btn-fancybet_rules::before, .btn-sportsbook_rules::before {
    content: '';
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    margin: 8px 12px;
    background-size: contain;
    display: block;
    background-image: url("../images/icons/download.svg");
}
.fancy-head h4:after {
    content: "";
    display: block;
    clear: both;
}
.fancy-head .in-play-sportbook span {
    background: #e4550e;
    cursor: pointer;
    border-top-left-radius: 10px;
}
.btn-sportsbook_rules {
    background-image: url("../images/icons/download3.svg");
}
.fancy_bet_back {
    display: flex;
}

.fancy_bet_back {
    display: flex;
    background-image: linear-gradient(180deg,#0a92a5 15%,#076875 100%);
    justify-content: center;
    align-items: center;
}
 .fancy_bet_back a {
    color: #076875!important;
    font-size: 12px;
}
.fancy_bet_back a.active{
    color: #076875!important;
    font-size: 12px;
    background: var(--whiteColor);
}
.fancy_bet_tab-wrap {
    display: flex;
    background-image: linear-gradient(180deg,#f26d1c 15%,#d14100 100%);
    justify-content: center;
    align-items: center;
}
 .fancy_bet_tab_premium {
    display: none;
    background-image: linear-gradient(180deg,#f26d1c 15%,#d14100 100%);
    justify-content: center;
    align-items: center;
}
.fancy_bet_tab_premium a.active, .fancy_bet_tab_premium a {
    color: #076875!important;
    font-size: 12px;
}
 .special_bets-tab{
    display: flex;
    width: auto;
    background-color: rgba(255,255,255,.5);
    border-radius: 5px;
    margin: 5px 0 3px;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.special_bets-tab li {
    list-style: none;
    padding: 2px;
}
.special_bets-tab a {
    min-width: 70px;
    height: 18px;
    line-height: 18px;
    color: rgba(163,64,5,.85);
    font-weight:var( --fontWeight700);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.fancy_bet_tab-wrap a.active, .fancy_bet_tab-wrap a {
    color: #076875!important;
    font-size: 12px;
    
}
.special_bets-tab .active a {
    background-color: var(--whiteColor);
    color: #a34005;
    text-decoration: none;
}
.tbl-bets .valign-middle {
    vertical-align: middle;
}
.spnd-fncy {
    padding: 10px;
    position: absolute;
    width: 200%;
    font-size: 12px;
    height: 38px;
    font-weight:var( --fontWeight700); 
    top: 0;
    color: var(--suspandBg);
    text-align: center;
    background: var(--whiteColor);
    border: 2px solid var(--suspandBg);
    opacity: .8;
    z-index: 10;
}
.tbl-bets .min-max {
    vertical-align: middle;
} 
.book-btn {
     font-size: 12px;
     display: block;
}
.btn-fancy_info{
	display: none;
}
.fancy_info-popup{
	display:none;
}
.minus-book {
    color: #d0021b;
    display: block;
    font-weight:var( --fontWeight700)!important;
    display:inline-block !important;
}
.card-accrdn{
    padding: 5px;
    background-color: #2f353a;
    color: var(--whiteColor);
    cursor: pointer;
} 
.open-bet-btns .btn {
    width: 100%;
}
.mbl-book{
	display:block;
	border:none;
}
.only-mobile{
	display: none;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.switch-label.switch-sm {
    width: 40px;
    height: 22px;
}
.switch {
    display: inline-block;
    width: 40px;
    height: 26px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
} 
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.gambling-model {
    background: #2e4c8c;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}
.gambling-model h4{
	font-size:12px !important;
} 
.info-model{
	border:none!important;
	box-shadow:none;
}
.btn_box {
    margin-top: 20px;
}
.table01 th, .table-s th, .table_one th {
    color: #243a48;
    background-color: #e4e4e4;
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0;
    padding: 8px 10px;
}
.pop_box {
    position: fixed;
    top: 110px;
    left: 50%;
    background-color: #eee;
    width: 400px;
    border-radius: 5px;
    padding: 15px;
    transform: translate(-50%, 0);
}
.pop_box h3 {
    font-size: 16px;
    color: #3b5160;
    margin-bottom: 18px;
}
.pop_box .close_pop {
    top: 9px;
    right: 10px;
    position: absolute; 
    background-position: -41px -632px;
    height: 16px;
    width: 17px;
}
.bookmaker-set{
	display:flex;
	margin-bottom:5px;
    white-space: nowrap;
    align-items: center;
}
.bm-btn{
	font-size:12px
}
.minmaxcheck{
    margin: 0 5px 5px 0;
}
.bookmaker-input{
    color: #1e1e1e;
    font-size: 12px;
    border: 1px #aaa solid;
    background: var(--fixTotalWhilte); 
    border-radius: 4px;
    padding: 5px;
    margin: 0 5px 0px 7px;
    box-sizing: border-box;
    height:28px;
}
.alert {
  position: fixed;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  z-index: 9999;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  font-size:17px;
}
@media only screen and (max-width: 600px) {
  .alert {
   width:95%;
  }
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.alert.success {
	background-color: #04AA6D; 
}
.total_all .input-list {
    margin-bottom: 0;
    margin-right: 20px;
    float: left;
    display:flex;
    margin-top:15px;
    padding:0;
}
.input-list li {
    list-style: none;
    line-height: 25px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
}
.input-list label {
    margin-right: 5px;
}
.date-input input{
	font-family: Tahoma, Helvetica, sans-serif;
    color: #1e1e1e;
    font-size: 12px;
    border: 1px #aaa solid;
    background: var(--fixTotalWhilte); 
    border-radius: 4px;
    padding: 5px;
    margin: 0 10px 5px 0;
    box-sizing: border-box;
    height:28px;
}
.total_all select {
    height: 32px;
    line-height: 30px;
    margin: 0;
}
.total_all .search-wrap {
    margin-right: 10px;
    position: absolute;
    left: 57%;
    top: 13%;
}
.total_all .search-input {
    width: 210px;
    height: 32px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 2px 0px rgba(0,0,0,0.1); 
    margin-top:18px;
}
.changepass{
	height:28px !important;
}
.dataTables_length li{
	list-style:none;
}
.adminpopup{
	top:115px;
}
.search-input {
    width: 210px;
    height: 30px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 2px 0px rgba(0,0,0,0.1); 
    padding:5px;
}
.cal-input {
    width: 110px;
    cursor: pointer;
    /* background-position: 100% -22px; */
    background-image: none;
}
.total_all .input-list li {
    margin: 0 20px 0 0;
    display:flex;
}
.mr-2, .mx-2 {
    margin-right: 0.5rem!important;
}
.switch-input {
    display: none;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.switch-label.switch-sm .switch-slider {
    font-size: 8px;
}
.switch-slider {
    position: relative;
    display: block;
    height: inherit;
    cursor: pointer;
    background-color: var(--whiteColor);
    border: 1px solid var(--switchSliderBG);
    transition: .15s ease-out;
    border-radius: 0.25rem;
}
.switch-label.switch-sm .switch-slider::before {
    width: 16px;
    height: 16px;
}
.switch-label .switch-slider::before {
    z-index: 2;
}
.switch-slider::before {
    position: absolute;
    top: 2px;
    left: 2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    content: "";
    background-color: var(--whiteColor);
    border: 1px solid var(--switchSliderBG);
    transition: .15s ease-out;
    border-radius: 0.125rem;
}
.switch-label.switch-sm .switch-slider::after {
    font-size: 8px;
}
.switch-label .switch-slider::after {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    width: 50%;
    margin-top: -0.5em;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    color: var(--switchSliderBG);
    text-align: center;
    text-transform: uppercase;
    content: attr(data-unchecked);
    transition: inherit;
}
.switch-label.switch-sm .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .switch-primary .switch-input:checked+.switch-slider {
    background-color: var(--primary);
    border-color: var(--primary);
}
.switch-label .switch-input:checked~.switch-slider::after {
    left: 1px;
    color: var(--whiteColor);
    content: attr(data-checked);
}
.switch-primary .switch-input:checked+.switch-slider {
    background-color:var(--primary);
    border-color: #1985ac;
}
.livebetbody {
    padding: 0.5rem;
}
.slip-list{
    font-size: 11px;
    zoom: 1;
}
.matched-head{
    padding: 0 10px;
    zoom: 1;
    display: block;
    margin: 0;
    height: 25px;
    background-color: var(--whiteColor);
    zoom: 1;
}
.mtched-head .col-bet, .slip-head .col-bet {
    width: 42%;
    text-align: left;
}
.matched-head li {
    text-align: center;
}
.matched-head .col-odd, .slip-head .col-odd {
    width: 16%;
}
.matched-head li, .slip-head li {
    padding: 5px 0;
    display: block;
    float: left;
}
.matched-head .col-stake, .slip-head .col-stake {
    width: 16%;
    padding-left: 5px;
}
.matched-head .col-profit {
    text-align: right;
}
.matched-head .col-profit, .slip-head .col-profit {
    width: 22%;
}
.bet-slip-head{
    padding: 4px 15px;
    background: var(--newsColor);
}
.book-popup {
    padding: 5px;
}
.book-popup table {
    border: 2px solid #333;
}
.book-tbl {
    width: 100%;
}
.book-tbl td, .book-tbl th, .book-tbl thead {
    border: 1px solid #333;
    text-align: center;
    font-weight: 700;
}
.book-tbl td, .book-tbl th, .book-tbl thead {
    border: 1px solid #333;
    text-align: center;
    font-weight: 700;
}
.modal-book {
    width: 350px;
}
.livebet-user{
	width: 250px;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: var(--fixTotalWhilte);
    border: 1px solid rgba(0,0,0,.125)!important;
}
.matched-bets-body, .unmatched-bets-body {
    max-height: 500px;
    overflow-y: auto;
}
.market-analysis .match-name {
    font-weight:var( --fontWeight700);
    color: #2789ce!important;
    padding-left: 15px;
}
.market-analysis{
    padding: 20px 30px;
}
/* .table td, .table th {
    padding: 8px 10px;
} */
.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .765625rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.commission .nav.nav-tabs {
    background: #e2e2e2!important;
    border-bottom: unset;
}
.commission .nav-tabs .nav-item {
    font-weight:var( --fontWeight700);
}
.commission .nav-tabs .nav-link.active {
    border-top: 2px solid var(--primary);
}
.nav-tabs .nav-link.active {
    color: #2f353a;
    background: var(--whiteColor);
    border-color: #c8ced3 #c8ced3 var(--whiteColor);
}
.nav-tabs .nav-link {
    color: #000;
    text-decoration: none;
}
.commission .tab-content {
    padding: 15px 20px;
    margin-top: 1.5rem;
}
.pl-footer {
    background: var(--tableBgColor);
}
.plus-pl {
    font-weight:var( --fontWeight700);
    color:#24b524;
}
.minus-pl {
    font-weight:var( --fontWeight700);
    color: #dd5c6b;
}
 
.btn.disabled, .btn:disabled {
    cursor: not-allowed;
}
.btn.disabled, .btn:disabled {
    opacity: .65;
}
.total_all {
    margin: 13px 0 10px;
}
.total_all .btn_replay {
    height: 30px;
    width: 30px;
    margin: 0 5px 0 10px;
    border: 1px solid #bbb;
    border-radius: 4px;
    color: var(--mainAnchorColor);
    font-weight:var( --fontWeight700);
    line-height: 23px;
    font-size: 12px;
    display: block;
    text-align: center;
    float: right;
    text-decoration: none;
}
.total_all .btn_replay img {
    margin-right: 2px;
    margin-top: 6px;
    background-position: -44px -980px;
    height: 17px;
    width: 14px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e62.png");
    background-repeat: no-repeat;
    border: 0 solid var(--whiteColor);
}
.add_member {
    height: 30px;
    margin: 0;
    line-height: 30px;
    padding: 0 15px;
    background: url("../images/icons/add.gif") repeat-x #eee;
    border: 1px solid #bbb;
    border-radius: 4px;
    color: var(--mainAnchorColor) !important;
    font-weight:var( --fontWeight700);
    font-size: 12px;
    display: block;
    float: right;
    text-decoration: none;
}
.add-user .modal-header {
    padding: 5px 7px;
}
.add-user .headtext, .add-user .modal-header .close {
    font-size: 17px;
    color: #3b5160;
}
.add-user .form-group {
    margin-bottom: 6px;
    text-align: right;
}
.add-user .asterisk_input:before, .add-user label {
    font-size: 12px;
    font-weight:var( --fontWeight700);
    padding: 0;
    line-height: 20px;
    margin-top: 5px;
}
.add-user .modal-footer {
    justify-content: center;
}
.add-user .modal-footer .btn {
    justify-content: center;
    width: 140px;
    font-size: 12px;
}
.add-user .form-control {
    font-size: 12px;
    padding: 6px 10px;
}
.add_member img {
    margin-right: 5px;
    background-position: -32px -30px;
    height: 15px;
    width: 26px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.fix-content, .total_box, .white-wrap {
    background:var(--fixTotalWhilte);
    color: #3b5160;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px;
}
.total_box {
    width: 100%;
    padding: 7px 0 5px;
    margin-top: 15px;
}
.total_box .total_dl {
    padding: 0 10px;
    float: left;
    border-right: 1px solid #626262;
    margin: 0;
}
.total_box .total_dl dt {
    font-size: 12px;
    margin: 0 0 5px;
    color:#fff;
}
.total_box .total_dl dd {
    font-size: 15px;
    color:#fff;
    line-height: 20px;
    font-weight:var( --fontWeight700);
    margin-bottom: 0;
}
 
.DW-amount:after, .acc-info:after, .account-wrap:after, .action:after, .add_account_box dl dd:after, .agent-path:after, .agent_path ul:after, .agent_path-L .drop_down_li:after, .agent_path:after, .banking-head dd:after, .btn_list-DW:after, .change_pass:after, .clearfix:after, .credit-amount:after, .filter-pop ul:after, .final-balance:after, .fix-content:after, .footer_fixed .action:after, .footer_fixed .footer-content:after, .footer_fixed .header:after, .footer_fixed .main_wrap:after, .form_list dd:after, .game-highlight-wrap:after, .game-wrap:after, .half_box:after, .initial-balance:after, .inline-form:after, .login-wrap:after, .marquee-box:after, .member_select:after, .menu-wrap:after, .menu:after, .odds-set:after, .play_race-wrap:after, .pop-left dd:after, .pop-left dl:after, .pt_allowed dl dd:after, .pt_allowed dl:after, .pt_allowed:after, .setting-wrap:after, .slip-head:after, .stake-set:after, .status_but:after, .status_id:after, .tab-topplay:after, .table-s .ico_account:after, .table01 .ico_account:after, .table_one .ico_account:after, .top_player-wrap:after, .total-show:after, .total_all:after, .total_box:after, .total_info:after, .upcome:after, .white-wrap:after, .wrap-refer_edit dl:after {
    content: "";
    display: block;
    clear: both;
}
.my-exchange-head {
    margin-bottom: 0!important;
}
.count-box, .my-exchange-head .table tr, .tbl-banking tr {
    font-weight:var( --fontWeight700);
}
table.table-bordered.dataTable td, table.table-bordered.dataTable th {
    border-left-width: 0;
}
table.dataTable tbody td, table.dataTable tbody th {
    padding: 8px 10px;
}
.badge {
    font-size: 11px;
    font-weight:var( --fontWeight700);
    padding: 3px 5px;
    border-radius: 3px;
}
.badge-success {
    color: var(--badgeColor);
    background-color:var(--badgeBgColor);
}
.badge {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.cl-red {
    color: var(--clColor);
}

.cl-green {
    color: green;
}
.status-active {
    background-color: #e5f1dc;
    border: 1px solid #bedca7;
    color: #508d0e;
}
.status-lock {
    background-color: #e3e8eb;
    border: 1px solid #b9c5cd;
    color: #5a7384;
}
.action {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}
.action li {
    display: block;
    float: left;
}
.action a {
    width: 26px;
    height: 26px;
    margin-left: 12px;
    font-size: 0;
    text-indent: -99999px;
    display: block;
    float: right;
}
.bank {
    background-position: -32px -196px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.lock {
	    background-position: -32px -520px;
     background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.p_l {
    background-position: -32px -1423px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.action .betting_history {
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
    background-position: -32px -308px;
}
.action .status {
    background-position: -32px -1566px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.action .profile {
    background-position: -32px -1475px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}
.action .pmethod {
    background-position:-29px -1194px;
    background-image: url("../images/icons/sprite.5ee00eb61873ff4e64e6.png");
    background-repeat: no-repeat;
}

.deleteicon {
    margin-left: 12px;
    color: #333!important;
    border: 1px solid #ccc;
    padding:0px 5px;
    line-height: 22px;
    border-radius: 5px;
    font-size: 12px;
    background: #f5f5f5;
    vertical-align: middle;
}
.fees {
    margin-left: 12px;
    color: #333!important;
    border: 1px solid #ccc;
    padding:0px 5px;
    line-height: 24px;
    border-radius: 5px;
    font-size: 15px;
    background: #f5f5f5;
    vertical-align: middle;
}
.tab-content {
    margin-top: -1px;
    background: var(--whiteColor);
    border: 1px solid #c8ced3;
}
.tab-content .tab-pane {
    padding: 1rem;
}
.btn-success {
    color: var(--whiteColor);
    background-color: var(--btnSucccessBgColor);
    border-color: var(--btnSucccessBgColor);
    font-size: .875rem;
}
.btn-success:hover {
    color: var(--whiteColor);
    background-color: var(--btnSucccessBgColor);
    border-color: var(--btnSucccessHoverBgColor);
}
.btn-danger {
    color: var(--whiteColor);
    background-color:var(--btnDangarBgColor);
    border-color:var(--btnDangarBgColor);
    font-size: .875rem;
}
.divider {
    margin-top: 30px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-outline-success {
    color: var(--badgeBgColor);
    background-color: transparent;
    background-image: none;
    border-color: var(--badgeBgColor);
}
.change-status {
    width: 200px;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: var(--btnScolor);
    background-color: #acb5bc;
    border-color: #a5aeb7;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
}
.tbl-cell-depst .bt-deposit, .tbl-cell-depst .bt-full, .tbl-cell-depst .bt-withdraw {
    display: table-cell;
    margin-left: 5px;
}
.bt-deposit, .bt-withdraw {
    padding: 2px 10px!important;
    border: 1px solid #333!important;
    width: 34px;
    font-size: .875rem;
}
.btn-secondary {
    color: var(--btnScolor);
    background-color: var(--btnSbgColor);
    border-color: var(--btnSbgColor);
}
.tbl-cell-depst {
    min-width: 270px;
    display: flex;
}
.tbl-cell-depst .inpt-dpst {
    width: 50%;
    display: table-cell;
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.rules-wrap {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 5px rgba(0,0,0,.5);
}
.rules-wrap .rules-content {
    height: 340px;
    padding: 8px 5px;
    line-height: 18px;
    color: rgba(36,58,72,.9);
    overflow: hidden;
    overflow-y: auto;
}
.rules-wrap .btn-wrap {
    border-top: 1px solid #ccc;
    padding: 8px 0 0;
}
.btn-wrap {
    margin-bottom: 7px;
    display: block;
    clear: both;
}
.rules-wrap .btn-wrap li {
    width: 100%;
}
.rules-wrap .btn-wrap .btnok {
    width: 150px;
    margin: 0 auto;
    display: block;
    background: url() repeat-x #eee;
    border: 1px solid #bbb;
    border-radius: 4px;
    /* color: var(--mainAnchorColor) !important; */
    text-decoration: none;
    font-weight:var( --fontWeight700);
    line-height: 23px;
    font-size: 12px;
    text-align: center;
}

.suspend-bookmaker{
	height: 42px;
    background-color: rgba(36,58,72,.4);
    z-index: 5;
    position: absolute;
    margin-top: -3px;
    width: 60%;
}
.suspend-bookmaker .stats-text{
	line-height: 46px;
    font-size: 12px;
    font-weight: 400;
    opacity: .8;
    color: var(--whiteColor);
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
    text-align: center;
    text-transform: none;
}
.suspend-bookmaker.sbmobile{
	display:none;
}
.sportbook {
    background: linear-gradient(180deg,#f26d1c 15%,#d14100 100%) !important;
    padding: 0;
    border: none;
    border-radius: unset;
}
.card .inner-sportbook {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 700;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.tooltip-betlimit {
    font-size: 14px;
    float: right;
    margin-top: 3px;
} 
.card-header>i {
    margin-right: 0.5rem;
}
.card-header>i {
    margin-right: 0.5rem;
}
.sportbook-market-tbl .back-1 {
    background: #72e3a0 !important;
}
.tbl-bets .count {
    width: 10%;
}
.tbl-bets .odd-row {
    border-bottom: 1px solid #7e97a7;
}
.tbl-bets td {
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
    font-weight:700;
    border-top: none;
    cursor: pointer;
} 
.sportbook-market-tbl{
	margin-bottom:0;
}
.bets-wrap {
    position: relative;
    background-color: var(--fixTotalWhilte);
    border-top: 1px solid #7e97a7;
    margin-top: 38px;
    margin-bottom: 30px;
}
.toss {
    display: block;
}
.refer_only {
    position: absolute;
    top: -24px;
    font-size: 11px;
    color: var(--whiteColor);
    line-height: 23px;
    margin-left: 5px;
    display: block;
}
.bets {
    width: 100%;
    margin-top: -24px;
}
.bets-wrap .bet-all {
    line-height: 22px;
}
.bets .bet-all td {
    background-color: transparent;
    border-left-color: transparent;
    padding-bottom: 1px;
    text-align: center;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
}
.bets td a {
    position: relative;
    height: 50px;
    line-height: 20px;
    color: #1e1e1e !important;
    padding: 3px 0 2px;
    cursor: pointer;
    display: grid;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.bets .bet-all span {
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}
.bets th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding: 9px 10px;
    border-bottom: 1px solid #7e97a7;
    text-align: left;
}
.bets th p {
    width: 292px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
}
.icon-predict {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: top;
    background-position: -398px -2048px;
    background-image: url(../images/main-images.png);
    background-repeat: no-repeat;
}
.bets .bet-all a {
    position: relative;
    width: 100%;
    height: 22px;
    line-height: 21px;
    cursor: pointer;
    text-align: center;
    float: left;
    text-decoration: none;
}
.bets th span {
    font-weight: normal;
}
.win {
    color: #508d0e;
    margin: 0 5px 0 0;
    font-size: 12px;
}
.bets td {
    width: 8.97436%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #7e97a7;
    text-align: center;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
}
.bets td span {
    font-weight: normal;
    font-size: 11px;
}
.toss-mobile{
	display:none;
}
.event-left, .event-right {
    width: 49.5%;
}
.event-left{
	float:left;
}
.event-right{
	float:right;
}
.game-wrap{
	background-color: var(--fixTotalWhilte);
    border-bottom: none;
    margin-bottom: 1px;
}
.game-wrap h3{
	color: var(--whiteColor);
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
    padding-left: 10px; 
    background-image: url(../images/bgover.png); 
    background-repeat: repeat-x;
    background-position: 0 -7243px;
}
.game-wrap h3 a{
	color: var(--whiteColor)!important;
}
h3 .add-pin-overunder{
    margin: 0 7px 0 -10px;
    z-index: 1;
    background-position: -385px -1035px;
    height: 25px;
    width: 29px;
    background-image: url(../images/main-images.png);
    background-repeat: no-repeat;
    float:left
}
.slip-head{
	box-shadow: inset 0 2px 0 rgb(0 0 0 / 10%);
	background-color: #CED5DA;
    padding: 0 10px;
    margin-bottom:0;
    list-style:none;
    height: 24px;
}

.event-left .slip-head, .event-right .slip-head{
	padding-right:0
}
.slip-head li, .matched-head li {
    padding: 5px 0;
    text-align: left;
    float:left;
}
.event-left .col-game,.event-right .col-game{
	width: 66.22517%;
}
.event-left .col-home, .event-right .col-home{
    width: 31.78808%;
 }
 .slip-head .col-home{
     padding: 5px 3px;
     text-align:left;
     font-size: 11px;
 }
 .col-home span{
 	width: 49%;
    text-align: center;
    float: left;
 }
 .game-list-col{
 	position: relative;
    padding: 0 6px 0 10px;
    border-bottom: 1px solid #E0E6E6;
    margin-bottom: 0; 
    display:flex;
 }
 .game-list-col dt{
 	font-size: 11px;
    text-align: left;
    padding: 5px 0;
    font-weight: bold;
    vertical-align: middle;
 }
 .event-left .game-list-col dt , .event-right .game-list-col dt{
 	width: 66.22517%;
 }
 .icon-predict {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: top;
    background-position: -398px -2048px;
    background-image: url(../images/main-images.png);
    background-repeat: no-repeat;
}
.btn-back, .btn-lay {
    color: #1e1e1e !important;
    font-weight: bold;
    background-color: #72bbef;
}
.game-list-col dd a {
    width: 49%;
    font-size: 11px;
    line-height: 13px;
    padding: 4px 0;
    cursor: pointer;
    text-align: center;
    margin-right: 1%;
    text-decoration: none;
    float:left;
}
.btn-lay {
    background-color: #faa9ba;
    border-left-color: #fff;
}

.other-market-mobile{
	display:none
}
.racing-tab .nav-tabs {
    background: #e2e2e2;
    border-bottom: unset;
}

.racing-tab .matchunmatch-tab .nav-tabs {
    background-color: #ced5da;
}
.racing-tab .nav-item.active {
    border-top: 2px solid #f72424;
}
.aside-menu .nav-tabs .nav-link.active {
    color: #20a8d8;
    border-right-color: #c8ced3;
    border-left-color: #c8ced3;
}
.racing-tab .nav-tabs .nav-item .nav-link {
    color: #000;
    padding: 3px 22px;
    border-top-left-radius: unset!important;
    border-top-right-radius: unset!important;
    background: var(--fixTotalWhilte);
    border-color: #c8ced3 #c8ced3 #fff;
}
.aside-menu .nav-tabs .nav-item:first-child .nav-link {
    border-left: 0;
}
.racing-tab .matchunmatch-tab .nav-tabs .nav-item .nav-link {
    font-size: 15px;
}
.racing-tab .nav-tabs .nav-item .nav-link {
    color: #000;
}
.racing-tab .matchunmatch-tab .nav-tabs .nav-item .nav-link {
    font-size: 15px;
}
.nav-tabs .nav-item span {
    font-weight: 700;
}
.aside-menu .tab-content {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-top: 1px solid #c8ced3;
    border-top: unset;
    margin-top: -1px;
    background: var(--fixTotalWhilte);
}
.racing-tab .matchunmatch-tab .tab-content .tab-pane {
    padding: 5px 0!important;
}
.slip-list{
    font-size: 11px;
    zoom: 1;
}
.matched-head {
    padding: 0 10px;
    zoom: 1;
    display: block;
    margin: 0;
    height: 25px;
    background-color: var(--fixTotalWhilte);
}
.matched-head .col-bet, .slip-head .col-bet {
    width: 42%;
    text-align: left;
}
.matched-head li, .slip-head li {
    padding: 5px 0;
    display: block;
    float: left;
}
.matched-head .col-odd, .slip-head .col-odd {
    width: 16%;
    text-align:center;
}
.matched-head .col-stake, .slip-head .col-stake {
    width: 16%;
    padding-left: 5px;
    text-align:center;
}
.matched-head .col-profit {
    text-align: right;
    width:25%;
}
.slip-back {
    background-color: #beddf4;
    border-bottom: 1px solid #67afe5;
    margin: 0;
    zoom: 1;
    height: 37px;
}
.slip-back dd, .slip-book dd, .slip-lay dd {
    position: relative;
    color: #243a48;
    padding: 5px 0;
    line-height: 22px;
    margin-bottom:0;
}
.slip-back .keep-option, .slip-back .refer {
    background-color: #d4e8f8;
    text-align: left;
    margin: 0;
}
.slip-back .refer, .slip-lay .refer {
    float: left;
    width: 100%;
    line-height: 16px;
    font-size: 10px;
    display: none;
    color: #3b5160;
    padding: 0 5px;
}
.slip-back .keep-option, .slip-back .refer {
    background-color: #d4e8f8;
    text-align: left;
    margin: 0;
}
.slip-back .keep-option span, .slip-back .refer span, .slip-book .keep-option span, .slip-book .refer span, .slip-lay .keep-option span, .slip-lay .refer span {
    margin-right: 10px;
}
.slip-back dt, .slip-book dt, .slip-lay dt {
    position: relative;
    width: 42%;
    font-weight: 700;
    float: left;
    padding-left: 5px;
}
.slip-back .slip-type {
    background-color: #7dbbe9;
}
.slip-back dt .slip-type, .slip-book dt .slip-type, .slip-lay dt .slip-type {
    line-height: 22px;
    border-radius: 3px;
    color: #1e1e1e;
    padding: 0 5px;
    margin: 5px 5px 0 0;
    opacity: 1;
    float: left;
    font-weight:400;
}
.short-amount {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.slip-back dt .full-amount, .slip-back dt .short-amount, .slip-book dt .full-amount, .slip-book dt .short-amount, .slip-lay dt .full-amount, .slip-lay dt .short-amount {
    opacity: 1;
    font-weight: 700;
}
.slip-back dt span, .slip-book dt span, .slip-lay dt span {
    color: #222;
    opacity: .5;
    font-weight: 400;
}
.slip-back .col-odd, .slip-book .col-odd, .slip-lay .col-odd {
    width: 16.12429%;
}
.slip-back dd,.slip-lay dd {
    text-align: center;
    float: left;
}
.slip-back .col-stake, .slip-book .col-stake, .slip-lay .col-stake {
    width: 15.53672%;
    padding-left: 5px;
}
.slip-back .col-profit, .slip-book .col-profit, .slip-lay .col-profit {
    width: 21.75141%;
    padding: 5px;
    text-align:right;
}
.slip-lay {
    background-color: #f3dce2;
    border-bottom: 1px solid #dfa3b3;
    zoom: 1;
    margin: 0;
    height: 37px;
}
.slip-lay .refer {
    text-align: left;
    background-color: #f3dce2;
} 
.slip-back .refer.refershow, .slip-lay .refer.refershow {
    display: block;
}
.page-row{
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    top: 29.9px;
}
.slip-lay .slip-type {
    background-color: #dfa3b3;
}

.showInfo{
    height: 56px;
}
.page-row .sidebar {
    flex: 0 0 auto;
    width: 17.666667%;
}
.slip-option {
	padding:8px;
	margin-bottom:0;
} 
.center-top {
    background: #243a48;
    height: 42px;
    width: 100%;
    display:block;
}
.center-top h2 {
    font-size: 17px;
    color: var(--whiteColor);
    text-transform: capitalize;
    font-weight: 900;
    line-height: 39px;
    padding-left: 10px;
}
.center-top h2 i.fa.fa-thumb-tacks {
    font-size: 16px;
    color: #c3ced5;
    background: #3b5160;
    padding: 4px;
    border-radius: 100%;
    margin-right: 6px;
}
.center-top h2 span {
    font-size: 14px;
    background: white;
    color: #243a48;
    padding: 2px 9px 2px 9px;
    font-weight: bold;
    border-radius: 6px;
}
.center-top h2 i.fas.fa-redo-alt {
    font-size: 15px;
    float: right;
    padding: 13px; 
}
.top-white{
	display:block
}
.top-white ul {
    background: white;
    height: 30px;
    border-bottom: 1px solid #93a3ae;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding:0;
    margin-bottom:0
}
.top-white ul li {
    font-size: 13px;
    text-transform: capitalize;
    color: #626260;
    line-height: 2;
    padding-right: 15px;
    list-style:none;
}
.top-white ul li img {
    height: 18px;
    background: #5ea70e;
    padding: 3px;
    border-radius: 4px;
    width: 18px;
    margin-right: 5px;
    margin-left: 10px;
}
.cuptable{
	font-size: 10px !important;
    font-weight: unset !important;
    color: #000000;
}
.winner-mobile{
	display:none;
}
.winner-section{
	display:block;
}
.sportbook-market-tbl tbody tr td .spnd-fncy{
	width:100%
}

.loading-dots-container {
    display: none;
    justify-content: center;
    align-items: center;
    height: 20px;
}
.p-relative {
    display: block;
    position: relative;
}
.tooltiptext {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: var(--whiteColor);
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 3%;
    opacity: 1;
    transition: opacity 0.3s;
    display: none;
    font-size: 12px;
    font-weight: normal;
}
.popover-header{
	max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: var(--whiteColor);
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
    position: absolute;
    z-index: 1;
    top: -13px;
    left: -146px;
    opacity: 1;
    transition: opacity 0.3s; 
    font-size: 12px;
    font-weight: normal;
    white-space:nowrap;
}
.popover-arrow{
	display:none !important;
}
.wintoss-popover{
		top: -18px!important; 
		left:auto!important
	} 
	.fancy-marquee{
		display: table-cell;
	}
	.min-max-mobile {
    display: none !important;
}
.mobile-table-responsive{
		position: relative;
    	overflow: auto;
	}
	.mobile-table-btn{
		display:flex;
		gap:5px
	}
	
	.modal-header {
  background:#f46e29 !important;
}
	.modal-header h5, .modal-header .close{
  color:#fff !important;
}
.designlabel {
    color: #ffffff !important;
    background-color: #319885 !important;
}
.sorting:before
{
display:none !important;		
}
.sorting:after
{
display:none !important;		
}
tbody, td, tfoot, th, thead, tr {
    border-color: #c8e7ff;
}
.table-bordered, .table-bordered td, .table-bordered th
{
border-color: #c8e7ff !important; 		
}
.fw-bold
{
font-weight: 600 !important;	
}
.table-responsive table.dataTable tfoot th, table.dataTable tfoot td {
    color: var(--tableBg);
    background-color: var(--tableBgColor);
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight:600 !important;
}
.btn
{
height:32.54px;
}
.card-body
{
padding-left:8px;
padding-right:8px;		
}
.text-left
{
	text-align:left;	
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 3px !important;
    color:#2789ce;
}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
table tr:nth-child(even) td{
    background-color:#d5def254;
}
.text-center {
    text-align: left !important;
}