:root {
	--theme-color: #243a48;
}
.text-right{
	text-align: right;
}
.dScreen .fancy-info {
	font-size: 11px;
}
.dScreen .minus-book,
.dScreen .dOddsBox button span,
.dScreen .suspended,
.dScreen .fancy-info dd,
.openBetsTabs table.table th,
.openBetsTabs table.table td{
    font-size: 12px !important;
}
.dScreen p,
.dScreen .dOddsBox button {
    font-size: 13px;
}


.casino-modal-size{
	max-width: 100%;
	margin: 1px;
}
.casino-modal-size .modal-header{
	border-radius: 0;
}
.casino-modal-size .modal-body{
	padding: 1px;
}
.casino-modal-size .modal-body iframe{
	height: calc(100vh - 50px);
}
.casino.position-relative{
	cursor: pointer;
}
.csn-col{
	padding: 0 3px;
}
.home_casinos_thumb .col-4 {
    padding: 2px;
}
.modalUI .modal-header{
	border-bottom: 1px solid #2A3A43;
}
.rulesModaldetail .modal-header{
	/* background: linear-gradient(-180deg,#184438 0, #14805e 100%); */
	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	color: #fff;
}
.rulesModaldetail .modal-header h4{
	color: #fff;
}
.rulesModaldetail .btn-okay{
	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	color: #fff;
	font-weight: 900;
}
.tabcasino ul.nav-tabs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    width: auto;
}
.tabcasino ul.nav-tabs li {
    display: inline-block;
}
.tabcasino {
    background: #212121;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.tabcasino ul.nav-tabs li a{
	font-size: 13px;
	color: #fff;
	border-radius: 0;
}
.tabcasino .tab-pane .row .col-md-3{
	padding: 0 3px;
}
.tabcasino .casino{
/*	margin-bottom: 6px;*/
}
.tabcasino .casino img {
    height: 100px;
    object-fit: unset;
    width: 100%;
}
.tabcasino .casino .casino-btn{
	color: #fff;
	display: block;
	border-radius: 0;
	position: absolute;
	font-size: 10px;
	text-transform: uppercase;
	background: #000;
	padding: 2px 5px;
	font-weight: 600;
	width: 50%;
	left: 3px;
	z-index: 9;
	bottom: 0;
}
.tabcasino .casino .casino-btn:before {
    content: "";
    clip-path: polygon(0 -1px, 100% -1px, 1px 100%, 0 100%);
    width: 17px;
    height: calc(100% + 0px);
    background: linear-gradient(180deg, #000 0, #000);
    position: absolute;
    right: -17px;
    top: -1px;
    height: 21px;
}
/*themes css*/
body{
	background: #ededed !important;
}
#wrapper,
body{
	overflow: auto !important;
}
.fancy_odds p.team-name a {
    align-items: center;
    display: inline-flex;
}
.setting{
    padding: 0 5px;
    color: var(--theme-color);
}
.fancy_odds .team-name .add-pins img{
	margin: 0;
	margin-right: 4px;
}
.fancy_odds .team-name b {
    display: inline-block;
}
.de_fancyTab li a {
    text-transform: capitalize;
    /* background: #e3fcff75; */
    color: #02383f;
    font-weight: 900;
    font-size: 12px;
    padding: 0 18px;
    margin: 2px;
    border-radius: 5px;
}
.de_fancyTab li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.de_fancyTab li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.de_fancyTab li:first-child a {
/*    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #284252;
    border-right: none;*/
}
.de_fancyTab li:last-child a {
/*    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #284252;
    border-left: none;*/
}
.de_fancyTab li a.active, 
.de_fancyTab li a.active:hover, 
.de_fancyTab li a:hover {
    background: #fff;
    color: #000;
}
.add-pins img {
    width: 18px;
}
.loss{
	color: #d0021b !important;
}
.profit{
	color: #03c503 !important;
}
.content-page{
	margin-top: 84px;
	padding: 15px 2px 2px 2px;
	margin-left: 240px;
}
.logo span.logo-lg{
	text-align: left;
}
.logo span.logo-lg img,
.logo span.logo-sm img{
    height: 50px;
    width: auto !important;
	max-width: 100% !important;
	object-fit: contain;
}
.userloginform{
	height: 70px;
	display: table;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.userloginform input{
	height: 25px;
}
.userloginform .btnlogin{
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	font-size: 12px;
	width: 80px;
	height: 25px;
	line-height: 5px;
	border: none;
	background: linear-gradient(-180deg, #f72424 0%, #bb1c00 100%);
}
.topnav{
	padding: 0;
	background: #212121;
	height: auto;
}
.topnav-menu ul li a{
	color: #fff;
	font-size: 13px;
	padding: 4px 10px;
	display: inline-block;
	border-right: 1px solid #222;
	list-style: none;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none !important;
}
.topnav-menu ul li a:hover{
	text-decoration: underline;
}
.topnav-menu ul li a.active, .topnav-menu ul li a:hover {
    color: var(--theme-color);
    box-shadow: inset 0 -2px 0 0 var(--theme-color);
}
.cogSetting{
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 13px;
	padding: 4px 10px;
	list-style: none;
	text-transform: capitalize;
	font-weight: 700;
}
.cogSetting:hover{
	color: #f2f2f2;
	text-decoration: underline;
}
.pro-user-name {
	background: var(--theme-color);
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #fff;
}
.main-exposure {
    display: flex;
    align-items: center;
}
.main-exposure a,
.main-exposure a:hover,
.mo_user-blnc a,
.mo_user-blnc a:hover{
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
}
.main-exposure span{
	color: #fff;
	margin-right: 10px;
	font-size: 13px;
	font-weight: 600;
}
.navbar-custom .head-username {
    text-transform: uppercase;
    color: #fff;
    margin-left: 7px;
    background: var(--theme-color);
    padding: 2px 10px;
    font-size: 12px;
}
.main-exposure .refresh{
	background: #327c3b;
    color: #fff;
    padding: 0 5px;
    border: 1px solid #6b9370a6;
}
.profile-dropdown {
    box-shadow: none;
    background: #1a1a1a;
    border: none;
    padding: 0;
    margin: 0;
}
.profile-dropdown .dropdown-menu {
    box-shadow: 0 4px 5px rgb(0 0 0 / 50%);
}
.profile-dropdown .dropdown-item {
    padding: 10px !important;
    line-height: 11px;
    text-transform: capitalize;
    border-bottom: 1px solid #212121;
    color: #ffffff !important;
    font-weight: 400;
}
.profile-dropdown .dropdown-item:hover{
	color: #000 !important;
}
a.dropdown-item.logout-btn,
a.dropdown-item.logout-btn:hover{
	background: var(--theme-color);
	color: #fff !important;
	text-align: center;
}
.profile-dropdown .dropdown-header {
	border-bottom: 1px solid #333;
	padding: 5px 10px;
	height: 28px;
	background: #e4e7ea;
}
.profile-dropdown .dropdown-header h5{
	color: #000 !important;
}
.navbar-custom .app-search{
	width: 278px;
	max-width: 100%;
}
.navbar-custom .app-search .btn,
.navbar-custom .app-search .form-control{
	background: #1a1a1a;
	color: #fff;
	height: 32px;
	padding: 0 7px;
	border-radius: 2px;
}
.navbar-custom .app-search .btn{
	display: none;
}
.navbar-custom{
	border-bottom: 1px solid #c8ced3;
	background: #000;

}
.app-search-box typeahead-container {
	padding: 0;
	border-radius: 0;
	transform: translate3d(0px, 25px, 0px) !important;
}

.app-search-box typeahead-container button.dropdown-item{
  padding-left: 4px;
  color: #333;
}
.app-search-box typeahead-container button.dropdown-item .searchAnchor {
  color: #333 !important;
}
.app-search-box typeahead-container button.dropdown-item:hover{
	background: #f5faff;
}
.left-side-menu{
	background: #fff;
	top: 98px;
	left: 0;
	padding: 0;
}
#sidebar-menu .nav-second-level a {
    font-weight: 400;
    font-size: 12px !important;
    padding-left: 25px !important;
}
#sidebar-menu .nav-second-level ul li a {
    padding-left: 35px !important;
}
#sidebar-menu .nav-second-level {
    background: #ededed;
}
#sidebar-menu>ul>li>a:hover {
    background-color: #ededed !important;
    color: #1b2d52 !important;
}
#sidebar-menu>ul>li>a,
#sidebar-menu .nav-second-level a{
    color: #000 !important;
    padding: 0.3rem 1rem;
    font-size: 13px;
    border-bottom: 1px solid #f9f9f9;
    text-transform: capitalize;
    font-weight: 500;
}
#sidebar-menu>ul>li ul{
	padding-left: 0 !important;
}
#sidebar-menu .menu-arrow:before {
    content: "\f09db";
    color: #83ae17;
}
li>a[aria-expanded=true]>span.menu-arrow {
    transform: inherit;
    cursor: pointer;
}
#sidebar-menu .nav-second-level .nav-second-level {
    background: #ddd;
}
#sidebar-menu a:hover .menu-arrow:before,
#sidebar-menu a[aria-expanded="true"] .menu-arrow:before{
  color: #83ae17 !important;
}
#sidebar-menu a[aria-expanded="true"] .menu-arrow:before {
    color: var(--theme-color) !important;
    content: "\f0374";
}
#sidebar-menu .menu-arrow:before {
    content: "\f0415";
    color: var(--theme-color);
}
.topnav .navbar-nav .nav-link{
    padding: 3px 10px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    border-right: 1px solid #111111;
}
.topnav .navbar-nav .nav-item:last-child .nav-link{
	border-right: none;
}
.marquee-box {
	display: flex;
    color: #fff;
    line-height: 25px;
    height: 25px;
	background:linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
}
.marquee-box h4 {
    font-size: 12px;
    padding: 4px;
    font-weight: 700;
    margin-left: 5px;
    margin: 0 !important;
    color: #fff;
    display: flex;
    align-items: center;
}
.marquee-box h4 i{
	margin-right: 2px;
}
.marquee-box marquee {
    width: 90%;
    color: #fff;
    display: inline-table;
    font-weight: 700;
    font-size: 12px;
}
.carousel-indicators [data-bs-target]{
	height: 10px;
	width: 10px;
	border-radius: 100px;
	border-top:none;
	border-bottom:none;
}
.card{
	box-shadow: none;
	margin-bottom: 0;
}
.carousel{
	border-bottom: none !important;
	border: 1px solid #c8ced3;
}
.eventlistdesign {
    border-right: 1px solid #c8ced3;
    border-left: 1px solid #c8ced3;
    border-bottom: 1px solid #c8ced3;
}
.eventlistdesign .nav-pills li a {
    margin: 0;
    font-size: 12px;
    padding: 3px 15px;
    color: #000;
    border-radius: 0;
    line-height: 20px;
    border: none;
    background: #fff;
    border-left: none;
    font-weight: 600;
}
.eventlistdesign .nav-pills li:first-child a{
/*	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;*/
}
.eventlistdesign .nav-pills li:last-child a{
/*	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
}
.eventlistdesign .nav-pills li a.active,
.eventlistdesign .nav-pills li a:hover{
    background: var(--theme-color);
    color: #fff;
}
.eventlistdesign .nav-pills li a img{
	display: none;
}
.eventlistdesign .tab-content{
	margin: 0;
	padding: 0;
}
.dScreen.fancy_odds .tab-content {
    padding: 0;
}
.eventlistdesign .row{
	margin: 0;
	background: #fff;
}
.eventlistdesign h2{
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    line-height: 25px;
    background: #212121;
    letter-spacing: 1px;
}
.row-my{
	padding: 3px 0;
	border-bottom: 1px solid #e0e6e6;
}
.row-my:hover{
	background: #ececec !important;
}
.add-pin {
    color: #777;
    border: 1px solid #777;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    padding: 0;
}
.oneX2{
	background: #dddcd6 !important;
	text-align: center;
}
.oneX2 span{
	color: #000;
	font-size: 11px;
	font-weight: 700;
}
.game-fancy,
.game-ip,
.game-tv,
.game-bm,
.game-custom{
	font-weight: 900;
	color: #fff;
	font-size: 8px;
	margin-left: 1px;
	border-radius: 0;
	width: 18px;
	height: 18px;
	display: inline-grid;
	text-align: center;
	align-items: center;
}
.game-fancy{
	background: #0A92A5;
	animation-name: fancy;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.game-ip{
	background: #E4550F;
}
.game-tv{
	background: #60BA1E;
}
.game-bm{
	background: #226BC3;
	animation-name: bm;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes bm {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.4;
		background: red;
		border-radius: 0;
	}

	100% {
		opacity: 1.0;
	}
}
@keyframes fancy {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.4;
		background: lime;
	}

	100% {
		opacity: 1.0;
	}
}
.game-custom{
	background: #60BA1E;
}
.matchname{
	font-size: 12px;
	margin: 0;
}
.matchname a{
	cursor: pointer;
	color: #000 !important;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 230px;
	display: block;
}
.matchname span{
	color: #000;
	font-weight: 500;
	font-size: 10px;
	display: inline;
	font-style: italic;
	background: #eee;
	padding: 1px 5px;
	border-radius: 2px;
}
span.event_expo {
    margin-right: 2px;
}
.in_play {
    color: #fff !important;
    background: #60ba1e !important;
    margin-left: 5px;
}
.oddsEventlist{
	width: 100%;
	display: flex;
}
.oddsEventlist .btn-group{
	width: 32.5%;
	display: inline-block;
	margin: 0 auto;
}
.oneX2 .oddsEventlist .btn-group {
    width: 33% !important;
    margin: 0;
    text-align: center;
}
.inplay .oneX2 .oddsEventlist .btn-group,
.today .oneX2 .oddsEventlist .btn-group,
.tomorrow .oneX2 .oddsEventlist .btn-group {
    width: 32% !important;
    margin: 0 2px;
}
.oddsEventlist .btn-group button{
	width: 50%;
	border:none;
	color: #000;
	height: 29px;
	font-weight: 900;
	font-size: 12px;
}
.back {
    background: #72bbef;
}
.lay {
    background: #faa9ba;
}

.inner-footer {
    border-top: 1px solid rgba(0,0,0,.3);
    margin: 40px 0;
    padding-top: 6px;
}
.support-wrap {
    display: block;
    color: rgba(0,0,0,.6);
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.support-wrap dl {
    margin-right: 10px;
    margin-bottom: 6px;
    display: inline-block;
}
a.rules-btn-home {
    margin-left: 5px;
}
.rules-btn-home {
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
}
.support-wrap .arrow::before {
    margin: 0 10px;
    content: "|";
}
.openBets{
    top: 98px;
    position: fixed;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 20%;
    background: #fff;
    right: 0;
    border-left: 1px solid #c8ced3;
}
.bookmaker_div .odds_header,
.bookmaker_div .odds_body{
		background:#000 url('..img/bgcolor.jpg') repeat-x;
}
.bookmaker_div .odds_header .back,
.bookmaker_div .odds_header .lay{
	background: none !important;
}
.openBets h2{
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	background: var(--theme-color);
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	padding: 5px;
	color: #fff;
	text-transform: capitalize;
}
.desk-tv-icon,
.desk-tv-icon:hover{
	float: right;
	color: #fff !important;
}
#live h4{
	margin:0;
	line-height: 2;
    color: #000 !important;
    font-size: 12px;
    text-transform: uppercase;
}
.openBets select,
.openBets select:focus{
    width: 97%;
    margin: 1.5%;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    border: 1px solid #000;
    box-shadow: none;
    padding: 0 5px;
    color: #000;
    text-transform: capitalize;
}
.openBetsTabs .tab-content{
	padding: 0;
}
.openBetsTabs ul{
	background: #ced5da;
}
.openBetsTabs ul li a.active,
.openBetsTabs ul li a.active:hover{
	background: var(--theme-color) !important;
	border-top:2px solid #1C282D !important;
	border:none;
	color: #000 !important;
}
.openBetsTabs ul li a{
	font-size: 14px;
	color: #000;
	font-weight: 500;
	padding: 3px 22px;
	border:none !important;
	border-radius: 0 !important;
}
.openBetsTabs ul li a:hover{
	color: #000 !important;
	border:none !important;
}
.openBetsTabs .back span.slip-type {
	background: #7dbbe9;
}
.openBetsTabs .lay span.slip-type {
	background: #dfa3b3;
}
.openBetsTabs span.slip-type {
    margin-right: 2px;
    padding: 0 3px;
    border-radius: 3px;
    line-height: normal;
    height: 22px;
    display: flex;
    align-items: center;
}
.openBetsTabs span.short-amount{
	display: inline;
	line-height: normal;
	text-align: left;
}
.openBetsTabs span.short-amount small {
    color: #222;
    opacity: .5;
    font-weight: 400;
    display: block;
    text-align: left;
    font-size: 11px !important;
    text-transform: uppercase;
}
.openBetsTabs table th,
.openBetsTabs table td{
	vertical-align: middle;
	color: #000;
	font-size: 11px !important;
	padding: 4px;
	font-size: 13px;
	text-transform: capitalize;
}
.openBetsTabs .back{
	background: #beddf4;
}
.openBetsTabs .lay{
	background: #f3dce2;
}
.openBetsTabs .st-sa {
    display: flex;
}
.mobile-footer-menu{
	display: none;
}
.stakeDiv {
    background: #eee;
    box-shadow: inset 0px -3px 2px 0 rgb(0 0 0 / 50%);
}
.setting-block {
    font-size: 25px;
    color: #243a48;
    border-bottom: 1px solid #e0e6e6;
    padding: 10px;
    width: 100%;
    margin-bottom: 0;
}
.setting-block dd{
	margin-bottom: 0;
}
.setting-block dd, .setting-block dt {
    padding: 4px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0;
}
.stake-setting dd {
    width: 30%;
    display: inline-block;
}
.stakeDiv h3 {
	text-transform: capitalize;
	margin: 0;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    background-image: linear-gradient(-180deg,#2e4b5e 0,#243a48 82%);
    color: #fff;
    font-size: 18px;
    line-height: 10px;
}
.setting-block input {
	width: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0 0.53333vw 0 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    color: #1e1e1e;
    font-size: 15px;
    padding: 5px;
    margin-bottom: 0;
    -webkit-appearance: none;
    text-align: center;
}
.col-stake_edit .btn-send {
    background-image: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
    color: ivory;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    padding: 5px;
}
/*themes css*/
.back1{
	background: #b7d5eb;
}
.back2{
	background: #d7e8f4;
}
.lay1{
	background: #efd3d9;
}
.lay2{
	background: #f6e6ea;
}
h2.eventTitle {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin: 0;
    padding: 5px;
    background:#212121;
    color: #fff;
    align-items: center;
}
h2.eventTitle span{
    font-size: 14px;
}
.mob_open_bets,
.mob-tv-icon{
	display: none;
}
.de_fancyTab {
    justify-content: center;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: overlay;
    text-align: center;
    background: var(--theme-color);
    padding: 2px;
}
.de_fancyTab li {
    display: inline-flex;
    background: #e3fcff75;
}
.dScreen {
	margin-bottom: 1rem;
    border: 1px solid #c8ced3;
    background: #fff;
}
.dScreen .row{
	align-items: center;
	border-bottom: 1px solid #E0E6E6;
}
.dScreen p{
	margin: 0;
	display: flex;
}
.dScreen .odds_body:hover{
	color: #23282c;
	background-color: rgba(0,0,0,.075);
}
.dScreen .row:last-child{
/*	border-bottom: none;*/
}
.dScreen .btn-group.dOddsBox .back:nth-child(3) {
    border-right: 1px solid #f1f1f1;
}
.match-odds {
	text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    padding-right: 30px;
    padding-left: 10px;
    position: relative;
    font-size: 12px;
   	background: var(--theme-color);
}
.match-odds a {
    margin: 0 2px;
}
p.match-odds:before {
    content: "";
    clip-path: polygon(0 -1px, 100% -1px, 1px 100%, 0 100%);
    width: 18px;
    height: calc(100% + 0px);
    background: linear-gradient(180deg, var(--theme-color) 0, var(--theme-color));
    position: absolute;
    right: -17px;
    top: 0;
    z-index: 9;
}
.head_bg{
/*	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);*/
}
.match-odds a{
	color: #fff;
	vertical-align: top;
}
.match-odds i{
	font-size: 20px;
	vertical-align: middle;
}
.matched-count {
    padding: 5px 10px;
    font-size: 13px;
    color: #333;
}
.matched-count strong {
    font-weight: 700;
    color: #1e1e1e;
}
.dOddsBox{
	width: 100%;
	position: relative;
}
.dScreen p, .dScreen .dOddsBox button {
    font-size: 12px;
}
.dScreen .dOddsBox button b{
	color: #000 !important;
}
.dOddsBox button{
	color: #000 !important;
	font-size: 12px;
	text-transform: capitalize;
	border:none;
	width: 16.6666667%;
	font-weight: 700;
	padding: 4px 0;
}
.dScreen .dOddsBox button span,
.dScreen .suspended,
.dScreen .fancy-info dd,
.openBetsTabs table.table th,
.openBetsTabs table.table td{
	font-size: 10px !important;
}
.dOddsBox button span{
    display: block;
    font-weight: 500;
    font-size: 11px;
}
.odds_header .back{
	border-top-left-radius:10px;
}
.odds_header .lay{
	border-top-right-radius:10px;
}
.odds_header button.min-max-bet {
    width: 33%;
    background: none;
    padding: 4px;
}
.odds_header button.back2,
.odds_header button.back1,
.odds_header button.lay2,
.odds_header button.lay1{
	background: none;
}
.suspended{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	display: flex;
	background: rgba(36,58,72,.4);
	color: #fff;
	opacity: .8;
	text-transform: capitalize;
	font-size: 11px;
}
.fancy_odds .suspended{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 34% !important;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	display: flex;
	background: rgba(36,58,72,.4);
	color: #fff;
	opacity: .8;
	text-transform: capitalize;
	font-size: 11px;
}
.fancy_odds .odds_header .back,
.fancy_odds .odds_header .lay{
	border-radius: 0;
}
.fancy_odds .fancy-info{
	background: none;
	font-size: 14px;
}
.fancy-info {
    padding: 5px;
    margin: 0;
    background-color: #bed5d8;
    font-size: 10px;
    line-height: 7px;
    border-radius: 3px;
}
.fancy-info dt {
    color: #315195;
    display: inline-block;
    margin-right: 8px;
}
.fancy-info dd {
	margin-bottom: 0;
    display: inline-block;
    font-size: 11px;
}
.fancy_odds .btn-group.dOddsBox button.lay {
    border-right: 1px solid #fff;
}
.book{
	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	border:1px solid #333;
	font-weight: 700;
	font-size: 12px;
	border-radius: .25rem;
	color: #fff;
	/* padding: 4px 10px; */
	padding: 0px 0px;
	text-transform: capitalize;
}
.book:hover{
	color: #fff;
}
.btn-okay{
	color: #000;
	text-transform: uppercase;
	border:1px solid #bbb;
    font-size: 12px;
    background: #eee;
    width: 150px;
    text-align: center;
    border-radius: 4px;
    line-height: 23px;
}
.jockey-img{
	height: 30px;
	margin-right: 5px;
}
.team-name{
    font-size: 12px;
    display: block;
    font-weight: 700;
    margin-left: 5px !important;
    color: #000;
}
.minus-book {
    color: #d0021b;
    display: block;
    font-weight: 700!important;
    font-size: 12px;
}
.plus-book {
    color: #228b22;
    display: block;
    font-weight: 700!important;
    font-size: 12px;
}
.extra-pf {
	color: #228b22;
	font-weight: 700!important;
    margin-left: 5px;
    font-style: normal;
    display: inline-block;
}
.fancy_odds .back2,
.fancy_odds .back1{
	background: none !important;
}
.fancy_odds .dOddsBox button.min-max-bet {
	color: #23282c;
    width: 33%;
    background: none;
    padding: 4px;
}
.desktop-bets{
	margin-top: 2px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}
.no-data {
    text-align: center;
    border: 1px solid #aaa;
    line-height: 40px;
}
.inplay .tab-content {
    margin-top: 8px;
    background: #fff;
    padding: 0;
}
.inplay .nav-pills {
    border: 1px solid #212121;
    width: 100%;
    margin-top: 10px;
    border-radius: 0;
}
.inplay .nav-pills a{
	padding: 3px 25px;
	border-radius: 0;
	font-weight: 700;
	margin: 0;
	text-transform: capitalize;
	background: #fff !important;
	color: #000;
	font-size: 13px;
}
.inplay .nav-pills li {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
/*.inplay .nav-pills li:first-child a{
	border-radius: 4px 0 0 4px;
}
.inplay .nav-pills li:last-child a{
	border-radius: 0 4px 4px 0;
}*/
.inplay .nav-pills a.active,
.inplay .nav-pills a:hover{
	background:#212121 !important;
	color: #fff;
}
.inplay .tab-content h2{
	text-transform: capitalize;
	background:var(--theme-color);
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
	padding-left: 10px;
	margin: 0;
	cursor: pointer;
}
.inplay .tab-content .row{
	margin: 0;
}
.mm-fi{
	display: none;
}
.modal p{
	color: #283f4e;
}
.bookModal .modal-header {
    padding: 4px 15px;
    background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
}
.bookModal .modal-title{
	color: #fff;
}
.bookModal{
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0.3rem;
	padding: 1px;
}
.bookModal .close{
	background: none;
	box-shadow: none;
	border:none;
	color: #fff;
	opacity: 1;
	padding: 0;
	font-size: 20px;
	font-weight: 900;
	line-height: normal;
}
.bookModal table {
	width: 100%;
    border: 2px solid #333;
}
.bookModal table thead{
	background: #c8ced3;
}
.bookModal td, .bookModal th, .bookModal thead {
    border: 1px solid #333;
    text-align: center;
    font-weight: 700;
}

.bets-mbl-show,
.mo_ub-rf-bet,
.mobile-section,
.mobile_nav_pills{
 	display: none;
 }
 .profile h2{
 	    font-weight: 700;
    font-size: 14px;
    background: #293941;
    padding: 8px 6px;
    color: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    margin-bottom: 0;
 }
 .profile table{
 	background: #fff;
 }
 .profile table th{
 	font-weight: 700;
 }
 .profile table th,
 .profile table td{
  	color: #000;
  	text-transform: capitalize;
  	padding: 5px 15px;
  }
  .profile table td span{
  	padding:0;
  }
  .mobile-search-btn{
  	display: none;
  }
.searchForm{
    border-radius: 0;
    border-top: 1px solid #111;
    padding: 5px;
    background-color: #fff;
    border-bottom: 1px solid #111;
    margin-bottom: 10px;
}
.searchForm label{
	color: #111;
	text-transform: uppercase;
	font-size: 10px;
}
.searchForm input,
.searchForm select{
	border-radius: 4PX;
	text-transform: capitalize;
	width: 100%;
	outline: 0;
	padding-left: 6px;
	border: 1px solid #aeaeae;
	color: #111;
	height: 34px;
	font-size: 14px;
	box-shadow: none;
}
.searchForm .btn-gets{
	height: 34px;
	color: #fff;
	border-radius: .25rem;
	width: 100%;
	text-transform: capitalize;
	background:#e5aa29;
}
.userTables h2{
	position: relative;
	margin: 0;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 14px;
	background: var(--theme-color);
	padding: 6px;
	color: #fff;
}
.userTables h2 .btn-info {
    color: #000;
    background: linear-gradient(180deg, #ffcc2f 8%, #ffb80c 100%);
    box-shadow: none !important;
}
.userTables .total-pl{
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    align-items: center;
    display: flex;
 }
 .btn-back{

 }
 .total-pl b{
 	margin-left: 4px;
 }
.userTables table th{
	font-size: 11px;
    color: #000;
    background-color: #e4e4e4;
    padding: 5px;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}
.userTables table td{
	text-transform: capitalize;
	text-align: left;
	color: #000;
	vertical-align: middle;
	padding: 5px;
	/* font-size: 12px; */
	font-size: 13px;
}
.userTables table td a{
	color: #0089ff;
}
.userTables table td .btn-info {
    color: #fff;
    background-color: #ffc625;
    border-color: #ffc625;
    box-shadow: none !important;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 4px;
    align-items: center;
    vertical-align: middle;
    display: block;
    line-height: normal;
    font-weight: 700;
}
.userTables .table-responsive{
	padding: 0;
	background: #fff;
	border:none;
}
.modal .userTables .table-responsive{
	padding: 0;
}
.modal .userTables table td,
.modal .userTables table th{
	padding: 5px;
	white-space: nowrap;
	text-align: left;
}
.userTables table td a{
	border-bottom: 1px solid #eee;
	color: #1c282d;
}
.userTables table td a.btn-option,
.userTables table td a.dropdown-toggle{
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	background: #212121;
	color: #fff !important;
	border: 1px solid #ddd;
	border: none !important;
	margin: 0 2px;
	border-radius: 5px !important;
}
.userTables table td a.btn-option i{
	color: #fff;
}
.userTables table td a.dropdown-toggle{
	background: none;
	color: #222 !important;
	border: 1px solid #2A3A43 !important;
}
.userTables table td .btn-info {
    color: #fff;
    background-color: #ffc625;
    border-color: #ffc625;
    box-shadow: none !important;
}
.userTables .table-responsive{
	padding: 0;
	background: #fff;
	border:none;
}
.modal .userTables .table-responsive{
	padding: 0;
}
.modal .userTables table td,
.modal .userTables table th{
	padding: 5px;
	white-space: nowrap;
	text-align: left;
}
.modal .close{
	background: none;
	border: none;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e4e7ea;
    border:1px solid #ccc;
}
/*betting table*/
.stakesBtns{
	margin: 0;
	display: inline-flex;
}
.stakesBtns li{
	display: flex;
	width: calc(100% / 8);
}
.stakesBtns li a{
	background: #eee;
	border: 1px solid #333;
	border-radius: 4px;
	color: #1e1e1e;
	font-weight: 400;
	line-height: 30px;
	font-size: 13px;
	width: 92%;
	height: 31px;
	line-height: 31px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.btn-cancel{
	background: #eee;
	text-transform: capitalize;
	border: 1px solid #333;
	border-radius: 4px;
	color: #000;
	font-weight: 700;
	line-height: 30px;
	font-size: 13px;
	height: 38px;
	width: 100%;
	padding: 0;
	text-align: center;
}
.bettingTable input,
.bettingTable input:focus{
	font-weight: 600;
	color: #000;
}
.bettingTable .input-group-text {
    border: none;
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    background-image: linear-gradient(-180deg,#fff 0,#eee 89%);
    padding: 0;
    line-height: 40px;
    color: #1f72ac;
    font-weight: 900;
    font-size: 28px;
}
.bettingTable .input-group input{
	padding: 0;
	text-align: center;
	font-weight: 700;
	color: #000;
	font-size: 16px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.bettingTable .input-group{
	border-radius: 5px;
	border:1px solid #aaa;
}
.bettingTable .input-group .input-group-prepend:first-child .input-group-text{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.bettingTable .input-group .input-group-prepend:last-child .input-group-text{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.btn:disabled,
.btn-betplace:disabled{
	appearance: auto;
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    border-style: outset;
    border-image: initial;
	background: #a4a4a4 !important;
	border-color: #aaa;
	color: #e6dfcd;
}
.btn-betplace{
	padding: 0;
	text-transform: capitalize;
	/* background: linear-gradient(-180deg,#14805e 0, #184438 100%); */
	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	color: #fff;
	border:2px solid #000;
	height: 38px;
	line-height: 30px;
	margin: 0;
	width: 100%;
	font-weight: 500;
	border-radius: 5px;
}
.btn-betplace:hover{
	color: #fff;
}
.bettingTable.lay .row:nth-child(1){
	background: #f3dce2;
}
.bettingTable.lay .row:nth-child(2){
	background: #faeff2;
	border-top:1px solid #dfa3b3 !important;
}
.bettingTable.back .row:nth-child(1){
	background: #beddf4;
}
.bettingTable.back .row:nth-child(2){
	border-top: 1px solid #7dbbe9 !important;
	background-color: #d4e8f8;
}
.bettingTable .row {
    margin: 0;
    border:none !important;
}
.dbetting-table-none{
	display: none;
}
.m_stakesBtns{
	width: 100%;
}
.m_stakesBtns a{
	display: inline-block;
	width: 23%;
	background: #eee;
	border: 1px solid #333;
	border-radius: 4px;
	color: #1e1e1e;
	font-weight: 500;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 4px;
}
/*betting table*/

/*market analysis*/
.market_analysis_ui h4{
	margin-bottom: 0;
	border-radius: 2px;
	font-size: 15px;
	padding: 8px;
	color: #fff;
	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: underline;
}
.market_analysis_ui table{
	background: #fff;
	margin-bottom: 5px;
}
.market_analysis_ui table th{
	font-size: 15px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 13px;
	color: #000;
}
.market_analysis_ui table td{
	padding: 5px 13px;
}
.market_analysis_ui table tr td:nth-child(1){
	width: 50%;
}
/*market analysis*/

.high-desktop{
	display: block;
}
.high-mobile{
	display: none;
}

/*admin form*/
.admin_form{
	border-right: 1px solid;
	border-left: 1px solid;
	border:none;
	background: #fff;
	padding: 10px;
}
.admin_form h2{
	margin-bottom: 10px;
	text-align: center;
}
.admin_form .form-group{
	margin-bottom: 10px;
	position: relative;
}
.admin_form label{
	text-transform: capitalize;
	font-size: 12px;
}
.admin_form small{
	font-size: 11px;
	position: absolute;
	right: 7px;
	top: 5px;
	color: #2a3a43;
}
.admin_form .form-group input{
	border-radius: 4px;
	text-transform: capitalize;
	width: 100%;
	outline: 0;
	padding-left: 6px;
	border: 1px solid #c8ced3;
	color: #555;
	height: 34px;
	font-size: 14px;
}
.admin_form .btn-group{
	display: flex;
}
.admin_form .btnSubmit{
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 15px;
	background: var(--theme-color);
	color: #fff;
	border-radius: 5px;
}
.admin_form .btnSubmit:hover{
	background: linear-gradient(180deg, #1C282D 27%, #2A3A43 83%);
	border-color: green;
}
.admin_form .btnCancel{
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 15px;
	color: #1C282D;
	border: 1px solid #1C282D;
	background: none;
}
.admin_form .btnCancel:hover{
	border-color: darkred;
}

.bet-table {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #f7f7f7;
	align-content: flex-start;
  }
  
  .bet-table-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
  }
  
  .horse-table .bet-table-row {
	padding: 6px 8px 1px 8px;
  }
  
  .bet-table-row {
	width: 100%;
	border-bottom: 1px solid #c7c8ca;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	justify-content: flex-start;
	align-items: center;
	background-color: #f2f2f2;
  }
  
  .bet-nation-name {
	width: 40%;
	padding: 0 5px;
	font-size: 14px;
	display: flex;
  }
  
  .bet-nation-name .bet-nation-game-name {
	color: #000;
	margin-left: 10px;
  }
  .horse-time-detail {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
  }
  
  .horse-time-detail a {
	display: flex;
	text-decoration: none;
  }
  
  .horse-time-detail span {
	font-size: 11px;
	background: #e5aa29;
	color: #fff;
	padding: 3px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
  }

  .jockey-detail {
    width: 100%;
    float: left;
}

.jockey-detail .horse-attr {
    background: #cccccccf;
    border-radius: 6px;
    padding: 1px 5px;
    margin-right: 3px;
}

button.btn-cashout {
    padding: 4px;
    height: auto;
    line-height: normal;
    border: none;
    background: #212121;
	color: #fff;
    border-radius: 2px;
    font-weight: 900;
}
/*admin form*/
/*themes css for media*/
@media (max-width: 991px){
	.de_fancyTab li a{
		padding: 0 10px;
	}
	.userTables table td{
		font-size: 12px;
	}
	.jockey-detail .horse-attr {
    background: #cccccccf;
    border-radius: 6px;
    padding: 1px 5px;
    margin-right: 3px;
    display: inline-table;
    margin-bottom: 1px;
}
	ul.de_fancyTab {
		width: 100%;
		overflow-x: overlay;
		overflow-y: hidden;
		-webkit-overflow-scrolling: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		white-space: nowrap;
		white-space: -moz-nowrap !important;
		white-space: -hp-nowrap;
		white-space: -o-nowrap;
		margin-bottom: 0;
		/* padding-bottom: 4px; */
		display: inline-block;
	  }
	  ul.de_fancyTab li{
		display: inline-block;
	  }
	.horse-time-detail, .bet-nation-name {
		width: 100%;
	  }
	
	.horse-time-detail span {
	/* padding: 2px 5px;
	margin-right: 2px; */
	font-size: 12px;
	}
	.dScreen p{
		display: flex;
	}
	.dScreen p a{
		margin-right: 5px;
	}
	.admin_form{
		padding:10px;
	}
	.navbar-custom .container-fluid.px-4.px-lg-5 {
	    padding: 0 1px !important;
	}
	.openBets{
		display: none;
	}
	.mob_open_bets,
	.mob-tv-icon{
		display: inline-block;
		font-size: 14px;
		color: #fff !important;
		margin: 0 1px;
		text-transform: uppercase;
		padding: 4px 10px;
		border-radius: 3px;
		/* background: linear-gradient(-180deg,#14805e 0, #184438 100%); */
		background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	}
	.content-page{
		margin-top: 70px;
	}
}
@media (max-width: 767px){
	.tabcasino .casino .casino-btn{
		width: 80%;
	}
	.back-lay-div-parent {
		width: 100% !important;
	}
	
	h2.eventTitle {
		display: inline-flex;
		font-size: 12px;
		width: 100%;
	}
	h2.eventTitle span{
		display: block;
		font-size: 10px;
	}
	.market_analysis_ui table tr td:nth-child(1){
		width: 70%;
	}
	.searchForm input, .searchForm select{
		margin-bottom: 6px;
	}
	.searchForm .input-group-text{
		background: none;
	}
	.searchForm .row .col-6:nth-child(odd){
		padding-right: 2px;
	}
	.searchForm .row.mt-1 {
	    margin-top: 0 !important;
	}
	.searchForm .row .col-6:nth-child(even){
		padding-left: 2px;
	}
	.userTables .table-responsive{
		padding: 8px;
	}
	.userTables table td,
	.userTables table th{
		padding: 5px;
		white-space: nowrap;
	}
	.nav-second-level{}
	.nav-second-level li a:after{
		display: none;
	}
	.nav-second-level li a{
		border-bottom: 1px solid #eee;
		font-size: 14px !important;
		padding-left: 10% !important;
	}
	.mobile-menus-screen ul li a[aria-expanded="true"]{
	    background: #23323914;
	}
	.mobile-menus-screen h3{
		color: #fff;
		font-size: 3.73333vw;
		line-height: 2.2;
		margin: 0;
		padding-left: .5rem!important;
		background: var(--theme-color);
		text-transform: capitalize;
	}
	.mobile-menus-screen ul{
		padding: 0;
		background: #fff;
	}
	.mobile-menus-screen ul li{
		position: relative;
		border-bottom: 1px solid #e0e6e6;
		list-style: none;
		align-items: center;
	}
	.mobile-menus-screen ul li a{
		display: block;
		text-transform: capitalize;
		text-decoration: none;
		color: #2789ce;
		outline: 0;
		-webkit-tap-highlight-color: rgba(182,223,253,.5);
		flex: 1;
		position: relative;
		font-size: 4vw;
		font-weight: 900;
		line-height: 1.6;
		padding: 12px;
		flex-wrap: wrap;
	}
	.mobile-menus-screen ul li a:after {
	    position: absolute;
	    content: '';
		top: 1.86667vw;
		right: 2.66667vw;
		width: 25px;
		height: 25px;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(30,30,30)" fill-rule="evenodd" d="M9.718 5L17 12l-7.282 7L8 17.348 13.592 12 8 6.652"/></svg>');
		border: 1px solid #e0e6e6;
		border-radius: 1.06667vw;
	}
	.mobile-menus-screen ul li a[aria-expanded="true"]:after {
	    position: absolute;
	    content: '';
		top: 1.86667vw;
		right: 2.66667vw;
		width: 25px;
		height: 25px;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(30,30,30)" fill-rule="evenodd" d="M9.718 5L17 12l-7.282 7L8 17.348 13.592 12 8 6.652"/></svg>');
		border: 1px solid #e0e6e6;
		border-radius: 1.06667vw;
		transform: rotate(90deg);
	}
	.mobile-menus-screen .mbl-logout-btn {
	    height: 12.8vw;
	    background-image: linear-gradient(-180deg,#e93522 0,#be2414 100%);
	    border: 1px solid #8a0011;
	    border-width: 1px 0;
	    color: #fff;
	    font-size: 4.26667vw;
	    font-weight: 700;
	    margin-bottom: 5.33333vw;
	    justify-content: center;
	    align-items: center;
	    display: flex;
	    text-align: center;
	}
	.mobile-menus-screen .mbl-logout-btn i{
		margin-left: .5rem;
	}
	.row .csn-col:nth-child(odd){
		padding-right: 2px;
	}
	.row .csn-col:nth-child(even){
		padding-left: 2px;
	}
	.row .csn-col .casino{
		background: #fff;
		border-radius: 4px;
		margin-bottom: 4px;
	}
	.csn-col .casino .casino-btn{
	    width: 100%;
	    display: block;
	    text-transform: capitalize;
	    color: #000;
	    background: #f7f7f7;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    font-weight: 600;
	}
	.matched-count {
	    padding: 5px 2px;
	    font-size: 12px;
	}
	.content-page .content .row .col-xl-8,
	.content-page .content .row .col-xl-12:last-child{
	    padding-bottom: 60px;
	}
	.high-desktop{
		display: none;
	}
	.high-mobile{
		display: block;
	}
	.pr-xs-1{
		padding-right: 2px;
	}
	.pl-xs-1{
		padding-left: 2px;
	}
	.mbetting-table-none{
		display: none;
	}
	.dbetting-table-none{
		display: inline-flex;
	}
	.bettingTable .row{
		padding: 1px 0 !important;
	}
	.game-fancy{
	}
	.stake-setting dd{
		width: 25%;
	}
	.setting-block input {
	    font-size: 4vw;
	    padding: 2.66667vw 1.86667vw;
	}
	dd.col-stake_edit {
	    width: 100%;
	}
	.stakeDiv h3{
		padding: 0 1.86667vw;
		justify-content: space-between;
		align-items: center;
		display: flex;
		background-image: linear-gradient(-180deg,#2e4b5e 0,#243a48 82%);
		color: #fff;
		font-size: 3.73333vw;
		line-height: 2.2;
	}
	#MobileStake .modal-header {
	    /* background: linear-gradient(-180deg,#184438 0, #14805e 100%); */
	    background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	    padding: 5px;
	}
	#MobileStake .modal-header h3{
		color:#fff;
		flex: 1;
		background: 0 0;
		font-size: 4vw;
		line-height: 2.6;
		padding: 0 1.86667vw;
		align-items: center;
		display: flex;
		text-align: center;
	}
	#MobileStake .close{
		background: none;
		border: none;
		font-size: 25px;
		color: #fff;
	}
	.navbar-custom{
		height: 56px;
	}
	.eventlistdesign{
		position: relative;
	}
	.mobile-search-btn{
		top: 0;
		display: block;
		position: absolute;
		z-index: 2;
		right: 0;
		width: 12%;
		height: 42px;
		line-height: 42px;
		text-align: center;
		padding: 0;
		background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
		border-radius: 0;
	}
	.mobile-search-btn i{
		color: #fff;
		font-size: 30px;
		align-items: center;
		line-height: 42px;
		text-align: center;
		justify-content: center;
		display: block;
	}
	.inplay .nav-pills a {
	    padding: 0;
	    font-size: 15px!important;
	    line-height: 8.8vw!important;
	    text-align: center;
	}
	.inplay .tab-content {
	    padding: 2px 0 0 0;
	}
	.inplay .tab-content h2{
		text-align: center;
	}
	.inplay .nav-pills{
		margin-top: 2px;
		width: 100%;
	}
	.mobile_nav_pills{
		display: flex;
	}
	.desktop-nav-pills {
		background: #000;
	    display: block;
	    width: 100%;
	    white-space: nowrap;
	    overflow-x: auto;
	    padding-right: 40px;
	}
	.desktop-nav-pills li {
	    display: inline-block;
	}
	.eventlistdesign .nav-pills li a{
		color: #fff;
	    font-size: 15px;
	    margin: 2px 5px 0;
	    font-weight: 700;
	    display: inline-block;
	    background: none;
	    border:none;
	}
	.eventlistdesign .nav-pills li a:hover{
	/*	border:none;*/
	}
	.eventlistdesign .nav-pills li a{
		margin: 0;
	}
	.eventlistdesign .nav-pills li a.active{
	/*	color: #fff !important;
		border-top-right-radius: 5px !important;
		border-top-left-radius: 5px !important;
		color: #fff;
		box-shadow: inset 0 1px 3px 0 #333;
		background: linear-gradient(-180deg,#184438 0, #14805e 100%) !important;
		border:none;*/
	}
	.eventlistdesign .nav-pills li a img{
		display: inline-block;
		width: 25px;
		filter: invert(1);
	}
	.eventlistdesign .nav-pills li a.active img {
	    filter: invert(1);
	}
	ul.nav.nav-pills.mobile_nav_pills {
	    /* background: linear-gradient(-180deg,#184438 0, #14805e 100%); */
	    background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);
	}
	ul.nav.nav-pills.mobile_nav_pills li a {
	    color: #000;
	    margin: 5px 5px 0;
	    font-weight: 700;
	    display: inline-block;
	    background: none;
		border-radius: 1.6vw 1.6vw 0 0;
		padding: 5px;
	}
	ul.nav.nav-pills.mobile_nav_pills li a img{
		width: 25px;
	}
		.inplay .nav-pills li {
		    width: 33.33333%;
		}
		.mobile-section{
			display: inline-block;
		}
		.exp-topcount {
		    display: block;
		    margin-left: 0;
		}
		.user-blnc {
		    font-size: 12px;
		    font-weight: 700;
		}
		.referesh-blnc, .user-blnc {
		    margin-right: 10px;
		}
		.nav-user,
		.main-exposure{
			display: none;
		}
		.bets-mbl-show {
		 	display: block;
		    bottom: 0;
		    position: absolute;
		    left: 1px;
		    top: 12px;
		    width: 80px;
		}
		.mo_user-blnc{
			    font-size: 12px;
	    margin-top: 12px;
	    color: #fff;
	    font-weight: 700;
		}
		.mo_head-refresh, .mo_bet-setting, .mo_.open_bets {
			margin-left: 5px;
			margin-top: 12px;
	    color: #fff;
	    box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 40%);
	    height: 9.33333vw;
	    line-height: 5.33333vw;
	    font-weight: 700;
	    border-radius: 1.06667vw;
	    border: 1px solid #0b1933;
	    padding: 2.6vw 2.5vw;
	    justify-content: center;
	    align-items: center;
	    display: flex;
	}
	.mobile-hide{
		display: none;
	}
		a.open_bets i{
			font-size: 18px;
			margin-right: 2px;
		}
		.logo-box,
		.logo-box .logo{
			line-height: normal !important;
		}
		.logo span.logo-lg img,
		.logo span.logo-sm img{
			height: 40px;
			top: 5px;
			left: 5px;
			position: relative;
		}
		.fancy_odds .suspended{
			width: 100% !important;
		}
		.mm-fi {
		    display: block;
		    padding: 0px 2px;
		    text-align: center;
		    color: #000;
		}
		.head_bg{
			background: var(--theme-color);
		}
		.match-odds{
			background: none;
			padding-right: 15px;
		}
		p.match-odds:before{
			display: none;
		}
		.odds_header button,
		.odds_body button{
			width: 50%;
			border-radius: 0 !important;
		}
		.bettingTable button{
			width: 100%;
			border-radius: 7px !important;
		}
		.bettingTable.back .row.py-1,
		.bettingTable.back .row{
			background: #beddf4 !important;
			border:none !important;
		}
		.bettingTable.lay .row.py-1,
		.bettingTable.lay .row{
			background: #f3dce2 !important;
			border:none !important;
		}
		.btn:disabled, .btn-betplace:disabled{
			opacity: 1;
			border:1px solid #333;
		}
		.odds_header button.min-max-bet,
		.odds_body button.min-max-bet,
		.odds_header button.back1,
		.odds_header button.back2,
		.odds_body button.back1,
		.odds_body button.back2,
		.odds_body button.lay1,
		.odds_body button.lay2,
		.odds_header button.back2, .odds_header button.back1, .odds_header button.lay2, .odds_header button.lay1{
			display: none;
		}
		.content-page {
		    margin-top: 56px;
		    padding: 0px;
		    padding-bottom: 62px;
		}
		.content-page .container-fluid{
			padding: 0;
		}
		.oneX2,
		.openBets,
		.oddsEventlist .btn-group,
		.carousel-indicators [data-bs-target]{
			display: none;
		}
		.matchname span{
			/*display: block;*/
		}
		.matchname a {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: auto;
		}
		.add-pins img {
		    vertical-align: sub;
		}
		.eventlistdesign h2{
			text-align: center;
		}

		.mobile-footer-menu {
		    display: block;
		    position: fixed;
		    bottom: 0;
		    width: 100%;
		    color: #fff;
		    z-index: 999;
		}
		.mobile-footer-menu ul {
	    display: flex;
	    padding: 0;
	    margin-bottom: 0;
	    background: #243a48;
	}
	.mobile-footer-menu ul li {
	    list-style: none;
	    position: relative;
	}
	.mobile-footer-menu a {
	    width: 20vw;
	    height: 13.33333vw;
	    box-sizing: border-box;
	    color: #fff!important;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 3.2vw;
	    text-align: center;
	    line-height: 1.1;
	    padding: 1.86667vw 2.66667vw 0;
	    display: block;
	}
	.mobile-footer-menu li.main-nav a{
	/*	background: linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);*/
	}
	/*.mobile-footer-menu a.active:before,*/
	.mobile-footer-menu li.main-nav a.active::before{
		content: "";
	    position: absolute;
	    top: -4.16667vw;
	    width: 100%;
	    left: 0;
	    height: 4.53333vw;
	    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNzUnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSc1MCUnIHkxPScxOS41NiUnIHgyPSc1MCUnIHkyPSc5MC42NSUnIGlkPSdhJz48c3RvcCBzdG9wLWNvbG9yPScjMmY1Yzc5JyBvZmZzZXQ9JzAlJy8+PHN0b3Agc3RvcC1jb2xvcj0nIzJmNWM3OScgb2Zmc2V0PScxMDAlJy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0nTTc0Ljk4IDE2SDc1djUwSDBWMTZoLjAyQy43IDE1LjMzIDE2LjM2LjAyIDM3LjUuMDJ2OC04QzU4LjY0LjAyIDc0LjMgMTUuMzMgNzQuOTggMTZ6JyBmaWxsPScjMmY1Yzc5JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=');
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    pointer-events: none;
	    z-index: -1;
	}
	.mobile-footer-menu li.main-nav a::before {
	    content: "";
	    position: absolute;
	    top: -4.26667vw;
	    width: 100%;
	    left: 0;
	    height: 4.53333vw;
	    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNzUnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSc1MCUnIHkxPScxOS41NiUnIHgyPSc1MCUnIHkyPSc5MC42NSUnIGlkPSdhJz48c3RvcCBzdG9wLWNvbG9yPScjMjQzYTQ4JyBvZmZzZXQ9JzAlJy8+PHN0b3Agc3RvcC1jb2xvcj0nIzI0M2E0OCcgb2Zmc2V0PScxMDAlJy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0nTTc0Ljk4IDE2SDc1djUwSDBWMTZoLjAyQy43IDE1LjMzIDE2LjM2LjAyIDM3LjUuMDJ2OC04QzU4LjY0LjAyIDc0LjMgMTUuMzMgNzQuOTggMTZ6JyBmaWxsPScjMjQzYTQ4JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=');
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    pointer-events: none;
	    z-index: -1;
	}
	/*.mobile-footer-menu li a.active:before{
		display: none !important;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNzUnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSc1MCUnIHkxPScxOS41NiUnIHgyPSc1MCUnIHkyPSc5MC42NSUnIGlkPSdhJz48c3RvcCBzdG9wLWNvbG9yPScjM2I1MTYwJyBvZmZzZXQ9JzAlJy8+PHN0b3Agc3RvcC1jb2xvcj0nIzNiNTE2MCcgb2Zmc2V0PScxMDAlJy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0nTTc0Ljk4IDE2SDc1djUwSDBWMTZoLjAyQy43IDE1LjMzIDE2LjM2LjAyIDM3LjUuMDJ2OC04QzU4LjY0LjAyIDc0LjMgMTUuMzMgNzQuOTggMTZ6JyBmaWxsPScjM2I1MTYwJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=)
	}*/
	.mobile-footer-menu .icon-home {
	  /*  width: 6.66667vw;*/
	}
	.mobile-footer-menu img {
	    width: 7.33333vw;
	    height: 7.33333vw;
	    margin: 0 auto 0.53333vw;
	    display: block;
	}
	.mobile-footer-menu .main-nav {
	    position: relative;
	}
	.mobile-footer-menu .icon-home {
	/*    width: 8.53333vw;
	    height: 6.93333vw;
	    margin: -2.13333vw auto 1.06667vw;*/
	}
	.mobile-footer-menu .active,
	.mobile-footer-menu li.main-nav a.active{
		background:#2f5c79
	}
}
/*themes css for media*/

.btn-tv-bets {
	background: #fff;
    color: #2a3a43 !important;
    padding: 0 9px 0px 9px;
}

.btn-tv-bets i, .btn-tv-bets span {
	vertical-align: middle;
}
.fancy_message {
	display: flex;
	color: red;
	width: 100%;
  }

  .fancy_message span {
	text-align: right;
	width: 100%;
	font-size: 13px;
	font-weight: 700;
  }