.match_odds_section {
  position: relative;
}
.match_odds_section .suspended_mo{
    position: absolute;
    right: 5%;
    height: calc(100% - 10px);
    top: 5px;
    width: 49%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-self: center;
    vertical-align: middle;
    background: #ffffffa3;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    z-index: 9;
}

.suspended90{
    position: absolute;
    height: 100%;
    width: 50%;
    background: #ffffffa3;
    z-index: 9;
	text-align: center;
    justify-content: center;
    align-self: center;
    vertical-align: middle;
    background: #ffffffa3;
    align-items: center;
	color: #000;
	top:0px;
	font-size: 14px;
    font-weight: 700;
	right:0;
}

.match_odds_section .suspended_bm{
    position: absolute;
    right: 21.1%;
    height: calc(100% - 10px);
    top: 5px;
    width: 126px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-self: center;
    vertical-align: middle;
    background: #ffffffa3;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    z-index: 9;
}
#age18
{
	padding-top:20%;
}
/*dark theme*/
body.dark-theme{
  background: #000;
}
.dark-theme::-webkit-scrollbar-thumb,
.dark-theme .betting-section::-webkit-scrollbar-thumb,
.dark-theme #sidebar-mobilemenu::-webkit-scrollbar-thumb{
    border-radius: 0;
    background: #eeb139;
}
.dark-theme::-webkit-scrollbar-track,
.dark-theme .betting-section::-webkit-scrollbar-track,
.dark-theme #sidebar-mobilemenu::-webkit-scrollbar-track{
    background: #fff;
    border-radius: 0;
}
.dark-theme .top-user-menus .dropdown-menu{
  background: #000000;
  border: 1px solid #212121;
}
.dark-theme .top-user-menus p{
  background: #212121;
  color: #fff;
  border-bottom: 1px solid #090909;
}
.dark-theme .top-user-menus .dropdown-menu a{
  background: #090909;
  color: #fff;
  border-bottom: 1px solid #212121;
}
.dark-theme .innertabs{
  background: #212121;
  border-bottom: 2px solid #303030;
}

.dark-theme .nav-tabs .nav-item.show .nav-link,
.dark-theme .nav-tabs .nav-link.active{background: #303030;color: #fff;}
.dark-theme .innertabs li a,
.dark-theme .innertabs li a:hover,
.dark-theme .odds-even-sec .two-teams p,
.dark-theme .odds-even-sec .date-timer,
.dark-theme #sidebar-mobilemenu .panel-group h2,
.dark-theme #sidebar-mobilemenu .panel-default > .panel-heading a,
.dark-theme #sidebar-mobilemenu .panel-body ul li a,
.dark-theme .info-box,
.dark-theme .odds-even-sec .col-md-5.col-7,
.dark-theme #Bet_Slip table th{
  color: #fff;
  font-weight: 400;
}
.dark-theme #Bet_Slip table td{
  border-color: #fff;
}
.dark-theme .detail-content p.team-name i{
    color: #f5b942 !important;
}
.dark-theme .odds-even-sec{background: none;color: #fff;}
.dark-theme .odds-even-sec .row.mx-sm-0:first-child{
  background: linear-gradient(to right, #006c7d, #f5b942, #006c7d) !important;
  color: #fff;
}
.dark-theme .odds-even-sec .row:nth-child(odd),
.dark-theme .odds-even-sec .fil:nth-child(odd){background: #212121;}
.dark-theme .odds-even-sec .row:nth-child(even),
.dark-theme .odds-even-sec .fil:nth-child(even){background: #292929;}
.dark-theme .odds-even-sec .row:hover::before,
.dark-theme .odds-even-sec .fil:hover::before{
  box-shadow: #3e3d3d 0px 0px 5px;
}
.dark-theme .odds-even-sec .odds-bl .bl-btns{
  border:solid 1px #FFF;
}
.dark-theme  .detail-content .odds-even-sec .odds-bl-head .bl-btns{
	border:solid 1px #FFF;
}
.dark-theme .inner-title img,
.dark-theme #sidebar-mobilemenu .panel-default > .panel-heading a img{
  filter: sepia(1);
}
.dark-theme #sidebar-mobilemenu,
body.dark-theme.mobileMegaMenu #sidebar-mobilemenu{
    background: #090909 !important;
}
.dark-theme #sidebar-mobilemenu .panel-body ul li{
  background: #292929;
}
.dark-theme #sidebar-mobilemenu .panel-default > .panel-heading {
  border-bottom: 1px solid #000;
}
.dark-theme #sidebar-mobilemenu .panel-default > .panel-heading a:hover {
    background: linear-gradient(to right, rgb(41 41 41 / 75%), transparent);
}
.dark-theme #sidebar-mobilemenu .input-group,
.dark-theme .right-bar .click-bet-slip h4{
  background: #212121;
}
.dark-theme .click-bet-slip .panel-body,
.dark-theme .info-box{
    background: #292929;
}
.dark-theme #SPECIAL h4{
  color: #fff;
}
/*dark theme*/
body {
  font-family: 'Open Sans', sans-serif;
  background: #f4f6f9;
  overflow-y: scroll;
  overflow-x: hidden;
}
a {
  color: #106eea;
}
a:hover {
  color: #3b8af2;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
}
::selection {
    color: rgb(255, 255, 255);
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
button:focus, input:focus{
  box-shadow: none !important;
  outline: none;
}

/*colors css*/
::selection,
.back-to-top i,
.back-to-top i:hover,
.top-user-menus a.logout,
.fds-img h3:before,
.nbe-content .fo-btn,
.search-datewie button,
.search-datewie button:hover,
.search-datewie button:focus,
.cp-form .btn-submit,
.login-modal .modal-body form .btn-login,
#sidebar-mobilemenu .more-less,
.slider-div .carousel-indicators li.active,
.team-info span,
.innertabs li::before,
.bms-tabs a.active,
.bms-tabs a:hover{
  background-color: #f5b942 !important;
}
.nav-menu li a:hover,
.section-title,
.nbe-content h2,
.nbe-content h3,
.nbe-content h4,
.search-datewie label,
.login-modal .modal-body h2,
.login-modal .modal-body form label,
.inner-title,
.odds-even-sec .two-teams b,
.odds-even-sec .marketname,
.odds-even-sec .in-play,
.right-bar .click-bet-slip h4,
.right-bar .click-bet-slip h4 a,
.pl-tabs ul li a.active,
.pl-tabs ul li a:hover{
  color: #f5b942 !important;
}
.team-info span,
.login-modal .modal-body{
  border:1px solid #f5b942;
}
.innertabs li a.active{
  box-shadow: 0px 3px 0px 0px #f5b942;
}
.odds-even-sec .row:hover::before{
  box-shadow: #f5b942 0px 0px 5px;
}
.matched-unmatched-ui table tbody tr:hover{
  box-shadow: inset #f5b942 0px 0px 5px;
 }
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #106eea;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.value-stakes .input-group{
  padding: 0;
}
.value-stakes .input-group span{
  border:none;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  color: #fff;
}

.user-section h2{
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 900;
    background: #F5B942;
    color: #fff !important;
    padding: 6px 10px;
}
.user-section h4{
    text-align: center;
    padding: 8px 0;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 900;
    color: #000;
    background: #fff;
}
.user-section .box-ui{
    background: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #dadada;
    height: 275px;
}
.user-section .box-ui h5{
    text-transform: uppercase;
    background: #F5B942;
    color: #fff;
}
.user-section .box-ui p{
    text-transform: capitalize;
}
.user-section .box-ui img{width: 100px;margin-bottom: 10px;height: 100px;object-fit: contain;}
.user-section .box-ui h6{
    margin-bottom: 4px;
    background: #f4f6f9;
    padding: 4px;
    border-radius: 5px;
    color: #000;
}
.user-section .my-profile,
.user-section .chip-summery{
  
border: 2px solid #fff;
  
box-shadow: 0 0 5px #1195aa47;
}
.user-section .my-profile table,
.user-section .chip-summery table{
    margin: 0;
    background: #fff;
}
.user-section .my-profile table th,
.user-section .chip-summery table th{}
.user-section .my-profile table td,
.user-section .chip-summery table td{
    padding: 5px;
    color: #000;
    font-size: 15px;
}
.user-section .chip-summery h5,
.user-section .my-profile h5{
text-transform: capitalize;
    font-size: 18px;
    font-weight: 900;
    background: #1297ac;
    color: #fff !important;
    padding: 6px 10px;
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  font-size: 14px;
  background: linear-gradient(to right, #c18100, #f5b942, #c18100);
  z-index: 33;
  transition: all 0.3s ease-in-out 0s;
  height: 75px;
}
#topbar .logo{
  text-align: center;
}
#topbar .logo .switch1{display: none;}
.login-time .switch1{display: block;margin-right: 10px;}
@media (max-width: 500px)
{
  #topbar .logo img{
  width:75px;
}
#age18
{
	padding-top:45%;
}
#overlayspinner {
 top:0;
 left:0;
}

.col-xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 500px)
{
  #topbar .logo img{
  width: 130px;
}
}

.device-time p{padding: 0; margin: 0; color: #fff; text-align: center; text-transform: capitalize;}
.device-time p small{display: block;}
.login-time{
  text-align: right;
  text-transform: capitalize;
  color: rgb(230, 230, 230);
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
@media (max-width: 500px)
{
  
  .login{
    text-transform: uppercase;
    padding: 0 15px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: radial-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.4));
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    border:none;
    display: inline-flex;
    font-size:10px;
  }
  .login>img {
    width: 10px !important;
  }
}

@media (min-width: 500px){
.top-user-menus button.dropdown-toggle {
    border: none;
    color: #fff;
    height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #000;
}
.login{
  text-transform: uppercase;
  padding: 0 15px;
  height: 35px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: linear-gradient(to top, rgb(239,179,59), rgb(239,179,59));
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  color: #FFF;
  transition: all 0.3s ease-in-out 0s;
  border: solid 1px #FFF;
  display: inline-flex;
}
}
.login:focus{
  outline: none !important;
}
.login img{
  filter: invert(1);
  width: 25px;
  margin-right: 5px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 16;
  padding: 0;
  top: 75px;
  border:none;
  box-shadow: none;
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}

#header .logo a {
  color: #222222;
}

#header .logo a span {
  color: #106eea;
}

#header .logo img {
  max-height: 40px;
}
.top-user-menus .dropdown-menu{
  padding: 0;
}
.top-user-menus p{
  float: right;
}
.top-user-menus p{
  background: #f3f3f3;
  border-bottom: 1px solid #fff;
}
.top-user-menus p em{float: right;}
.top-user-menus a, .top-user-menus p{
  padding: 5px 7px;
  text-transform: capitalize;
  font-size: 12px;
  margin: 0;
  display: block;
  width: 100%;
  line-height: 2;
  color: #000;
  font-weight: 600;
}
.top-user-menus a{
  border-bottom: 1px solid #f5f5f5;
}
.top-user-menus a:last-child{border-bottom: none;}
.top-user-menus a.logout{
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.credit{color: darkgreen;}
.debit{color: darkred;}
.home-tv p{color: #fff; font-size: 15px; text-transform: uppercase;margin: 0; cursor: pointer;}
.home-tv p i{color: #fff; font-size: 20px; padding: 0 3px;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar{ padding-top: 0; padding-bottom: 0; }
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
.nav-menu{border:none;}
.nav-menu li{
  padding: 15px 24px;
}
.nav-menu li a{
  font-size: 16px;
  white-space: nowrap;
  text-transform: uppercase;
  color: rgb(36, 38, 41);
  padding: 0 !important;
}
.megamenu{
  background-color: rgba(255, 255, 255, 0.95);
  transition: all 0.3s ease-in-out 0s;
  border:none;
  box-shadow: none;
  top: auto;
}
.megamenu .media h5{
  font-size: 24px;
  color: rgb(72, 76, 82);
  font-weight: bold;
}
/****/

/*slider*/
#slider{
  margin-top: 130px;
}

.slider-div .carousel-inner img{
  height: 100%;
  object-fit: cover;
}
.slider-div .carousel-indicators li{
  height: 4px;
  width: 100px;
  z-index: 1;
}
.slider-div .carousel-indicators li.active{
  /*background-color: linear-gradient(to right, rgb(125, 2, 4), rgb(178, 19, 24), rgb(125, 2, 4)) !important;*/
}
/*slider*/

/*.main-content*/
.main-content{
  background: url('platform_bg.jpg') no-repeat !important;
  background-size: cover;
}
.section-title{
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bolder;
  letter-spacing: 1px;
}
.section-title small{
  font-size: 18px;
  display: block;
  text-transform: inherit;
  font-weight: 300;
  color: #000;
}
/*.main-content*/


/*portfolio*/
.portfolio{}
.portfolio .nav-pills{
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.portfolio .nav-pills li{}
.portfolio .nav-pills li a{
  background: #fff;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  margin-right: 5px;
  align-items: center;
  display: inline-flex;
  padding: 0;
  justify-content: center;
}
.portfolio .nav-pills li a.active, .portfolio .nav-pills li a:hover{
  background: #fff;
  box-shadow: rgb(224 24 30) 0px 0px 5px;
}
.portfolio .nav-pills li a img{
  width: 30px;
}
.portfolio .tab-content .row .col-md-2{
  padding: 0 3px;
}
.portfolio-boxes{transition: all 0.2s linear 0s; border-radius: 5px;}
.portfolio-boxes .pb-img img{
  border-radius: 5px;
}
.portfolio-boxes .pb-img {
  background: rgb(0, 0, 0);
  position: relative;
  border-radius: 5px;
}
.portfolio-boxes .pb-img:before{
  content: '';
 border-radius: 5px;
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #010101, #090909);
    opacity: .7;
}
.portfolio-boxes .pb-btns{
  position: absolute;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
.portfolio-boxes .pb-btns a{
  background: linear-gradient(rgb(9, 128, 147), rgb(20, 156, 177));
    color: #fff;
    text-transform: uppercase;
    width: 100px;
    display: block;
    text-align: center;
    border-radius: 50px;
    margin: 10px 0;
    padding: 5px 0;
}
.portfolio-boxes:hover .pb-btns{
  opacity: 1;
}
.portfolio-boxes:hover .pb-img{
  transform: scale(1.05);
  opacity: 0.7;
  filter: blur(2px);
}
/*portfolio*/

/*fastest odds*/
#fastest-oods .row .col-4:nth-child(1) .fds-div{
  background-image:linear-gradient(to right, rgb(231, 207, 113), rgb(143, 76, 4)); 
  padding: 4px;
}
#fastest-oods .row .col-4:nth-child(2) .fds-div, #fastest-oods .row .col-4:nth-child(3) .fds-div{
  background-image:linear-gradient(to right, rgb(228, 42, 37), rgb(86, 9, 12));
  padding: 4px;
}
.fds-div {
    height: 364px;
    overflow-y: auto;
}
.fds-img{position: relative;}
.fds-img h3{
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.fds-img h3:before{
  content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 65px;
    height: 1px;
    z-index: 6;
    opacity: 0.8;
}
.fds-content{
  background: #fff;
  padding: 5px 0;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.fds-content:hover{
  background-color: #f1f1f1;
}
.fds-content img{
  width: 18px;
}
.fds-content span{
  color: #000;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
}
.team-info{
  text-align: center;
}
.team-info span{
  color: #fff;
  font-size: 11px;
  padding: 1px 5px;
  border-radius: 0px;
  font-weight: 500;
}
.team-info p{
  font-size: 11px;
  font-weight: 700;
  color: 300;
  padding: 0;
  margin: 0;
}
/*fastest odds*/


/*betting experience*/
.nbe-content{}
.nbe-content h2{
  font-size: 35px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
}
.nbe-content h3{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}
.nbe-content .exch-btn{
  background: #000;
  border-radius: 50px;
  border:none;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 30px;
  font-size: 15px;
}

.nbe-content .fo-btn{
  border-radius: 50px;
  border:none;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 30px;
  font-size: 15px;
}
.nbe-content p{
      color: #000;
}
.nbe-content h4{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}
.nbe-content h4 small{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  display: block;
  text-transform: capitalize;
}
/*betting experience*/

/*casino*/
.casino-div{
  position: relative;
  display: flex;
}
.casino-div .casino-img{transform: scaleX(1); opacity: 1; transition: all 0.25s ease-in 0s;}
.casino-div:hover .casino-img{transform: scaleX(0.2); opacity: 0;}
.casino-div .casino-content{
  visibility: hidden;
}
.casino-div:hover .casino-content{
  visibility: visible;
}
.casino-div .casino-img p{
  position: absolute;
  bottom: 20%;
  margin: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.casino-div .casino-img p img{
  display: block;
  margin: 0 auto;
  width: 30px;
}
.casino-div .casino-content{transform: scaleX(0.2);opacity: 0; position: absolute; left: 0; transition: all 0.25s ease-in 0s;}
.casino-div:hover .casino-content{transform: scaleX(1); opacity: 1;}
.casino-div .casino-content a{
    text-transform: capitalize;
    display: block;
    border: 1px solid #fff;
    margin-bottom: 10px;
    border-radius: 50px;
    padding: 5px 15px;
    color: #000;
    background: #fff;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
}
.casino-div .casino-content a:hover{
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4));
}
.casino-div .casino-content p{
  position: absolute;
  left: auto;
  right: auto;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  top: 25px;
  justify-content: center;
  display: grid;
  width: 100%;
}
/*casino*/

/*user pages*/
#filter.collapse:not(.show) {
    display: block;
}
a.btn-filter{color: #fff;}
.search-datewie{background: #fff;padding: 25px 0 10px 20px;}
.search-datewie .form-group{position: relative;}
.search-datewie label{
  top: -20px;
  text-transform: capitalize; position: absolute; font-size: 13px; font-weight: 700;}
.search-datewie input, .search-datewie select{font-size: 12px; height: 30px; line-height: 30px; text-transform: capitalize;}
.search-datewie button{text-transform: uppercase; font-variant: 12px; height: 30px; line-height: 30px; padding:0 15px; border:none;}
.search-datewie button:hover, .search-datewie button:focus{
  border:none;
  outline: none;
}
.ttlpl{
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}
.user-pages{margin-top: 2vh;}
.user-pages h2{
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  padding: 10px;
  background: #94090d;
  color: #fff;
}
.user-pages .card-body {
  background: #fff;
  border: 1px solid #dedcdb;
}
.user-pages .form-row{margin-bottom: 25px;}
.user-pages .form-row input, .user-pages .form-row select{height: 40px; font-size: 12px; text-transform: capitalize; background: #ddd; border-radius: 5px !important;}
.user-pages .form-row button{    text-transform: uppercase;
    font-size: 12px;
    height: 40px;
    background: #a50f13;
    color: #fff;
    border: 1px solid #94090d;}
.user-pages table th, .user-pages table td{padding: 5px;}
.user-pages table th{
  text-transform: uppercase;
  font-size: 15px;
  background: #9d9a99;
  color: #fff
}
.user-pages .form-row table tbody td{
  color: #000;
  font-size: 13px;
}
.user-pages .form-row table td a, .user-pages .form-row table td a:hover{color: #000;}
.debit{color: red;}
.credit{color: green;}
.plTabsUl{width: 100%; overflow-x: scroll;}
.pl-tabs ul{ display: inline-block;width: max-content; margin-bottom: 2px;}
.pl-tabs ul li{display: inline-block; box-shadow: inset 0 0 0 1px #ddd;}
.pl-tabs ul li:nth-child(odd){background: #f1f1f1;}
.pl-tabs ul li:nth-child(even){background: #f9f9f9;}
.pl-tabs ul li a{font-size: 13px; text-transform: uppercase; text-align: center; color: #000;font-weight: 500; border-radius: 0 !important;}
.pl-tabs ul li a span{display: block; font-size: 11px;}
.pl-tabs ul li a.active, .pl-tabs ul li a:hover{background: #fff !important;}
.cp-light{
  background: #fff;
  border-radius: 5px;
  margin: 10px 0;
}
.cp-form{
    margin: 30px;
    border-radius: 6px;
    padding: 15px;
    background: #f5f5f5;
  }
.cp-form label{
  text-transform: capitalize;
  font-size: 15px;
}
.cp-form input{font-size: 13px;border: none;box-shadow: none;border-radius: 0;}
.cp-form input::placeholder{font-size: 13px; text-transform: uppercase;}
.cp-form i{position: absolute;top: 8px; right: 25px;}
.cp-form .btn-submit{ color: #fff; text-transform: uppercase; width: 100%;}
/*user pages*/

/*footer*/
.footer{
  background: #373b3f;
}
.footer p{
  color: #aaa;
  margin: 0;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #aaa;
}
.copyright{}
.copyright span img{
  width: 25px;
}
.copyright img{
  width: 120px;

  margin-right: 5px;
}
.copyright img:hover{
  opacity: 1;
}
.copyright span{
  color: rgb(128, 128, 128);
  font-size: 14px;
}
.footer-menu{}
.footer-menu ul{
  margin: 0;
  padding: 0;
}
.footer-menu ul li{
  list-style: none;
  display: inline-block;
  position: relative;
}
.footer-menu ul li:after{
  content: '';
  position: absolute;
  width: 1px;
  background: #aaa;
  height: 80%;
  top: 5px;
}
.footer-menu ul li:last-child:after{
  display: none;
}
.footer-menu ul li a{
  color: #aaa;
  margin: 0;
  font-size: 13px;
  text-transform: capitalize;
  padding: 0 9px;
}
/*footer*/

/*login modal*/
.login-modal{}
.login-modal .modal-content{
  background: none;
  border:none;
}
.login-modal .modal-body{padding:60px 40px;background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;}
.login-modal .modal-body h2{text-align: center; text-transform: uppercase;}
.login-modal .modal-body p{text-align: center; color: #808080; font-style: italic; text-transform: capitalize;}
.login-modal .modal-body form input{background: #fff;font-size: 16px;
    border: 0px;
    padding: 1.5em 1.25em;
    text-transform: none;
    border-radius: 5px;
    color: rgb(36, 38, 41);
    margin-top: 0.3em;}
.login-modal .modal-body form .form-check label{color: #303337; font-size: 14px; vertical-align: top; text-transform: capitalize;}
.login-modal .modal-body form label{
    margin: 0;
    text-transform: uppercase;}
.login-modal .modal-body form .btn-login{
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;}
.login-modal .modal-footer{border:none; justify-content: center;}
.login-modal .modal-footer{}
.login-whatsapp, .login-mail, .login-whatsapp:hover, .login-mail:hover{text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px; color: #fff; font-size: 15px;}
.login-whatsapp img, .login-mail img{width: 35px;}
/*login modal*/

/*sidemenu*/
#sidebar-mobilemenu {
  width: 16%;
  padding: 5px 5px;
  box-shadow: rgba(0, 0, 0, 0.18) -2px -1px 6px;
  position: fixed;
  overflow-y: auto;
  top: 75px;
  bottom: 0;
  background: linear-gradient(rgb(230, 226, 222), rgb(208, 210, 212));
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px, rgba(0, 0, 0, 0.08) -1px 0px 4px;
}
#sidebar-mobilemenu .panel-group h2{color: #3c3232; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; padding: 10px; margin: 0; font-weight: 700; margin-top: 15px;}
#sidebar-mobilemenu .input-group{background:#fff;padding: 0;}
#sidebar-mobilemenu .input-group .input-group-text, #sidebar-mobilemenu .input-group input{background: none; border:none !important; box-shadow: none !important;}
#sidebar-mobilemenu .input-group input::placeholder{font-style: italic; color: #ddd;}
#sidebar-mobilemenu .panel-group .panel {      border-radius: 0;        box-shadow: none;        border-color: #EEEEEE;    }
#sidebar-mobilemenu .panel-default > .panel-heading {padding: 0;  border-bottom: 1px solid #FAFAFA; }
#sidebar-mobilemenu .panel-default > .panel-heading a {text-transform: capitalize;display: block;color: #545454;font-size: 14px;padding: 8px;}
#sidebar-mobilemenu .panel-default > .panel-heading a:hover {background: linear-gradient(to right, rgb(255, 255, 255), transparent);}
#sidebar-mobilemenu .panel-default > .panel-heading a img{
width: 20px;
vertical-align: text-top;
margin-right: 3px;
filter: grayscale(1);
}/*
#sidebar-mobilemenu .panel-default > .panel-heading a.collapsed i:after{
  content: "\ea76";
  font-family:IcoFont;
  font-weight:400;
  font-style:normal;
}
#sidebar-mobilemenu .panel-default > .panel-heading a i:after{
  content: "\ea75";
  font-family:IcoFont;
  font-weight:400;
  font-style:normal;
}*/
#sidebar-mobilemenu .more-less {float: right;
color: #fff;
border-radius: 50px;
padding:3px;}
#sidebar-mobilemenu .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
}
#sidebar-mobilemenu .panel-body ul{margin: 0; padding: 0;}
#sidebar-mobilemenu .panel-body ul li{list-style: none;padding: 0;background:rgba(255, 255, 255, 0.3);}
#sidebar-mobilemenu .panel-body ul li img{width: 20px;}
#sidebar-mobilemenu .panel-body ul li a{color: #545454;text-decoration: dotted;font-size: 14px;text-transform: capitalize;}
#sidebar-mobilemenu .collapse.show{height: auto !important;}
.icofont-curved-right:before, .icofont-curved-up:before{display: none;}
.icofont-curved-up:after {
    content: "\ea76";
    margin-left: 2px;
}
.icofont-curved-right:after {
    content: "\ea75";
    margin-left: 2px;
}
/*sidemenu*/

/*inner content*/
.middle-scroll{
 /*NEW123 overflow: scroll;*/
  height: 100vh;
}
.inner-content{
  margin-top: 75px;
  padding-bottom:50px;
}
.inner-title{
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.inner-title img{
  width: 25px;
  vertical-align: bottom;
  filter: grayscale(1);
}
.inner-title span{
  display: block;
  font-size: 14px;
  color: #aaa;
  margin-left: 30px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.innertabs{
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px, rgba(0, 0, 0, 0.08) -1px 0px 4px;
  background: #fff;
}
.innertabs li{position: relative;}
.innertabs li a, .innertabs li a:hover{color: #242629;text-transform: uppercase;letter-spacing: 1px; font-size: 13px; border-radius: 0; transition: all 0.2s ease-in-out 0s;}
.innertabs li a.active{
  border: none;
}
.innertabs li a img{width: 22px; display: block; margin: 0 auto;}
.innertabs li a:hover img{
   transform: scale(1.2);
}
.innertabs li::before{
  content: "";
  display: block;
  position: absolute;
  top: 1em;
  bottom: 1em;
  right: 0px;
  opacity: 0.35;
}

.all-spors-innerTabs{}
.all-spors-innerTabs li a{
  color: #242629;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 50px !important;
  background: #fff;
  margin-bottom: 10px;
  margin-right: 10px;
  width: auto;
  border: none !important;
}
.all-spors-innerTabs li a.active, .all-spors-innerTabs li a:hover{
  background:linear-gradient(to right, rgb(125, 2, 4), rgb(178, 19, 24), rgb(125, 2, 4));
  border: none;
  color: #fff !important;
}
.odds-even-sec{
  box-shadow: rgba(0, 0, 0, 0.08) 2px 5px 8px, rgba(0, 0, 0, 0.12) -2px -1px 6px;
  background: #fff;
  border-radius: 5px;
}
.odds-even-sec .row:hover::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 99;
    pointer-events: none;
}
.odds-even-sec .row:nth-child(odd){
  background: #f6f6f6;
}
.odds-even-sec .row{padding: 5px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); position: relative; cursor: pointer;}
.odds-even-sec .row:first-child{ box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px; font-size: 13px; color: #5f5f5f; text-transform: capitalize;}
.odds-even-sec .fav-sports{display: inline-block;margin-right: 10px;}
.odds-even-sec .fav-sports img{width: 20px;}
.odds-even-sec .fav-sports img:first-child{margin-right: 10px;}
.odds-even-sec .two-teams{  display: inline-block;}
.odds-even-sec .two-teams p{
  padding: 0;
  margin: 0;
  font-size: 13px;
  color: #606060;
  text-transform: capitalize;
  line-height: 1.5;
}
.odds-even-sec .marketname{font-size: 14px;font-weight: 700;font-style: normal;text-transform: uppercase;position: absolute;right: 0;}
.odds-even-sec .in-play{ font-size: 1.5vh; font-weight: 600;text-transform: uppercase;}
.odds-even-sec .date-timer{color: #606060; font-size: 12px; font-weight: 600;}
.odds-even-sec .odds-bl{display: inline-flex;position: relative;}
.odds-even-sec .odds-bl-head .bl-btns{width: 120px;border: none;padding: 0;font-weight: 600;}
.odds-bl-head button{margin: 0 1px;}
.odds-even-sec .odds-bl .bl-btns{
  font-size: 12px;
  border:solid 1px;
  width: 60px;
  height: 45px;
  border-radius: 3px;
  margin: 0 1px;
  font-weight: 700;
  padding: 0;
  transition: 0.9s;
}
.odds-even-sec .odds-bl .bl-btns span{
  font-weight: 400;
  font-size: 11px;
  display: block;
}
.odds-even-sec .btn-group{margin: 0;}
.odds-even-sec .row:first-child .col-md-7.col-12::before{display: none;}
.odds-even-sec .col-md-7.col-12::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 1px;
  background-color: rgba(128, 128, 128, 0.5);
  opacity: 0.35;
}
.blue{
  background: #94dfff;
}
.blue:hover{
  box-shadow:inset rgb(21, 185, 255) 0px 0px 0px 2px;
}
.red{
  background: #f9c8d3;
}
.red:hover{
  box-shadow:inset rgb(236, 85, 119) 0px 0px 0px 2px;
}


.blue1{
  background: #bce9fd;
}
.blue1:hover{
  box-shadow:inset rgb(21, 185, 255) 0px 0px 0px 2px;
}
.red1{
  background: #f9e3e9;
}
.red1:hover{
  box-shadow:inset rgb(236, 85, 119) 0px 0px 0px 2px;
}


.back{background: #94dfff;}
.lay{background: #f9c8d3;}
/*inner content*/

/*detail*/
.detail-content p.team-name{
  text-transform: capitalize;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.detail-content p.team-name i{
  margin-right: 4px;
}
.detail-content .odds-even-sec img{width: 20px;}
.detail-content .odds-even-sec .odds-bl-head .bl-btns{
	border:solid 1px;
  width: 60px !important;
  height: auto !important;
  text-transform: uppercase;
  font-size: 12px;
}
.detail-content .odds-even-sec{
  margin-bottom: 15px;
}
.mb-mm{
  padding: 0;
  margin: 0;
  font-size: 11px;
  text-transform: capitalize;
  font-weight: 600;
}
.mb-mm span{
  display: block;
}
.suspended{
  width: 100%;
  height: 100% !important;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.all-btnsPC{display: flex; justify-content: center;}
.all-btnsPC button{text-transform: uppercase;font-size: 14px; border:none; box-shadow: none; padding:5px 15px;width: 49%; margin: 0 1px;}
.all-btnsPC .place-all{background: #50d000;
    color: #fff;
    font-weight: 500;}
.all-btnsPC .cancel-all{    background: #ad1116;
    color: #fff;
    font-weight: 500;}
.bms-tabs{margin-bottom: 5px;}
.bms-tabs a{text-transform: uppercase; font-size: 12px; font-weight: 900; color: #000;}
.bms-tabs a.active, .bms-tabs a:hover{ color: #fff !important;}
.matched-unmatched-ui table thead th{
  text-transform: uppercase;
  font-size: 12px;
  padding:3px 5px;
  font-weight: 700;
  background: #eee;
  border: none;
}
.matched-unmatched-ui table{
  background: #fff;
}
.matched-unmatched-ui table tbody td{
  text-transform: capitalize;
  font-size: 12px;
  padding:3px 5px;
  font-weight: 600;
  border: none;
  vertical-align: middle;
}
.matched-unmatched-ui table tbody tr:hover{
  cursor: pointer;
}
.matched-unmatched-ui table tbody tr:nth-child(odd){background: #fff;}
.matched-unmatched-ui table tbody tr:nth-child(even){background: #f1f1f1;}
.matched-unmatched-ui table tbody tr td{
    white-space: nowrap;
}
.value-stakes .input-group .input-group-text{
  background: #ddd;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
}
.text-blue{color: #15b9ff;}
.text-red{color: #ec5577;}
.matched-unmatched-ui table tbody td span{display: block;}
.value-stakes .input-group input::placeholder{font-size: 12px; text-transform: uppercase;}
.value-stakes .btn-group{width: 100%; display: inline-block; text-align: center;}
.value-stakes .btn-group button.btn-stakes {
    font-size: 11px;
    padding: 7px;
    width: 32%;
    margin-bottom: 3px;
    border-radius: 100px;
    background: #EFB23A;
    box-shadow: none;
    border: none;
    color: #fff;
}
.value-stakes .btn-group button.btn-stakes:last-child{
  margin-bottom:0}
.stk-save{
  background: rgb(178, 19, 24);
  display: block;
  width: 100%;
  padding: 5px;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}
.click-bet-slip .panel-body{
  box-shadow: rgb(0 0 0 / 12%) -1px 2px 6px, rgb(0 0 0 / 8%) 1px 5px 10px;
  background: #fff;
  padding:10px 5px;
  margin-bottom: 10px;
  border-top: 1px solid #f5f5f5;
}
.cb-bet button{
  background: transparent;
  border: 1px solid rgb(239,179,59);
  border-radius: 50px;
  width: 67px;
}
.cb-bet button.cb-bet-active{
  background-image: linear-gradient(to right, rgb(239,179,59) 40%, rgb(239,179,59));
  color: #fff;
}
#Bet_Slip table th, #Bet_Slip table td {
    padding: 6px 3px;
}
/*detail*/

/*betting table*/
.betting-section{
  padding: 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.18) -2px -1px 6px;
  position: fixed;
  overflow-y: auto;
  top: 75px;
  bottom: 0;
  width: 24.5%;
}
.red-bet{
  background: #f9c8d3;
}
.red-bet .eventname{
  color: #ec5577;
  font-size: 13px;
  font-weight: 600;
  font-style: italic;
  text-transform: capitalize;
}
.red-bet .btn-co, .blue-bet .btn-co{
  border: 1px solid #e43b67 !important;
  color: #e43b67;
}
.blue-bet{
  background: #94dfff;
}
.blue-bet .eventname{
  color: #0081b8;
  font-size: 13px;
  font-weight: 600;
  font-style: italic;
  text-transform: capitalize;
}
.bet-table{
  border-radius: 5px;
  padding: 5px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.12) -1px 2px 6px, rgba(0, 0, 0, 0.08) 1px 5px 10px;
  margin-bottom: 15px;
}
.bet-table .teamname{
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.bet-table .bet-close{
  position: absolute;
  right: 5px;
  top: 5px;
}
.bet-table .bet-close img{
  width: 25px;
}
.bet-table .card .card-header{
  justify-content: center;
  display: flex;
  background: rgb(204, 204, 204);
  padding: 0;
}
.bet-table .card .input-group-text{
  color: #fff;
  border: none;
  width: 23px;
  padding: 0;
  text-align: center;
  display: grid;
  border-radius: 0;
  cursor: pointer;
}
.bet-table .card .card-body input{
  background: rgb(230, 230, 230);
  height: 30px;
  border:none;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.bet-table .card .card-body label{
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.bet-table .card .card-body p{
  font-size: 12px;
  height: 30px;
  align-items: center;
  display: flex;
  font-weight: 600;
  font-style: italic;
}
.bet-table .card .card-header p{
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 12px;
  width: 50%;
  text-transform: capitalize;
  padding: 5px;
  text-align: center;
}
.bet-table .card .card-header p label{
  margin: 0;
}
.bet-table .card .card-header p:first-child{
  border-right: 1px solid #fff;
}
.bet-table .card .pb-co{
  justify-content: center;
  display: flex;
}
.bet-table .card .pb-co button{
  box-shadow: none;
  text-transform: capitalize;
  width: 50%;
  font-size: 13px;
  border-color: transparent;
  margin:0 2px;
  border-radius: 3px;
  padding: 5px; 
  font-weight: 700;
}
.bet-table .card .btn-po{
  background: #bebec1;
  color: #fff;
}
.bet-table .card-body .btn-group{
  display: block;
}
.red-bet .card-body .btn-group button,
.red-bet .card .input-group-text{
  background: #f1829b !important;
  border: none;
  color: #fff !important;
}
.blue-bet .card-body .btn-group button,
.blue-bet .card .input-group-text{
  background: #15B9FF !important;
  border: none;
  color: #fff !important;
}
.bet-table .card-body .btn-group button{
  font-size: 13px;
  padding: 0.5em;
  text-align: center;
  background-color: transparent;
  border-radius: 99em;
  width: 23%;
  color: rgb(36, 38, 41);
  cursor: pointer;
  margin-bottom: 5px;
}
/*betting table*/

/*right-bar*/
.right-bar .click-bet-slip .panel{
  margin-bottom: 8px;
}
.right-bar .click-bet-slip h4 {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 10px;
  background: #fff;
  position: relative;
  margin-bottom: 0;
}
.right-bar .click-bet-slip h4 a i{
  position: absolute;
  right: 10px;
}
.right-bar .click-bet-slip h4 a.collapsed i:before{
  content: "\efc2";
  font-family:IcoFont;
  font-weight:400;
  font-style:normal;
}
.right-bar .click-bet-slip h4 a i:before{
  content: "\ef9a";
  font-family:IcoFont;
  font-weight:400;
  font-style:normal;
}
/*right-bar*/
#myBtnContainer button{
    margin: 0 0 5px 0px;
    padding: 6px 20px;
    border-radius: 100px;
}
.card-body .input-group{
  padding: 0 !important;
}
#tabs-mobile, .mobile-menu, #mobile-slider, #me-slider,#dplink{
  display: none;
}

@media (max-width: 768px) {
	.odds-even-sec .odds-bl .bl-btns span{
  font-weight: 400;
  font-size: 10px;
  display: block;
}
	[data-aos-delay] {
    transition-delay: 0 !important;
  }
  .match_odds_section .suspended_mo,
  .match_odds_section .suspended_bm{
    top: 2px;
    right: 6px;
    height: calc(100% - 8px);
    width: 134px;
}
  .suspended {
    width: 99%;
    right: 0;
}
  #topbar .logo .switch1{display: inline-block;}

.login-time .switch1{display: none;}
  .bet-table .teamname,
  .bet-table .eventname{
    padding-left: 5px;
    padding-top: 5px;
  }
  .bet-table {
    position: fixed;
    margin-bottom: 0;
    z-index: 9999;
    bottom: 0;
    box-shadow: none;
    padding: 0;
    left: 0;
    right: 0;
    border-radius: 0;
}
  .blist{
    z-index: 666 !important;
  }
  .odds-even-sec .marketname{
    font-size: 15px;
  }
  #myBtnContainer button{
    padding: 5px 10px;
  }
  .inner-title{
    font-size: 14px;
  }
  .inner-title span{
    
margin: 0;
  }
 .top-user-menus a, .top-user-menus p{
  font-size: 11px;
 }
  .top-user-menus .dropdown-menu {
    width: 100% !important;
}
.odds-even-sec .fav-sports{
  margin-right: 0;
}
.detail-content .odds-even-sec{
  margin-bottom: 10px;
}
.odds-even-sec .row{
  padding-top: 2px;
  padding-bottom: 5px;
}
.detail-content .odds-even-sec .row .col-7{
  padding-left: 0;
  padding-right: 0;
}
.fixed-top{
position:inherit;}
.mobile-nav-toggle{
display:none;}
.device-time span{
z-index:33 !important;}
#Bet_Slip {
overflow-y: auto;
height: 61vh;
}
#Bet_Slip table th,
#Bet_Slip table td{
padding:6px 3px;}
.right-bar .click-bet-slip h4 {
    background: #ececec;
}
.right-bar .click-bet-slip .panel{
margin-bottom:4px;
}
.inner-content{
  margin-top:0;
  }
  .top-user-menus button.dropdown-toggle {
    border: none;
    color: #fff;
    height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #000;
}
.login {
    text-transform: uppercase;
    padding: 0 15px;
    height: 25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
   background: linear-gradient(to top, rgb(239,179,59), rgb(239,179,59));
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    color: #FFF;
    transition: all 0.3s ease-in-out 0s;
    border:solid 1px #FFF;
    display: inline-flex;
}
  .col-12.middle-scroll, .inner-content .col-md-7.col-12{padding: 0 8px; } /*NEW123 overflow: auto;*/
  .inner-content .col-md-7.col-12 {
      padding: 0 4px;
  }
.betting-section, .blist {
    width: 100%;
    box-shadow: none;
    top: 0 !important;
    padding-top: 0 !important;
    height: 100% !important;
}
  /*userpages*/
  #filter.collapse:not(.show) {
      display: none;
  }
  .user-pages .card-body{
    padding: 1rem;
  }
  .user-pages .form-row input, .user-pages .form-row select{margin-bottom: 8px;}
  .user-pages table th, .user-pages table td{white-space: nowrap;}
  /*end*/
  .detail-content .odds-even-sec .odds-bl-head .bl-btns{width: 67px !important;}
  .detail-content .odds-even-sec .odds-bl .bl-btns{width: 66px;height: 50px;}
  .detail-content .odds-even-sec .odds-bl{display: inline-flex;}
  .odds-even-sec .odds-bl .bl-btns{width: 58px;/* height: 50px; */}
  .innertabs li a span{display: none;}
  .odds-even-sec .col-md-7.col-12::before{display: none;}
  .back-to-top{
    display: none !important;
  }
  #tabs-mobile, .mobile-menu, #mobile-slider, #me-slider{
    display: block;
  }
  #dplink{
    display: flex;
  }
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
  #header.header-scrolled {
    top: 0;
    padding:0;
  }
  #sidebar-mobilemenu .panel-body ul li{
    padding:0;}
  .login-time span{
    display: none;
  }
  .login-time{
    padding-right:2px;}
  .login{
    padding: 0 7px;
  }
  .login img{
    margin-right: 5px;
  }
  #slider{
    margin-top: 0;
  }
  .slider-div .carousel-inner img{
    height:100%;
    object-fit: cover;
  }
  #portfolio, #fastest-oods, #betting-experience, #casino, #footer,#Wdplink{
    display: none;
  }
  .m-custom-tabs .row{ margin: 0 8px; }
  .m-custom-tabs .row .col-4{padding: 0;}
  .m-custom-tabs .row .col-8{padding-right: 0;}
  .m-custom-tabs .nav-pills a{color: #000; font-size: 12px; text-transform: uppercase; background: #ffffff80; border-radius: 5px; margin-bottom: 5px; padding:10px 0;}
  .m-custom-tabs .nav-pills a img{width: 25px; display: block; margin-left: auto; margin-right: auto;filter: grayscale(1);}
  .m-custom-tabs .nav-pills a.active{color: #fff; background: #f5b942;}
  /*.m-custom-tabs .nav-pills a.active img{filter: invert(1);}*/
  .m-custom-tabs .tab-content img{
    margin-bottom:10px;
    border-radius: 5px;
    height: 150px;
    object-fit: cover;
    display: block;
    width: 100%;
  }
  .tab-img-div{position: relative;}
  .tab-img-div p{
    position: absolute;
    bottom: 0;
    color: #fff; 
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    background: rgb(0 0 0 / 50%);
  }
  .mobile-bottom-nav {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     will-change: transform;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     width: 100%;
     display: inline-flex;
     align-items: center;
     z-index: 999;
     justify-content: center;
     background: #C28201;
     height: auto;
     box-shadow: 0 -1px 3px 0 #C28201;
  }
  .mobile-bottom-nav .mbn-col-3{
    width: 25%;
    display: grid;
    position: relative;
    z-index: 999;
    color: #fff;
    font-weight: 100;
    height: 60px;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    transition: 0.9s;
  }
  .mobile-bottom-nav .mbn-col-3.active-menu{
    background:#fff;
  }
  .mobile-bottom-nav .mbn-col-3.active-menu i{
    font-size: 25px;
  }
  .mobile-bottom-nav .mbn-col-3.active-menu span, .mobile-bottom-nav .mbn-col-3.active-menu i{
    color: #f5b942;
    font-weight: 900;
  }
  .mobile-bottom-nav span, .mobile-bottom-nav i{
    text-transform: capitalize;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
    color: #fff;
  }
  /*mobile menubar*/

  .me-slider .row.bg-danger{background: #f5b942 !important; text-transform: capitalize; color: #fff; font-size: 12px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
  .me-slider .row.bg-white{padding: 5px 0; background:#fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
  .me-slider .row img{width: 22px; margin:0 2px;}
  .me-slider .row h5{color: #000; font-size: 13px; text-transform: capitalize; align-content: center; align-self: center; margin: 0;}
  .me-slider .me-info{background-color: #f0f0f0;  color: #000;  border:1px solid rgba(0,0,0,.12);  font-size: 11px;  padding: 1px 5px;  border-radius: 0px;  font-weight: 500;}
  .main-content{padding-bottom: 4em;}
  #sidebar-mobilemenu .panel-default > .panel-heading a:hover{
    background: none;
  }
  #sidebar-mobilemenu .panel-default > .panel-heading a i.icofont-trophy{color: #fff !important;}
  #sidebar-mobilemenu .panel-group h2,
  #sidebar-mobilemenu .panel-default > .panel-heading a{color: #fff;}
  body.mobileMegaMenu #sidebar-mobilemenu {
    left: 0;
    margin-left: 0;
    height: 100%;
    position: fixed;
    z-index: 66;
    top: 0;
    width: 80%;
    background: #C28201 !important;
    padding: 0 5px;
    display: block !important;
    overflow: auto;
  }
  #sidebar-mobilemenu.d-sm-none{
    display: none !important;
  }
  .icofont-menuclose:before{
    content: "\efa2";
  }
  .mobileMegaMenu .icofont-menuclose:before{
    content: "\eee4";
  }
  

}
	
@media (max-width: 320px) {
  .detail-content .odds-even-sec .odds-bl .bl-btns {
      width: 58px;
      height: 50px;
  }
  .match_odds_section .suspended_mo{
    width: 118px;
  }
  .match_odds_section .suspended_bm{
    width: 118px;
    right: 6px;
    top: 2px;
    height: calc(100% - 8px);
  }
  .detail-content .odds-even-sec .odds-bl-head .bl-btns{
    width: 58px !important;
  }
}
.switch1 {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  margin: 0;
}

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

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

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

input:checked + .slider1 {
  background-color: #f77204 ;
}

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

input:checked + .slider1:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider1.round1 {
  border-radius: 34px;
}

.slider1.round1:before {
  border-radius: 50%;
}

.mbfont { font-size:14px; font-weight:bold;}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
	cursor:pointer;
}
.bg-green {
    background-color: #00a65a !important;
}
.bg-red {
    background-color: #dd4b39 !important;
}

	.suspendedbk {
		width: 97%;
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		z-index: 2;
		background-color: rgba(255, 255, 255, 0.7);
		text-transform: uppercase;
		color: #000;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		margin-left:3px;
	}
	
	
	@media (max-width: 850px)
{
	#slider{
  	margin-top: 100px !important;
	}
	.d-qr-none{
		display:none;
	}
	.d-qr-view{
		display: !important;
	}
}

@media (min-width: 850px)
{
	#slider{
  	margin-top: 130px !important;
	}
	.d-qr-view{
		display: none !important;
	}
	.d-qr-none{
		display: !important;
	}
}
@media (max-width: 768px)
{
	#slider{
  	margin-top: 0px !important;
	}
}