html{
  background: #fff;
}
body{
  background-attachment: scroll;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  margin:0 auto;
  font-weight:400;
  color:#31303E !important;
/*  background: #ffffff;*/
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  position: relative;
  /*background: #fff;*/
  /*background-color: #fff !important;*/
  /*background-color: rgba(0, 140, 81, .3) !important;*/
  font-weight: 700;
}

::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

a, button:hover, a:hover, .fa:hover{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
hr.style15 {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.style15:after {
  content: '\002665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}
hr.style17 {
  border-top: 1px solid #8c8b8b;
  text-align: center;
}
hr.style17:after {
  content: '§';
  display: inline-block;
  position: relative;
  top: -14px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}
hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
.currentmenu {
    border-bottom: 2px solid #e82738;
}
#user-bar{
/*    background: #fff;*/
    border-radius: 0px;
    color: #fff;
    z-index: 1;
    margin-bottom: 0;
    min-height: auto;
    padding: 0;
    display:none;
}
#user-bar .signup-large-view ul.pull-right.welcome-user {
    margin: 22px 0 0;
}
#user-bar .signup-large-view ul.pull-right {
/*    padding-bottom: 1rem;*/
/*    margin:4px 0 0;*/
    margin:0;
}
#user-bar ul.pull-right.top-social.social-signup {
    padding: 0;
}
#user-bar ul{
    list-style-type: none;
    display: inline-block;
}
ul.signup-separator li a {
    margin-top:4px;
    display: inline-block;
    font-weight: 600;
    padding: 0 8px;
}
ul.phonesignup {
    width:40%;
}
#loginpopup,
#signuppopup{
    display: none;
    position: absolute;
    background: #f0f0f2;
    min-width: 300px;
    right: 0;
    margin-top: 5px;
}
#loginpopup #main-user-login,
#signuppopup #main-user-login{
    padding: 0 10px;
    margin-left: 0;
}
#loginpopup #main-user-login h1.login-title,
#signuppopup #main-user-login h1.login-title{
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
    color: #041c33;
    text-transform: uppercase;
}
#loginpopup #main-user-login .main-signup-separator a,
#signuppopup #main-user-login .main-signup-separator a {
    font-size: 14px;
    text-align: center;
    color: #041c33;
    text-transform: uppercase;
}
#loginpopup #main-user-login ul.main-phonesignup li input,
#signuppopup #main-user-login ul.main-phonesignup li input {
    height: 34px;
}
#loginpopup #main-user-login button[type=submit],
#signuppopup #main-user-login button[type=submit] {
    background: #e82738;
    width: 100%;
    border: none;
    padding: 10px 0;
}
#loginpopup #main-user-login button[type=submit]:hover,
#signuppopup #main-user-login button[type=submit]:hover{
  background: #041c33;
}
#loginpopup #main-user-login .main-signup-separator,
#signuppopup #main-user-login .main-signup-separator {
  margin-top: 0;
}
#loginpopup #main-user-login .top-social.main-social-signup,
#signuppopup #main-user-login .top-social.main-social-signup {
    padding: 0 0 25px;
}
#startphonenumber{
  -webkit-appearance: none; 
  margin: 0;
  -moz-appearance:textfield;
}
.btn.btn-success.myloginbtn{
  border-color: #e82738;
  text-transform: uppercase;
  outline: none; 
  border-radius: 0;
  padding: 6px 20px;
  font-size: 12px; 
}
.phoneloginbtn .btn.btn-success.myloginbtn{
    background: #e82738;
}
.phoneloginbtn .btn.btn-success.myloginbtn:hover{
  background: none;
}
.phonesignbtn .btn.btn-success.myloginbtn {
    background:none;
}
.phonesignbtn .btn.btn-success.myloginbtn:hover{
  background: #e82738;
}
#bottom-bar{
  background: rgba(2, 4, 12, .3);
}
#bottom-bar ul{
  list-style-type: none;
  margin-top: 1%;
}
#bottom-bar ul li{
  float: left;
}

@media (min-width: 768px) {
.omb_row-sm-offset-3 div:first-child[class*="col-"] {
  margin-left: 25%;
}  
.omb_login .omb_forgotPwd {
  text-align: right;
  margin-top:10px;
}   
}

.omb_login .omb_authTitle {
  text-align: center;
  line-height: 300%;
}
.omb_login .omb_socialButtons a {
  color: white; // In yourUse @body-bg 
  opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
  color: white;
  opacity:1;      
}
.omb_login .omb_socialButtons .omb_btn-facebook { background: #3b5998;width: 95%;}
.omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;width: 95%;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;width: 95%;}
.omb_login .omb_socialButtons .omb_btn-instagram {background: #458eff;width: 95%;}
.omb_login .omb_loginOr {
  position: relative;
  font-size: 1.5em;
  color: #aaa;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
  background-color: #cdcdcd;
  height: 1px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
  display: block;
  position: absolute;
  left: 50%;
  top: -0.6em;
  margin-left: -1.5em;
  background-color: white;
  width: 3em;
  text-align: center;
}
.omb_login .omb_loginForm .input-group.i {
  width: 2em;
}
.omb_login .omb_loginForm  .help-block {
    color: red;
}

/****Top Login****/

.mainlogo.navbar-brand img{
  width: 200px;
  margin-top:0;
}
.signup-large-view .navbar-form{
  padding: 0;
}
.signup-large-view .navbar-form .form-control{
    background: #5a5c5e;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: none;
    outline: none;
    font-size: 12px;
    border-radius: 0;
}
.signup-large-view .navbar-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#FFF;
    text-transform: capitalize;
}
.signup-large-view .navbar-form .form-control::-moz-placeholder { /* Firefox 19+ */
    color:#FFF;
    text-transform: capitalize;
}
.signup-large-view .navbar-form .form-control:-ms-input-placeholder { /* IE 10+ */
    color:#FFF;
    text-transform: capitalize;
}
.signup-large-view .navbar-form .form-control:-moz-placeholder { /* Firefox 18- */
    color:#FFF;
    text-transform: capitalize;
}
.signup-large-view .navbar-form .form-control:focus{
    background: #366692;
    color: #FFF;
    outline: none;
    box-shadow: none;
}
.signup-large-view .navbar-form .btn.btn-default {
    background: #5a5c5e !important;
    border-radius: 0;
    width: 65px;
    font-size: 12px !important;
    height: 26px;
    cursor: pointer;
    outline: none;
    border: 1px solid #5a5c5e;
    color: #FFF;
}
.myjoinnowbtn.navbar-right{
    margin-right: 0;
}
.myjoinnowbtn a{
    font-size: 13px !important;
    line-height: 16px;
    display: inline-block;
    color: #5a5c5e !important;
    text-decoration: none;
    margin-top:0;
    text-transform: capitalize;
}
.myjoinnowbtn a:hover{
    color: rgba(255, 255, 255, 1) !important;
}

#score-board{
  background: rgba(2, 4, 12, .1);
  color: #fff;
  position: relative;
 background: rgba(128, 0, 0, .1);
}
ul.score-board-main{
  list-style-type: none;
  display: none;
  margin-bottom: 0;
}
ul.score-board-main li{
  float: left;
  border-right: 1px solid #fff;
  color: #02040c;
  font-weight: bold;
  background: #fff;
  margin: 2px;
  color: rgba(128, 0, 0, 1);
}
ul.score-board-main li p{
  padding: 1% 14%;
  margin: 1%;
  line-height: 2;
  font-size: 10px;
}
ul.score-board-main li p span{
}
#navigation a{
  font-weight: bolder;
  text-transform: capitalize;
  color: #fff;
}
 #navigation ul.dropdown-menu li a{
  color: #02040c;
 }
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;
   -moz-border-radius:0 6px 6px 6px;
   border-radius:0 6px 6px 6px;
 }
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
}  
  
@media (max-width: 767px) {
.navbar-nav  {
   display: inline;
}
.navbar-default .navbar-brand {
  display: inline;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
  color: red;
  background-color: #ccc;
  border-radius: 4px;
  margin-top: 2px;   
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #333;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
   background-color: #ccc;
 }
 .navbar-nav .open .dropdown-menu {
   border-bottom: 1px solid white; 
   border-radius: 0;
 }
.dropdown-menu {
    padding-left: 10px;
}
.dropdown-menu .dropdown-menu {
    padding-left: 20px;
 }
 .dropdown-menu .dropdown-menu .dropdown-menu {
    padding-left: 30px;
 }

 li.dropdown.open {
  border: 0px solid red;
 }
}
@media (min-width: 768px) {
ul.nav li:hover > ul.dropdown-menu {
  display: block;
}
#navbar {
  text-align: center;
}
} 
#content{
    padding: 0 2em;
    height: 100%;
    overflow: scroll;
    border-left: 1px solid #ddd;
}
#news-and-events{
  position: relative;
/*  padding: 0 3em;*/
}
li.top-btn a{
  pointer-events: none;
}
.schedule-table{
  display: none;
}
.schedule-soccer{
  display: block;
}

btn-bet-typechoice-active{
  background:#fff;
  font-weight: 900;
  color: #5a5 !important;
}
#winning, #winning2, #winning-pick, #winning2-pick{
  border: 0px;
  background: none;
  text-align: center;
}
#winning-pick, #winning2-pick{
  border: none;
  background: none;
}
.vs{
  text-align: center;
  line-height: 6;
}
.vs-span span{
  background: #073b6b;
  color: #fff;
  padding: 1em;
  border-radius: .2em;
}
.betbox{
    color: #5a5c5e;
    width: 100%;
    margin-bottom: 20px;
    display: table;
    clear: both;
}
.box-wrap {
    width: 100%;
/*    padding:1em;*/
}
#win-price{
  width: 90%;
  padding: 2%;
  border: 1px solid #073b6b;
  border-radius: 0.3em;
}
.pickcheck{
  padding: 2em;
}
.pricerow{
  background: #f3f3f3;
  padding: 1em;
}
li.top-btn a{
  color: #073b6b;
}
#to-pick, #to-seek, #back-create{
  float: right;
  margin: 2em;
  background: #073b6b;
  color: #fff;
  font-weight: bolder;
}
.box-wrap ul.nav-tabs{
  color: #073b6b;
  text-transform: uppercase;
  font-weight: bold;
}
.betlist thead{
  border: 1px solid #f3f3f3;
  background: #073b6b;
  text-transform: uppercase;
  color: #fff;
  font-weight: bolder;
}
.challenge-header{
  border: 1px solid #bebebe;
  padding: 1em;
  text-align: center;
  position: relative;
}
.challenge-pick{
  padding: 1em;
}
.challenge-price{
  padding: 1em;
}
.challenge-btn{
  float: right;
  margin: 2em;
}
.challenged-btn, select.outcome-btn{
  pointer-events: none;
}
#facebook-log-title{
  background: #073b6b;
  color: #fff;
  padding: 5px 8px;
  border-radius: 2.3em;
  margin: 1%;
  min-width: 150px;
  font-size: 2em;
}
.tagword{
  color: #073b6b;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 205%;
}
#slogin-buttons span{
  border-radius: 2em;
}
footer.page-footer{
    border-top: 5px solid #fff;
    background: #5a5c5e ;
}
.footerinfo {
    padding: 40px 0;
    color: rgba(255,255,255,0.7);
}
.footerinfo {
    padding: 30px 0;
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    line-height: 1.6;
}
.footerinfo h6 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.footerinfo ul li{}
.footerinfo a{
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    font-weight: 400;
}
.footerinfo a:hover{
  text-decoration: none;
  color: #e82738;
}
.footerinfo p{
    font-weight: 400;
}
.social-section ul{
  float: right;
}
.social-section ul li{
  float: left;
  list-style: none;
}
.social-section ul li a{
  color: #FFF;
  font-size: 14px;
  background: #5a5c5e;
  margin-left: 10px;
  border-radius: 50%;
  padding: 0;
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  text-align: center;
}
.social-section ul li a:hover{
  background: #073b6b;
  color:#FFF;
}
.bottomfooter {
    padding: 15px 0 5px;
    background: #5a5c5e;
    color: #fff;
    position: relative;
    z-index: 999;
}
.bottomfooter p{
    color: #fff;
    margin:8px 0 0;
    padding: 0;
}
.bottomfooter p a{
  color: #fff;
  font-weight: 400;
  margin-left: 5px;
}
ul.navbet{
  list-style-type: none;
  position: relative;
  margin: 10px 0px;
}
ul.navbet li{
  float: left;
  text-transform: capitalize;
  font-size: 11px;
  margin-right: 5px;
  font-weight: bolder;
}
ul.navbet-child{
  display: none;
  list-style-type: none;
  position: absolute;
  left: 0%;
  right: 0%;
}
ul.navbet-child li{
  float: left;
}
/* end bet */

ul.score-board-menu{
  background: #02040c;
  line-height: 3.9;
  padding: 9px;
}
#score-board-main-soccer{
  display: block;
  float: left;
}
ul.score-board-menu li{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  list-style-type: none;
  cursor: pointer;
  display: inline-block;
}
ul.score-board-menu li  span{
  cursor: pointer;
}
li.active-menu{
  background: #02040c;
  color: #fff;
}
.panel{
  background: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#social-fb:hover {
   color: #3B5998;
}
#social-tw:hover {
   color: #4099FF;
}
#social-gp:hover {
   color: #d34836;
}
#social-em:hover {
   color: #f39c12;
}
.dropdown-menu{
background: rgba(88, 24, 69, .9);
}

/* bet Create */
.bet-all-list{
  background: #bebebe;
  border: none;
}
.bet-readonly[readonly]{
  background: #bebebe;
  border: none;
}
.article-social a{
  color: #bebebe;
}
.soccer-table-list{
  display: none;
  cursor: pointer;
}
#schedule-soccer-epl{
  display: block;
}
.betrow i{
  position: absolute;
  right: 0%;
  top: 1%;
  padding: 1%;
  font-size: 11px;
  cursor: pointer;
}

#betcart{
/*  background:rgba(127, 17, 224, 1);*/
  z-index: 1;
  animation-duration: 4s;
  animation-delay: 3s;
  animation-delay: 0s;
  text-align: center;
  /*background-color: rgba(0, 140, 81, .3) !important;*/
}
.betcart-title{

  margin: 0px !important;
  border-radius: 0px;
  background: none !important;
  border-radius: 0px !important;
  display: inline-block;
  padding: 2px 10px;
}
.betcart-title.active{
/*  border-bottom: 2px solid #e82738;*/
}
.betcart-title.active a{
    text-decoration: none;
    color: #e82738;
}
.betcart-title > a{
    /*color: #fff;*/
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
}
.betrow {
    position: relative;
    display: table;
    padding: 8px 20px 10px 0;
    width: 100%;
    background: #FFF;
    margin: 0;
    border-bottom: 1px dashed #ccc;
}
.betrow:last-child{
    border-bottom:none;
}
.remove-from-bet-cart {
    float: right;
    font-size: 13px;
    font-weight: 600;
    color: #e82738;
    cursor: pointer;
}
.betrow div.team-row {
    margin-bottom: 8px;
    display: table;
    width: 100%;
}
i.remove-from-bet-cart {
    font-size: 16px;
}
.betrow div {
    padding: 0px 0 0 5px;
}
.guestcheckoutwarap .input-group {
    width: 96%;
    margin: 10px auto 0;
}
.guestcheckoutwarap .input-group .input-group-addon {
    padding: 0 5px;
    background: #FFF;
}
.guestcheckoutwarap .input-group .input-group-addon select{
  border:none;
  outline: none;
}
.contactnumbers {
    color: #FFF;
    background: #073b6b;
    padding-bottom:10px;
    text-align: center;
}
.contactnumbers p {
    color: #FFF;
    font-size: 14px;
    padding: 0 15px 15px;
    border-bottom:1px solid rgba(255,255,255,0.1);
    margin-bottom: 0;
}
.contactnumbers div {
  border-bottom:1px solid rgba(255,255,255,0.1);
  padding: 8px 0;
  font-weight: 600;
  font-size: 14px;
}
.contactnumbers div:last-child{
  border-bottom:none;
}
.contactnumbers h1 {
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 15px;
    color: #e82738;
    margin: 0;
}
.form-wrap {
    background: #FFF;
    border-radius: 10px;
    padding: 0 10% 20px !important;
    margin-bottom: 20px;
}
.form-wrap button{
    color: #FFF;
    border: none;
    background: #073b6b;
    padding: 10px 50px;
}
.form-wrap button:hover{
  background: #e82738;
  color: initial;
}
.vs-cart{
  padding-left: 5%;
}
.left-align{
   text-align: left;
}
.right-align{
  text-align: right;
}
#highlightslide{
  margin: 3% 1%;
  text-align: center;
}
#highlightslide ul{
  list-style-type: none;
}
#highlightslide ul li{
  text-align: center;
}
#highlightslide ul li a{

}
#highlightslide ul li a img{
  width: 100%;
}
span.highlight-btn{
}
span.highlight-btn a{
  color: #fff;
}
#return-to-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width:40px;
    height:40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: initial;
    top: 5px;
}

/* Search btn */

#custom-search-form {
  margin:0;
  padding: 0;
}
#custom-search-form .search-query {
  padding-right: 3px;
  padding-right: 4px \9;
  padding-left: 3px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#custom-search-form button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search-query:focus + button {
    z-index: 3;   
}

/* left panel */

.panel.with-nav-tabs .panel-heading{
    padding: 0;
}
.panel.with-nav-tabs .nav-tabs{
  border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
  margin-bottom: -1px;
}
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
  background-color: #ddd;
  border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #041c33;
  border-color: #ddd;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: initial;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: initial;
  background-color: #3071a9;
  border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
  color: #428bca;
  background-color: #fff;
  border-color: #428bca;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: initial;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
  color: #3c763d;
  background-color: #fff;
  border-color: #d6e9c6;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}

/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
  background-color: #bce8f1;
  border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
  background-color: #faebcc;
  border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
  color: #8a6d3b;
  background-color: #fff;
  border-color: #faebcc;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
  background-color: #ebccd1;
  border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
  color: #a94442;
  background-color: #fff;
  border-color: #ebccd1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
.leftpanel{
  padding: 3%;
  font-size: 12px;
}
.bethighlight{
  background-color: #4f5b69;
}
.betbutton{
  background: #e82738 !important;
  color: #fff !important;
}
.age18 {
    float: left;
    overflow: hidden;
    border: 2px solid #FFFF;
    text-shadow: none;
    position: relative;
    padding: 7px;
    border-radius: 6px;
    margin-right: 10px;
    background: #5a5c5e;
    font-weight: 600;
    color: #FFF;
}
.panel-body.betslip-panel {
    padding:0 !important;
}
.betcheckbox {
    width: 100%;
    margin: 0 15px;
    padding: 0;
}
.bet-typechoice{

}
.nobets {
    margin: 20px 0;
}
.btn-bet-typechoice {
  width: 33.33333%;
  padding: 6px 0;
} 
.btn-bet-typechoice:hover, .btn-bet-typechoice-active{
  border-radius: 0px !important;
  text-decoration: underline;
  color: #008C51;
}
.set-odds{
    text-align: right;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 600;
}
.totalodds {
    background: #FFF;
    border-top: 1px solid #f0f0f2;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 600;
}
.hidejackpot {
    background: #FFF;
}
.betscore{
  display: none;
}
.betscore-noshow{
  display: block;
}
.betsliplock{
  position: fixed;
  top: 0%;
}
.bet-type{
  color: #3E4551;
  float: left;
  border-bottom: 1px solid !important;
  margin-right: 6px;
  cursor: pointer;
}
.bet-type-active{
   color: #35803d;
   font-weight: bolder;
}
.betslip-games {
    position: relative;
    top: -5px;
}
#amountmessage {
    font-style: italic;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 20px;
}
ul.jackpotpanel {
    margin-bottom: 0;
}
#betcart .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
}
.betslipBtn.form-control {
    background: #073b6b;
    border-color: #073b6b;
    color: #FFF;
    border-radius: 0;
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 11px !important;

}
.betslipBtn.form-control:hover{
  background: #e82738;
  border-color: #e82738;
}
.betslip-amount input {
    padding: 4px 5px;
    border: 1px solid rgba(0,0,0,0.3);
    width: 80px;
    font-size: 14px;
    float: right;
}
.betslip-amount input:focus{
  outline: none;
  border: 1px solid rgba(0,0,0,0.9);
}
.betslip-amount label{
    display: inline-block;
     max-width:auto; 
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
    float: left;
    margin-top: 5px;
}
.row.slipactions {
    margin: 0;
}
.amount-wrap {
    padding: 0 15px;
}
.bet-amounttxt {
    margin-top: 5px;
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.set-odds:last-child {
    position: relative;
    top: -5px;
    margin-left: 5px;
}
.set-odds:last-child input {
    top: 3px;
    position: relative;
    left: -3px;
}
.overlay{
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.5);
}
.user-agreement {
    position: absolute;
    top: 8%;
    z-index: 99999;
    left: 30%;
    background-color: #fff;
    width: 380px;
    height: 450px;
}
.agrement-details{
  max-height: 350px;
  overflow-y: scroll;
  padding: 8px 15px;
}
.account-verification{
  padding: 0% 1%;
}
.agreement-header{
  color: #fff;
  background: #000;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  text-align: center;
}
.agreement-wrap .form-control.btn {
    background: #e82738;
    border-color: #e82738;
}
.modal-footer{
  padding:20px 50px 40px;
}
.modal-footer p{
  text-align: left;
  color: #404040;
}
.modal-header .close {
  color: #FFF;
  opacity: .8;
}
.agreement-wrap .form-control{}
.agreement-wrap .input-group-addon{
  padding: 4px 12px;
}
.agreement-wrap .input-group-addon {
    border-radius: 0;
    cursor: pointer;
}
.agreement-wrap .form-control {
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.agreement-wrap .input-group-btn:last-child>.btn {
    height: 40px;
    line-height: 28px;
    background: #e82738;
    color: #FFF;
    border-color: #e82738;
    border-radius: 0;height: 40px;
    line-height: 28px;
    background: #e82738;
    color: #FFF;
    border-color: #e82738;
}
.agreement-wrap .input-group-btn:last-child>.btn:hover{
  background: #000;
}
.modal-footer a {
    color: #404040;
}
.mergebtn{
  float: left;
}
.mergebtn a{
  color:#fff;
}
.betpick, .match-select:hover{ 
  color: #fff; 
/*  color:#fff;*/
}
.mainheader .navbar-brand {
    margin-top:0;
    margin-left: 0 !important;
    height: auto;
    padding: 10px 0;
}
.navbar-2{
  background: #e9e9ea;
  border-radius: 0px;
}
.activity-navigation.nav>li>a {
    color: #31303E !important;
    font-weight: 600;
    padding:8px 15px;
    font-size: 13px;
}
.activity-navigation.nav>li>a:focus, 
.activity-navigation.nav li a:hover {
    text-decoration: none;
/*    background-color: #073b6b !important;
    color: #fff;*/
}
.navbar-default .activity-navigation.navbar-nav>.active>a, 
.navbar-default .activity-navigation.navbar-nav>.active>a:focus, 
.navbar-default .activity-navigation.navbar-nav>.active>a:hover {
    background-color: #5a5c5e;
    color: #FFF !important;
}
.navbar.navbar-2 {
    margin-bottom: 0;
    min-height: auto;
    border: none;
    border-radius: 0;
}
nav.navbar.bet-navigation {
    margin-bottom: 0;
    min-height: auto;
}
nav.navbar.bet-navigation::before{
/*  content: "";
  width: 50%;
  display: block;
  border-top: 3px solid #000000;*/
}
nav.navbar.bet-navigation::after{
  
}
.bet-navigation.navbar-default .nav>li.currentmenu {
   border-bottom: none;
}
.bet-navigation.navbar-default .nav>li>a{
    padding:7px 14px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 3;
}
.bet-navigation .nav>li>a:focus, 
.bet-navigation .nav>li>a:hover {
  text-decoration: none;
  color: #fff !important;
}
.mainBlock{
  padding:15px 2% 30px;
/*  background: #5a5c5e;*/
}
.pick-table{
}
.pick-table tbody tr td{
}
tr.bet-type{
 background: #5a5c5e;
}
.bet-select{
 display: none;
}
#bet-select-normal{
 display: block;
}
.tab-pane{
 position: relative;
}
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}
#exTab3 .tab-content {
  color: rgba(88, 24, 69, 1);
  padding : 5px 15px;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #5a5c5e;
}
/* sidebar navigation  */
.nav-side-menu {
  overflow: auto;
  font-size: 12px;
  font-weight: 200;
  background-color: #5a5c5e;
  top: 0px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #5a5c5e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #5a5c5e;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #e82738;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color:#e82738;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #5a5c5e;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #5a5c5e;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #5a5c5e;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
.nav-side-menu {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10 !important;
  padding: 3px;
  background-color: #5a5c5e;
  color: #000;
  width: 40px;
  text-align: center;
}
.brand {
  text-align: left !important;
  font-size: 22px;
  padding-left: 20px;
  line-height: 50px !important;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
  display: block;
}
}
ul.leftbar-panel li a{
  border: 0px;
  border-radius: 0px;
}
.item{
  position: relative;
}
.slidetab{
    position: absolute;
    top: 40%;
    font-weight: bolder;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    width: 100%;
    left: 0;
}
.mainslidereslive{
}
.merge-title {
    color: #fff;
    padding:0 7px 15px;
}
#betcart h2 {
    background: #5a5c5e;
    color: #FFF;
    margin: 0;
    padding: 15px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top:0;
}
#betcart .panel-group{
  margin-bottom: 0;
  /*background: #31303E;*/
  border-radius: .5em;
}
#betcart .panel-group ul {
    width: 100%;
    display: table;
    margin: 0;
}
#betcart .panel-group ul li a:hover{
  color: #e82738;
}
.pointer-disable{
 pointer-events: none !important;
}
.oddsbox input[type="text"]{
 width: 35px;
}
.mergebtn{
  width: 46%;
  margin: 0 2% 12px;
}
.mergebtn.facebook{
  background: #3b5998;
}
.mergebtn.twitter{
  background: #00aced;
}
.mergebtn.instagram{
  background: #458eff;
}
.mergebtn.google{
  background: #c32f10;
}
.with-nav-tabs .nav li{
  width: 33.333%;
}
.with-nav-tabs .nav li a{
    font-size: 9px;
    text-transform: capitalize;
    text-align: center;
    border: 0px;
    background: #4f5b69;
    color: #fff !important;
    margin: 0 0.5px;
    padding: 10px;
}
.with-nav-tabs .nav li.active a{
  border: 0px;
  background: #4f5b69;
  color: #fff;  
}
.with-nav-tabs .panel-body{
  padding: 0;
}
#headlines .panel.panel-default {
    background: #eae9eb;
    border: none;
    margin-bottom: 0;
}
.display-none{display: none;}
.minmaxCon{
  height: 35px;
  bottom: 1px;
  left: 1px;
  position: fixed;
  right: 1px;
  z-index: 99;
}
.min .fa{
  font-size: 14px; 
}
.min .menuTab{display: none;}
button:focus { outline: none; }
button .fa{
  font-size: 16px;
  margin-left: 10px;
}
.min .modal-header{
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 3px 5px !important; 
}
.modal-header .btnGrp{
  position: absolute;
  top: 8px;
  right: 10px;
} 
.min{
  width: 250px; 
  height: 35px;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px;    
  float: left;  
  position: static !important; 
}
.min .modal-dialog, .min .modal-content{
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 0px !important; 
}
.match-select, .betrowgame{
  cursor: pointer;
}
.align-baseline {
 vertical-align:baseline!important
}
.align-top {
 vertical-align:top!important
}
.align-middle {
 vertical-align:middle!important
}
.align-bottom {
 vertical-align:bottom!important
}
.align-text-bottom {
 vertical-align:text-bottom!important
}
.align-text-top {
 vertical-align:text-top!important
}
.clearfix::after {
 display:block;
 clear:both;
 content:""
}
.d-none {
 display:none!important
}
.d-inline {
 display:inline!important
}
.d-inline-block {
 display:inline-block!important
}
.d-block {
 display:block!important
}
.d-table {
 display:table!important
}
.d-table-cell {
 display:table-cell!important
}
.d-flex {
 display:-ms-flexbox!important;
 display:-webkit-box!important;
 display:-webkit-flex!important;
 display:flex!important
}
.d-inline-flex {
 display:-ms-inline-flexbox!important;
 display:-webkit-inline-box!important;
 display:-webkit-inline-flex!important;
 display:inline-flex!important
}
@media (min-width:576px) {
 .d-sm-none {
  display:none!important
 }
 .d-sm-inline {
  display:inline!important
 }
 .d-sm-inline-block {
  display:inline-block!important
 }
 .d-sm-block {
  display:block!important
 }
 .d-sm-table {
  display:table!important
 }
 .d-sm-table-cell {
  display:table-cell!important
 }
 .d-sm-flex {
  display:-ms-flexbox!important;
  display:-webkit-box!important;
  display:-webkit-flex!important;
  display:flex!important
 }
 .d-sm-inline-flex {
  display:-ms-inline-flexbox!important;
  display:-webkit-inline-box!important;
  display:-webkit-inline-flex!important;
  display:inline-flex!important
 }
}
@media (min-width:768px) {
 .d-md-none {
  display:none!important
 }
 .d-md-inline {
  display:inline!important
 }
 .d-md-inline-block {
  display:inline-block!important
 }
 .d-md-block {
  display:block!important
 }
 .d-md-table {
  display:table!important
 }
 .d-md-table-cell {
  display:table-cell!important
 }
 .d-md-flex {
  display:-ms-flexbox!important;
  display:-webkit-box!important;
  display:-webkit-flex!important;
  display:flex!important
 }
 .d-md-inline-flex {
  display:-ms-inline-flexbox!important;
  display:-webkit-inline-box!important;
  display:-webkit-inline-flex!important;
  display:inline-flex!important
 }
}
@media (min-width:992px) {
 .d-lg-none {
  display:none!important
 }
 .d-lg-inline {
  display:inline!important
 }
 .d-lg-inline-block {
  display:inline-block!important
 }
 .d-lg-block {
  display:block!important
 }
 .d-lg-table {
  display:table!important
 }
 .d-lg-table-cell {
  display:table-cell!important
 }
 .d-lg-flex {
  display:-ms-flexbox!important;
  display:-webkit-box!important;
  display:-webkit-flex!important;
  display:flex!important
 }
 .d-lg-inline-flex {
  display:-ms-inline-flexbox!important;
  display:-webkit-inline-box!important;
  display:-webkit-inline-flex!important;
  display:inline-flex!important
 }
}
@media (min-width:1200px) {
 .d-xl-none {
  display:none!important
 }
 .d-xl-inline {
  display:inline!important
 }
 .d-xl-inline-block {
  display:inline-block!important
 }
 .d-xl-block {

  display:block!important
 }
 .d-xl-table {
  display:table!important
 }
 .d-xl-table-cell {
  display:table-cell!important
 }
 .d-xl-flex {
  display:-ms-flexbox!important;
  display:-webkit-box!important;
  display:-webkit-flex!important;
  display:flex!important
 }
 .d-xl-inline-flex {
  display:-ms-inline-flexbox!important;
  display:-webkit-inline-box!important;
  display:-webkit-inline-flex!important;
  display:inline-flex!important
 }
}
.d-print-block {
 display:none!important
}

.d-print-inline {
 display:none!important
}
.d-print-inline-block {
 display:none!important
}
@media print {
.d-print-block {
  display:block!important
}  
.d-print-inline {
   display:inline!important
}  
.d-print-inline-block {
   display:inline-block!important
}
.d-print-none {
   display:none!important
}
}
.embed-responsive {
 position:relative;
 display:block;
 width:100%;
 padding:0
}
.embed-responsive::before {
 display:block;
 content:""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 border:0
}
.fixed-bottom,.fixed-top {
 position:fixed;
 right:0;
 left:0;
 z-index:1030
}
.embed-responsive-21by9::before {
 padding-top:42.857143%
}
.embed-responsive-16by9::before {
 padding-top:56.25%
}
.embed-responsive-4by3::before {
 padding-top:75%
}
.embed-responsive-1by1::before {
 padding-top:100%
}
.flex-row {
 -ms-flex-direction:row!important;
 -webkit-box-orient:horizontal!important;
 -webkit-flex-direction:row!important;
 flex-direction:row!important
}
.flex-column {
 -ms-flex-direction:column!important;
 -webkit-box-orient:vertical!important;
 -webkit-flex-direction:column!important;
 flex-direction:column!important
}
.flex-column-reverse,.flex-row-reverse {
 -webkit-box-direction:reverse!important
}
.flex-row-reverse {
 -ms-flex-direction:row-reverse!important;
 -webkit-box-orient:horizontal!important;
 -webkit-flex-direction:row-reverse!important;
 flex-direction:row-reverse!important
}
.flex-column-reverse {
 -ms-flex-direction:column-reverse!important;
 -webkit-box-orient:vertical!important;
 -webkit-flex-direction:column-reverse!important;
 flex-direction:column-reverse!important
}
.flex-wrap {
 -ms-flex-wrap:wrap!important;
 -webkit-flex-wrap:wrap!important;
 flex-wrap:wrap!important
}
.flex-nowrap {
 -ms-flex-wrap:nowrap!important;
 -webkit-flex-wrap:nowrap!important;
 flex-wrap:nowrap!important
}
.flex-wrap-reverse {
 -ms-flex-wrap:wrap-reverse!important;
 -webkit-flex-wrap:wrap-reverse!important;
 flex-wrap:wrap-reverse!important
}
.justify-content-start {
 -ms-flex-pack:start!important;
 -webkit-box-pack:start!important;
 -webkit-justify-content:flex-start!important;
 justify-content:flex-start!important
}
.justify-content-end {
 -ms-flex-pack:end!important;
 -webkit-box-pack:end!important;
 -webkit-justify-content:flex-end!important;
 justify-content:flex-end!important
}
.justify-content-center {
 -ms-flex-pack:center!important;
 -webkit-box-pack:center!important;
 -webkit-justify-content:center!important;
 justify-content:center!important
}
.justify-content-between {
 -ms-flex-pack:justify!important;
 -webkit-box-pack:justify!important;
 -webkit-justify-content:space-between!important;
 justify-content:space-between!important
}
.justify-content-around {
 -ms-flex-pack:distribute!important;
 -webkit-justify-content:space-around!important;
 justify-content:space-around!important
}
.align-items-start {
 -ms-flex-align:start!important;
 -webkit-box-align:start!important;
 -webkit-align-items:flex-start!important;
 align-items:flex-start!important
}
.align-items-end {
 -ms-flex-align:end!important;
 -webkit-box-align:end!important;
 -webkit-align-items:flex-end!important;
 align-items:flex-end!important
}
.align-items-center {
 -ms-flex-align:center!important;
 -webkit-box-align:center!important;
 -webkit-align-items:center!important;
 align-items:center!important
}
.align-items-baseline {
 -ms-flex-align:baseline!important;
 -webkit-box-align:baseline!important;
 -webkit-align-items:baseline!important;
 align-items:baseline!important
}
.align-items-stretch {
 -ms-flex-align:stretch!important;
 -webkit-box-align:stretch!important;
 -webkit-align-items:stretch!important;
 align-items:stretch!important
}
.align-content-start {
 -ms-flex-line-pack:start!important;
 -webkit-align-content:flex-start!important;
 align-content:flex-start!important
}
.navbar.bet-navigation {
    /*background: #2b6396;*/ /*#31303E;*/
    border-radius: 0;
    border: none;
    background: #5a5c5e;
    /*border-top: 4px solid #008C51;*/
}
ul#b-topmenu{
   display: inline-block;
    background: rgba(7, 59, 107, .7);
    padding: 0 20px 0 0;
    height: 55px;
    width: 90%;
}
ul#b-topmenu::before{
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background-color: rgba(7, 59, 107, .001);
    position: absolute;
    border-bottom: solid 55px rgba(7, 59, 107, .1);
    border-left: solid 50px #fff;
}
ul#b-topmenu li{
  display: inline-block;
}
ul#b-topmenu li > a{
  color: #fff;
  font-size: 12px;
  padding: 2px 12px;
}
.bet-navigation.navbar-default .navbar-nav>.active>a, 
.bet-navigation.navbar-default .navbar-nav>.active>a:focus, 
.bet-navigation.navbar-default .navbar-nav>.active>a:hover {
    color: #FFF;
    background-color: rgba(90, 92, 94,7);
}
.bet-navigation.navbar-default .navbar-nav >a:hover{
    color: #FFF;
    background-color: #e82738;
}
.navbar.navbar-inverse.navbar-highlights {
    border-radius: 0;
    margin-bottom: 0;
    background: #072847;
    min-height: auto;
    margin-top:4px;
}
.navbar.navbar-inverse.navbar-highlights .navbar-nav>li>a {
    color: #FFF;
    padding: 10px 15px;
}
.navbar-highlights ul{}
.navbar-highlights ul li{}
.message-link{
  min-height:100px;
  display:block;
  padding: 3%
}
.col-md-12.betbox {
    padding: 0;
}
.betbox .table {
    margin-bottom: 0;
}
.log-status {
    background: #FFFF;
    padding: 10px 10px 5px;
    margin-bottom: 15px;
}
.navbar-highlights ul li.active-highlight{
    color: #e82738;
    border-bottom: 2px solid #e82738;
    font-weight: 700;
}
.betrowgame {
    font-size:12px;
    font-weight: 600;
    color: #404040;
}
.pagescontent h3 {
    font-size: 20px;
    font-weight: 600;
    color: #404040;
}
.pagescontent p {
    line-height: 1.7;
    font-size: 14px;
}
.oddsbox, .betscore {line-height: 1;}
#mainslider .carousel-indicators {
    bottom: 0px;
}
#mainslider .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #e82738;
    border-color: #e82738;
}
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  position: relative;
}
.vertical-text.tabs-left {
  border-bottom: none;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text > li a{
  padding: 6px 12px !important;
}
.livebet-section {
    background: #FFF;
    padding: 10px;
}
.livebet-section h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #041c33;
    padding: 0 15px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #EEE;
}
.people-list h3{
  padding: 0;
  border-bottom: none;
  margin: 0 0 10px;
}
.live-sport-filter label{
  font-size: 14px;
  font-weight: 600;
  color: #404040;
}
.live-sport-filter select{
  box-shadow: none;
  border-radius: 0;
  height: 30px;
}
ul.nav.nav-tabs.tabs-left {
    border: none;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    left: 0;
}
.live-sport {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}
.live-sport-filter .tabs-left li {
    width: 100%;
    border-bottom: 1px solid #041c33;
}
.live-sport-filter .tabs-left li.active a, 
.live-sport-filter .tabs-left li a:hover{
      background: #041c33;
    color: #FFf;
    border-color: #041c33;
}
.live-sport-filter .tabs-left li a{
    background: #4f5b69;
    width: 100%;
    color: #FFF;
    border-radius: 0;
    border-bottom: 1px solid #041c33;
    font-size: 12px;
}
.vertical-text > li {
    height: 20px !important;
    width: 120px !important;
    margin-bottom: 15px !important;
}
.list.live-matches {
    margin: 0;
    width: 100%;
    padding: 0;
}
.list li {
    list-style: none;
    font-size: 13px;
    line-height: 1.7;
}
.list li .name {
    font-weight: 600;
    color: #e82738;
}
.list li .status .fa {
    font-size:8px;
}
.list li .status {
    color: #808080;
    font-size: 11px;
}
.chat-about {
    font-size: 12px;
    line-height: 1.7;
    text-transform: capitalize;
    font-weight: 600;
}
.chat-about .fa{
  color: #e82738;
}
.chat-history ul {
    padding: 0;
}
.chat-history li{
  font-size: 13px;
  line-height: 1.7;
  list-style: none;
  margin-bottom: 15px;
}
.message-data-time{
  color: #808080;
    width: 100%;
    display: table;
    font-weight: 600;
    font-size: 11px;
}
.message-data-name{
    font-weight: 600;
    color: #e82738;
    width: 100%;
    display: table;
    margin-bottom: 2px;
}
.message-data-name .fa {
    font-size: 9px;
    top: -1px;
    position: relative;
}
.message.other-message{
    line-height: 1.5;
    color: #404040;
    font-size: 12px;
}
.chat-message{
  box-shadow: none;
}
.chat-message textarea{
    border: 1px solid #CCC;
    border-radius: 0;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
#send-chat-message {
    background: #e82738;
    color: #FFF;
    border: none;
    padding: 5px 20px;
    margin-left: 7px;
    font-size: 12px;
}
#send-chat-message:hover{
  background: #041c33;
}
.vertical-text>li>a:hover,
.vertical-text.nav-tabs>li.active>a, 
.vertical-text.nav-tabs>li.active>a:focus, 
.vertical-text.nav-tabs>li.active>a:hover{
  background: #e82738;
  border-radius: 0;
  border: none;
  color: #FFf;
}
.vertical-text>li>a{
    background: #041c33;
    border-radius: 0 !important;
    color: #FFF;
    border: none !important;
    text-align: center;
}
#home-v p {
    font-weight: 600;
    text-transform: capitalize;
}
.live-bet-create{
  position: absolute;
  z-index: 1;
  min-width: 100px;
  border: 1px solid;
}
#live-bet-create{
  right: -4%;
  margin: 0%;
}
.live-bet-challenge{
  position: absolute;
  z-index: 3;
  background: #fff;
  border: 1px solid;
  padding: 2%;
}
.chat-history{
  max-height: 150px;
  overflow-y: scroll;
}
.live-challenge{padding:0px}
#live-bet-create, #live-bet-challenge{
    background: #041c33;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
}
#live-bet-create:hover, #live-bet-challenge:hover{
  background: #e82738;
  color: #FFF;
}
.search {
    position: relative;
    margin-bottom: 10px;
}
.search input {
    border-radius: 0;
    box-shadow: none;
}
.search .fa {
    position: absolute;
    right: 0;
    top: 0px;
    background: #e82738;
    padding: 10px 10px;
    color: #FFF;
    cursor: pointer;
}
.search .fa:hover{
    background: #041c33;
}
.my-bet-row {
    padding: 0 15px;
    font-weight: 600;
    color: #3e4551;
}
.live-bet-box-inside .panel-heading{
    padding: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}
.list.live-matches li {
    margin: 10px 0;
    padding-bottom: 10px;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
}
.list.live-matches a{}
.list.live-matches a{
  text-decoration: none;
}
.list.live-matches a p{
    color: #808080;
    margin-bottom: 0;
}
.panel-body.live-challenge {
    padding: 45px 0 10px;
}
.chat-num-messages {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC !important;
}
.chat-with p {
    font-weight: 700;
    color: #808080;
    text-transform: uppercase;
}
.live-challenge .panel-default{
  border: none;
}
.live-challenge .panel-default>.panel-heading {
    background-color: #041c33;
    color: #FFF;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.live-challenge .panel-default>.panel-heading:hover{
  background-color: #e82738;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.live-challenge .panel-heading a{
  font-size: 13px;
  text-transform: capitalize;
}
.live-challenge .panel-heading a .fa{
  font-size: 8px;
  position: relative;
  top: -1px;
  right: 3px;
}
.live-challenge .panel-heading a .more-less{
  font-size: 12px;
  color: #ccc
}
.live-challenge .panel-heading:hover a .more-less{
  color: #FFF
}
.live-challenge .panel-heading:hover a,
.live-challenge .panel-heading:focus a{
  text-decoration: none;
}
.live-bet-box-2 .panel-group .panel{
  box-shadow: none;
  border: none;
  box-shadow: none;
}
.live-bet-box-2 .panel-default>.panel-heading {
    background: none;
    padding: 5px 0;
    box-shadow: none;
}
.live-bet-box-2 .panel-default>.panel-heading:hover{
  padding:5px 0;
  background: none;
  margin: 0;
  border: none;
}
.square-view .carousel h1{
    font-size: 20px;
    text-align: left;
    color: #FFF;
    font-weight: 700;
}
.row.newsrow {
    background: #FFF;
    padding-top: 15px;
    border-radius: 5px;
}
.newsitem {
    margin-bottom: 15px;
}
.newsitem img{
  width: 100%;
}
.newsitem h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 6px 0;
    color: #e82738;
}
.newsitem h2{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #e82738;
}
.newsitem p {
    font-size: 13px;
    line-height: 1.5;
}
.mainslider-news {
    margin-bottom: 20px;
}
.mainslider-news img{
  width: 100%;
}
.slide-content{
  background: rgba(0,0,0,0.2);
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  padding: 20% 15% 0;
}
.bethighlight {
    color: #FFF;
}
.newsitem a {
    color: #041c33;
    display: block;
    margin:5px 0 10px;
    font-weight: 700;
}
.newsitem a:hover,
.newsitem a:focus{
    color: #e82738;
    text-decoration: none;
}
.faq-content{}
.faq-content .panel-title h1 {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.faq-content .panel-body{}
.faq-content .panel-body h2 {
    font-size: 14px;
    margin: 10px 0;
    font-weight: 700;
    color: #e82738;
}
.faq-content .panel-body h3{
    font-size: 14px;
    margin: 10px 0;
    line-height: 1.6;
}
.faq-content .panel-body p{
  font-size: 14px;
}
.sidepic {
    margin: 10px 0;
}
.sidepic img{
  width: 100%;
}
.game-table .nav-tabs>li.active>a, 
.game-table .nav-tabs>li.active>a:focus, 
.game-table .nav-tabs>li.active>a:hover {
    color: #FFF;
    cursor: default;
    background-color: #e82738;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-radius: 0;
    padding: 10px 20px;
}
.game-table .nav-tabs>li>a {
    border: 1px solid transparent;
    border-radius: 0;
    background: #4f5b69;
    color: #FFF;
    padding: 10px 20px;
    font-size: 13px;
}
.game-table .nav-tabs>li>a:hover{
  background-color: #e82738;
}
.game-table .table>tbody>tr.success>td, 
.game-table .table>tbody>tr.success>th, 
.game-table .table>tbody>tr>td.success, 
.game-table .table>tbody>tr>th.success, 
.game-table .table>tfoot>tr.success>td, 
.game-table .table>tfoot>tr.success>th, 
.game-table .table>tfoot>tr>td.success, 
.game-table .table>tfoot>tr>th.success, 
.game-table .table>thead>tr.success>td, 
.game-table .table>thead>tr.success>th, 
.game-table .table>thead>tr>td.success, 
.game-table .table>thead>tr>th.success {
    background-color: #e4e4e4;
}
.game-table .table>tbody>tr>td, 
.game-table .table>tbody>tr>th, 
.game-table .table>tfoot>tr>td, 
.game-table .table>tfoot>tr>th, 
.game-table .table>thead>tr>td, .table>thead>tr>th {
  background: #F9F9F9;
  border-bottom: 1px solid #e8e8e8;
}
.game-table .table>tbody>tr.danger>td, 
.game-table .table>tbody>tr.danger>th, 
.game-table .table>tbody>tr>td.danger, 
.game-table .table>tbody>tr>th.danger, 
.game-table .table>tfoot>tr.danger>td, 
.game-table .table>tfoot>tr.danger>th, 
.game-table .table>tfoot>tr>td.danger, 
.game-table .table>tfoot>tr>th.danger, 
.game-table .table>thead>tr.danger>td, 
.game-table .table>thead>tr.danger>th, 
.game-table .table>thead>tr>td.danger, 
.game-table .table>thead>tr>th.danger {
    background-color: #EEE;
}
.game-table .table>thead:first-child>tr:first-child>td{
    font-weight: 600;
    text-align: center;
}
.game-table .table>thead:first-child>tr:first-child>td:nth-child(2){
  text-align: left;
}
.game-table .table>tbody>tr>td:nth-child(1),
.game-table .table>thead:first-child>tr:first-child>td:nth-child(1) {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-align: center;
    font-weight: 600;
}
.game-table .table>tbody>tr>td{
  text-align: center;
}
.game-table .table>tbody>tr>td:nth-child(2) {
    text-align: left;
}
.game-table .table>tbody>tr>td:last-child,
.game-table .table>thead:first-child>tr:first-child>td:last-child{
    border-right: 1px solid #dcdada;
}
.game-table .table{
  margin-top: 10px;
}
.navbar.navbar-soccer {
    margin-bottom:0;
    border-radius: 0;
    background: #dedede;
    border-color: #dedede;
    min-height: auto;
}
.navbar.navbar-soccer .container-fluid {
    padding: 0;
}
.navbar-inverse.navbar-soccer .navbar-collapse{
  margin: 0;
  padding:0; 
}
.navbar.navbar-soccer ul {
    padding: 2px;
    width: 100%;
}
.navbar.navbar-soccer ul li {
    width: 14.285%;
    padding: 1px;
    display: inline-block;
    text-align: center;
}
.navbar.navbar-soccer ul li a {
    color: #FFF;
    background: #e82738;
    display: block;
    text-align: center;
    padding: 7px 0;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}
.navbar.navbar-soccer ul li a:hover{
  background: #1d3c5a;
}
.navbar-inverse .navbar-nav.challenge-a-betnav>.active>a, 
.navbar-inverse .navbar-nav.challenge-a-betnav>.active>a:focus, 
.navbar-inverse .navbar-nav.challenge-a-betnav>.active>a:hover,
.navbar-inverse .navbar-nav.challenge-a-betnav>a:focus {
    color: #fff;
    background-color: #062440;
}
.active-highlight a {
    font-weight: 900;
}
.game-table .table>tbody>tr:hover td{
    background:#041c33;
    color: #FFF;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.betslip-amount {
    display: table;
    width: 100%;
    border-top: 1px solid #f0f0f2;
    padding-top: 10px;
}
.challenge-head {
    background: #FFF;
    margin-top: 20px;
    padding: 20px;
    font-size:21px;
    font-weight: 600;
    text-transform: uppercase;
}
.possiblewin .input-group{}
.possiblewin .input-group-addon {
    border: none;
    background: transparent;
    font-weight: 600;
    color: #e82738;
    width: auto;
}
.possiblewin .possiblewinamount {
    border: none;
    background: transparent;
    text-align: right;
    min-width: 40px !important;
}
.payment-wrapper {
    background: #FFF;
    padding: 10px 15px;
    width: 100%;
    display: table;
    margin: 0;
}
.paymentOption .nav>li>a{}
.mpesa-challenge {
    background: transparent;
    color: #404040;
    text-align: left !important;
    margin-top: 20px;
}
ul.m-pesa-pay {
    padding: 0;
    margin: 10px 0;
    font-size: 16px;
}
ul.m-pesa-pay ol {
    padding: 0;
    font-size: 18px;
}
ul.m-pesa-pay ol + ol {
    margin-top: 10px;
}
ol#otherphonenumbercheck input {
    width: 50%;
}
.paymentOption.nav-tabs>li.active>a, 
.paymentOption.nav-tabs>li.active>a:focus, 
.paymentOption.nav-tabs>li.active>a:hover {
    border: 1px solid #EEE;
    border-bottom: 1px solid #FFF;
}
.paymentOption.nav-tabs>li>a {
    border-radius: 0;
}
.paymentOption.nav-tabs {
    border-bottom: 1px solid #EEE;
}
.mpesa-challenge h2 {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight:700;
}
.mpesa-challenge h2 small{
  font-size:18px;
  color: #e82738;
}
.mpesa-challenge h4 small{
  font-size:14px;
  color: #FFF;
}
.mpesa-challenge p{
  font-size: 15px;
}
.mpesa-challenge input {
    color: #404040;
    padding: 5px 10px;
    border: none;
    width:40%;
    height: 38px;
    text-transform: capitalize;
    font-size: 13px;
}
.mpesa-challenge input[type=checkbox]{
  padding: 0;
  height: auto;
  width:auto;
}
.mpesa-challenge button {
    background: #073b6b;
    border: none;
    padding: 12px 52px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    margin-top:5px;
}
.mpesa-challenge button:hover{
  color: #e82738;
}
.mpesa-challenge ol {
    padding:0;
}
.betbox .table>tbody>tr>td p {
    display: inline-block;
    margin-right: 10px;
}
.challenge-title p {
    font-weight: 600;
    font-size: 14px;
    color: #404040;
    margin-bottom: 20px;
}
.betcheckbox .oddsbox{
    line-height: 1;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    font-weight: 600;
}
.slide.carousel {
    margin-top:0;
}
.betclick {
    /*border-left: 1px solid rgba(255,255,255,0.4);*/
}
li.choice-click-selected{
    color: #e82738;
}
.challenge-option-selected {
    background: #e82738;
}
.betpick{
 background: #fff;
 color: #5a5c5e;
 border-radius: .2em;
}
.betcheckbox .betpick {
    background: none;
    color: #404040;
}
.mobile-btn-account{
  display: inline-block;
  vertical-align: top;
  min-width: 60px;
  line-height: 35px;
  padding: 0 20px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #8c96a4;
  background-image: none;
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-color: #8c8f9a #78828b #6e6e6e;
  background-image: -webkit-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: -moz-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: -o-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: linear-gradient(to bottom, #a9b5c4, #848d9b 90%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 1px 1px rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 1px 1px rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.button-signup {
    background: #6990d1;
    background-image: none;
    border-color: #687ebb #5f74a6 #4e6198;
    background-image: -webkit-linear-gradient(top, #8eb7e0, #5f85cc 90%);
    background-image: -moz-linear-gradient(top, #8eb7e0, #5f85cc 90%);
    background-image: -o-linear-gradient(top, #8eb7e0, #5f85cc 90%);
    background-image: linear-gradient(to bottom, #8eb7e0, #5f85cc 90%);
}
.mobile-login {
    display: none;
}
ul.main-phonesignup {
    list-style: none;
    padding: 0;
}
ul.main-phonesignup li + li{
  margin-top: 15px;
}
ul.main-phonesignup .input-group-addon {
    font-size: 12px;
    box-shadow: none;
    color: rgb(238, 238, 238);
    padding:6px 10px;
    border-radius: 0px;
    background:rgb(4, 28, 51);
    border-color:rgb(4, 28, 51);
}
ul.main-phonesignup li input {
    box-shadow: none;
    border-radius: 0px;
    height:40px;
}
ul.main-phonesignup .input-group-addon select {
    background:rgb(4, 28, 51);
    border: none;
    outline: none;
}
ul.main-phonesignup .btn.btn-success {
    text-align: center;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    background: rgb(227, 66, 71);
    border-radius: 0px;
    border-color: rgb(227, 66, 71);
    padding: 12px 0px;
    height: 40px;
}
ul.main-phonesignup .btn.btn-success:hover {
  background: #1e1d25;
  border-color: #1e1d25;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
h1.login-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}
#main-user-login {
    padding: 0 10%;
}
#main-user-login .top-social.main-social-signup{
  text-align: center;
  width: 100%;
  padding: 0;
}
#main-user-login .top-social.main-social-signup li{
    display: inline-block;
    list-style: none;
    margin: 0 2px;
    border-radius: 50%;
}
#main-user-login .top-social.main-social-signup li a {
    color: #FFF;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    margin: 0;
}
.main-signup-separator {
    list-style: none;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}
.main-signup-separator a {
    color: #404040;
    font-weight: 600;
    font-size: 18px;
}
.navbar-2 a.navbar-brand {
    display: none;
}
.bet-navigation a.navbar-brand {
    display:none;
}
.item.mainslidereslive img {
    width: 100%;
}
.soccertable ul{
/*  float: left;*/
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
ul.bet-select-event {
    width:72%;
/*padding: 25px 0px;*/
}
ul.calendar{
    width:28%;
}
ul.bet-select-event li{
  float: left;
  line-height: 35px;
}
.bet-select-row{
    display: flex;
    padding: 8px 3px;
}
.bet-select-header {
    background: #fff;
    display:inline-block;
    width: 100%;
    text-align:left;
}
.bet-select-header .calendar li{
  list-style: none;
  float: left;
  text-align: center;
  padding:8px;
  font-size:11px;
  font-weight: 600;
  vertical-align: top;
  text-transform: uppercase;
}
.bet-select-header .calendar li.listcalender{
  width:100%;
}
.bet-select-header .calendar li.listgameid{
  width: 30%;
}
.bet-select-row .calendar li.listcalender{
  width:100%;
  line-height: 35px;
}
.bet-select-row .calendar li.listgameid{
  width: 30%;
}
.bet-select-row .calendar li{
    float: left;
    text-align: center;
    padding:8px;
    font-size: 11px;
    font-weight: 600;
    vertical-align: top;
    text-transform: uppercase;

    background:transparent;
   /* border-top: 1px solid rgba(255,255,255,0.4);*/
}
.bet-select-header .bet-select-event li{
    float: left;
    padding:8px;
    background: transparent;
    border: none;
}
.bet-select-event li{
    float: left;
    text-align: center;
    padding:8px;
    /*border-top: 1px solid rgba(255,255,255,0.4);*/
    font-size: 11px;
    font-weight: 600;
    vertical-align: top;
    text-transform: uppercase;
    /*background: #5a5c5e;*/
}
.bet-select-row:nth-child(even) {
  /*background: radial-gradient(black, transparent);*/
}
.select-home-team{
  width:33%;
}
li.markets {
    width: 14%;
}
li.markets a {
    color: #fff;
    font-size: 14px;
    background: #333;
    padding: 2px 4px;
    border-radius: 21px;
}
.select-draw-team{
    width:14%;
    text-align: center !important;
}
td.dataTables_empty {
    font-size: 15px !important;
    padding: 10px 0 !important;
}
.select-draw-team span {
    width: 100%;
    text-align: center;
}
.select-away-team{
  width:32%;
}
.bet-select-header .bet-select-event li:hover{
  background:none;
}
.bet-select-event li:hover{
/*  background: #e82738;*/
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.betslipnav {
    display: inline-block;
    padding: 0 5px !important;
}
.soccertable.betsview-box .bet-select-body .calendar li{
  padding: 8px;
  font-size:11px;
  font-weight: 600;
  vertical-align: top;
  text-transform: uppercase;
  color: #404040;
}
.soccertable.betsview-box ul.calendar {
    width: 30%;
}
.soccertable.betsview-box ul.bet-select-event {
    width: 70%;
}
.soccertable.betsview-box .select-home-team,
.soccertable.betsview-box .bet-select-body .select-home-team{
  width: 35%
}
.soccertable.betsview-box .select-draw-team,
.soccertable.betsview-box .bet-select-body .select-draw-team{
  width:15%;
}
.soccertable.betsview-box .select-away-team,
.soccertable.betsview-box .bet-select-body .select-away-team{
  width:35%;
}
.soccertable.betsview-box .select-game-challenge,
.soccertable.betsview-box ul.bet-select-event li:last-child{
  width:15%;
}
.soccertable.betsview-box .bet-select-body .listcalender{
  width:70%;
  float: left;
}
.soccertable.betsview-box .bet-select-body .listgameid{
  width:30%;
  float: left;
}
ul.bet-select-event li p {
    padding: 0;
    margin: 0;
}
ul.bet-select-event li .challenge-btn{
  margin: 0;
  color: #FFF;
  float: none;
}
.bet-select-body ul.bet-select-event li:last-child{
  /*border-left: 1px solid rgba(255,255,255,0.4);*/
}
.challenge-option-selected{
  background: #e82738;
  color: #FFF;
}
.draw-text{
  display: none;
}
.loginbtns a{
    display: inline-block;
    margin-bottom: 10px;
    background: #062440;
    border: none;
    color: #FFF;
    margin: 0 5px;
    width: 45%;
}
.loginbtns a:hover,
.loginbtns a:focus{
    text-decoration: none;
    background: #e82738;
    text-shadow: none;
    color: #FFF;
}
.possiblewin {
    background: #EEE;
    width: 100%;
    display: table;
    padding: 10px;
    margin-bottom: 5px;
    color: #404040;
    font-weight: 600;
}
.soccertable.betsview-box.multibetview .select-home-team, 
.soccertable.betsview-box.multibetview .select-draw-team,
.soccertable.betsview-box.multibetview .select-away-team{
  width: 33.3333% !important;
}
.soccertable.betsview-box.multibetview .bet-select-event .select-home-team
.soccertable.betsview-box.multibetview .bet-select-event .select-draw-team{
  border-left: 1px solid #4d4b56;
}
.betslipnav-main {
    float: left;
}
.betslipnav-pick {
    font-weight: 700;
    font-size: 12px;
    float: left;
    padding: 10px 10px 0 !important;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-style: italic;
    color: #073b6b;
}
.betslipnav-pick span {
    margin-right: 5px;
}
.betslipnav-pick span:last-child{
    margin-right:0;
}
.betslip{
    display: none;
}
ul.nav.navbar-nav.challenge-a-betnav li {
    width: 33.33333%;
}
ul.nav.navbar-nav.challenge-a-betnav li a {
    padding: 12px 0;
    font-size: 13px;
    text-transform: uppercase;
}
ul.nav.navbar-nav.challenge-a-betnav li a i {
    margin-right: 10px;
}
.merge-wrap {
    background: #dedede;
}
.mybets h5 {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 10px 0;
    text-transform: uppercase;
}
ul.mybets-modal{
  padding: 0;
}
ul.mybets-modal li {
    list-style: none;
    display: inline-block;
    width: 100%;
}
ul.mybets-modal li + li{
  margin-top:2px;
}
ul.mybets-modal li a {
    display: block;
    background: #e82738;
    color: #FFF;
    padding:8px 10px;
    text-transform: uppercase;
    font-size: 12px;
}
ul.mybets-modal li a:hover,
ul.mybets-modal li a:focus{
  text-decoration: none;
  background: #041c33;
}
ul.welcome-user li {
    margin-top:4px;
    margin-left: 10px;
    display: inline-block;
}
ul.welcome-user li:last-child {
    margin-top: 0;
}
.bpesabalance {
  color: #e82738;
  font-size: 18px;
  margin-right: 10px;
}
a.btn.btn-block.logout {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background: #2b6396;
    /*background-image: -moz-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0d2b46),color-stop(100%,#0D487F));
    background-image: -webkit-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -o-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -ms-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: linear-gradient(to bottom,#0d2b46 0,#0D487F 100%);*/
}
a.btn.btn-block.logout:hover{
  background: #e82738;
}
.soccertable.singlebetwrap{}
.soccertable.singlebetwrap .calendar{}
.soccertable.singlebetwrap .calendar .mybetdate {
    width:40%;
}
.soccertable.singlebetwrap .calendar .mybetsport, 
.soccertable.singlebetwrap .calendar .mybettype{
    width: 20%;
}
.soccertable.singlebetwrap .bet-select-event li {
    width: 20%;
}
.soccertable.singlebetwrap .bet-select-body .bet-select-event li{
    border-left: 1px solid #4d4b56;
}
.soccertable.singlebetwrap .bet-select-event li a{
  color: #FFF;
}
.soccertable.singlebetwrap .bet-select-event li a:hover{
  text-decoration: none;
}
.bet-select-body {
    padding: 0;
    margin-top: -5px;
}
.soccertable.singlebetwrap .bet-select-event li:last-child {
    width:40%;
}
li.mybetlicked {
    padding: 7px 0;
}
.soccertable.singlebetwrap ul.calendar {
    width: 50%;
}
.soccertable.singlebetwrap ul.bet-select-event {
    width: 50%;
}
.teamname {
    overflow: hidden;
/*    max-width: 70%;*/
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: 900;
}
.betslipwindow{
    position: fixed;
    top: 10%;
    display: block;
    height: 300px;
    overflow-y: scroll;
}
.betslip {
    position: fixed;
    right: 4%;
    background: #5a5c5e;
    cursor: pointer;
    padding:6px 20px;
    top: 10px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #FFF;
}
.betslip a{
  color: #FFF;
  text-decoration: none;
}
.betslip:hover a,
.betslip a:hover{
  text-decoration: none;
  color: #FFF;
}
.betslip:hover{
    background: #e82738;
}
.agreement-wrap .btn.btn-success {
    background: #e82738;
    cursor: pointer;
}
.agreement-wrap .btn.btn-success:hover,
.agreement-wrap .btn.btn-success:focus{
  background: #000 !important;
  border-color: #000;
}
.jackpotscalendar {
    padding-bottom: 15px;
    width: 100%;
    display: table;
}
.jackpotdate {
    background: #073b6b;
    padding: 0 !important;
    margin: 1px 0;
    color: #FFF;
    font-size: 13px;
    border-left: 2px solid #FFF;
}
.jackpotdate a {
    color: #FFF;
    display: block;
    width: 100%;
    padding: 10px 15px;
}
.jackpotdate a:hover,
.jackpotdate a:focus {
    color: #FFF;
    background: #062440;
    text-decoration: none;
}
.paginationwrapper {
    background: #f0f0f2;
    width: 100%;
    display:inline-block;
    text-align:right; 
}
.filterrange {
    padding: 10px 0;
    width: 100%;
    display: block;
}
.filterrange button#filterbtn {
    border: none;
    padding: 4px 16px 4px 6px;
    background: #e82738;
    color: #FFF;
    display: block;
    width: 100%;
    margin-top: 0px;
}
.filterrange #reportrange input[type="text"] {
    width: 160px;
    margin-left: 2px;
}
.filterrange .bootstrap-select {
    margin-bottom:5px;
    position: relative;
    left: 0;
    width: 100% !important;
}
.filterrange .bootstrap-select>.dropdown-toggle{
  background: #041c33;
  color: #FFF;
  border-color: #041c33;
  border-radius: 0;
  outline: none;
  text-transform: capitalize;
}
.filterrange #team-filter {
    width: 100%;
    border-radius: 0;
    border-color: #041c33;
    text-align: left;
    margin-bottom: 10px;
    font-style: italic;
}
.filterrange .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #FFF;
    background-color: #e82738;
    border-color: #e82738;
}
.jackpotdate .inactive {
    display: block;
    background: none !important;
    color: #788594;
}
.header-holder {
    background: rgb(90, 92, 94);
    color: #FFF;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.search-span {
  width: 30%;
    position: absolute;
    right: 0;
    top: 3px;
}
.search-span .form-control {
    border-radius: 0;
    font-weight: 400;
    font-style: italic;
    background: #FFF;
}
.search-span .form-control:focus{
  outline: none;
}
.search-span button.btn.btn-default {
    background: #e82738;
    border-color: #e82738;
    color: #FFF;
    border-radius: 0;
}
#reportrange {
    cursor: pointer;
    background: #FFF;
    padding: 5px 0px 5px 10px;
    display: block;
}
.jackpotview table.dataTable.soccertable tbody td:first-child {
    width: 15%;
}
.jackpotview table.dataTable.soccertable tbody td {
    width: 20%;
}
.jackpotview table.dataTable.soccertable tbody td.listcalender {
    border-left: 1px solid #1d3c5a;
}
table.dataTable.soccertable tbody td:first-child {
    width: 35%;
}
table.dataTable.soccertable tbody td {
    padding:6px 8px;
    width: 25%;
    background: #073b6b;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.3);
}
table.dataTable.soccertable tbody td:hover{
  background: #2b6396;
}
table.dataTable.soccertable thead th{
    padding: 8px 10px;
    width: 25%;
    background: #2b6396;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}
div#jackpottable_info {
    display: none;
}
.paging_simple_numbers {
    float: none !important;
    display: block;
    text-align: center !important;
    width: 100%;
    background: #f0f0f2;
    padding-top: 25px !important;
}
.paging_simple_numbers a {
    background: #2b6396;
    color: #FFF !important;
    border:none !important;
}
.dataTables_wrapper .paging_simple_numbers.dataTables_paginate span .paginate_button {
    color: #FFF !important;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover{
    background: #2b6396 !important;
    outline: none;
    border: none;
    color: #FFF;
}
.dataTables_wrapper .dataTables_length {
    color: #FFF;
    padding: 10px 10px 5px;
}
.dataTables_wrapper .dataTables_length label {
    font-weight: 400;
    color: #FFF;
}
.dataTables_wrapper .dataTables_length label select{
  color: #404040;
}
.dataTables_filter {
    margin-top: 10px;
    margin-right: 15px;
}
.dataTables_filter input[type="search"] {
    border: none;
    padding: 3px 10px;
    font-style: italic;
    color: #404040;
}
.jackpot-total {
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
    color: #FFF;
    margin-top: 10px;
    font-size: 14px;
}
.dataTables_filter label{
    color: #FFF !important;
    font-weight: 400;
}
table.dataTable.soccertable tbody tr.jackpothighlight td {
    background: #062440;
}
ul.main-phonesignup li:last-child span {
    color: #404040;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    margin-top: 8px;
    display: block;
}
.view-mybets.betbox.jackpot-play .calendar{
  width: 40% !important;
}
.view-mybets.betbox.jackpot-play .bet-select-event{
  width: 60% !important
}
.view-mybets.betbox.jackpot-play .select-home-team,
.view-mybets.betbox.jackpot-play .select-draw-team,
.view-mybets.betbox.jackpot-play .select-away-team{
  width: 33.33333333% !important;
}
.view-mybets.betbox.jackpot-play .listcalender,
.view-mybets.betbox.jackpot-play .listgameid {
    width: 50% !important;
}
.welcome-back {
    padding: 10px;
    color: #FFF;
    background-image: -moz-linear-gradient(top,#0D487F 0,#1d3c5a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0D487F),color-stop(100%,#1d3c5a ));
    background-image: -webkit-linear-gradient(top,#0D487F 0,#1d3c5a 100%);
    background-image: -o-linear-gradient(top,#0D487F 0,#1d3c5a 100%);
    background-image: -ms-linear-gradient(top,#0D487F 0,#1d3c5a 100%);
    background-image: linear-gradient(to bottom,#0D487F 0,#1d3c5a 100%);
}
.my-account-inner a {
    color: #FFF;
    display: block;
    width: 100%;
    padding: 6px 0;
    background: #1d3c5a;
    border-radius: 0;
    margin-top: 20px;
}
.my-account-inner a:hover,
.my-account-inner a:focus{
  background: #e82738;
  color: #FFF;
}
.profile-wrapper {
    background: #FFF;
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
.withdraw-to-mpesa ul li {
    font-weight: 600;
}
.withdraw-to-mpesa ul li + li{
  margin-top: 4px;
}
.my-account-list li{
  margin-right: 3px;
}
.my-account-list li a {
    background: #DEDEDE;
    color: #404040;
    padding: 7px 25px !important;
}
.my-account-list.navbar-nav li a:hover,
.my-account-list.navbar-nav li a:focus,
.my-account-list.navbar-nav li.active a{
  background: #062440;
  color: #FFF;
}
ul.nav.navbar-nav.my-account-list{
    margin-top: 15px;
}
.my-account-details form,
.my-account-withdraw form{
  padding: 0 15px;
}
.my-account-details form legend,
.my-account-withdraw form legend{
    padding-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.my-account-details form label,
.my-account-withdraw form label{
    font-size: 14px;
    font-weight: 600;
}
.my-account-details form .form-control,
.my-account-withdraw form .form-control{
  box-shadow: none;
  border-radius: 0;
  font-size: 13px;
  border: 1px solid #E9E9E9;
}
ol#otherphonenumbercheck input {
    width: 100%;
    margin-top: 10px;
    height: 30px;
    border: 1px solid #E9E9E9;
}
.my-account-details form button.btn.btn-success.btn-sm,
.my-account-withdraw form button.btn.btn-success.btn-sm{
    display: inline-block;
    background: #2b6396;
    border: none;
    color: #FFF;
    padding:10px 40px;
    text-transform: uppercase;
    border-radius:4px;
    margin-bottom: 15px;
}
.my-account-details form button.btn.btn-success.btn-sm:hover,
.my-account-details form button.btn.btn-success.btn-sm:focus,
.my-account-withdraw form button.btn.btn-success.btn-sm:hover,
.my-account-withdraw form button.btn.btn-success.btn-sm:focus{
    text-decoration: none;
    background: #e82738;
    text-shadow: none;
    color: #FFF;
    outline: none;
}
p.show-balance {
    padding: 0 15px;
    font-size:16x;
}
.wthdraw-to-mpesa .form-group ol small {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
/*.wthdraw-to-mpesa .form-group input[type=checkbox]{}*/
a.my-account {
  color: #FFF;
  background:#073b6b;
  padding: 8px 10px;
  display: block;
  text-align: center;
}
a.my-account:hover{
  color: #FFF;
  text-decoration: none;
  background: #e82738;
}
.mybets h4 {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1d3c5a;
}
.soccertable.mybetwrap .calendar{
    width:40%;
}
.soccertable.mybetwrap .bet-select-event{
  width: 60%;
}
.soccertable.mybetwrap .calendar li{
    width:50%;
    border-left: 1px solid rgba(255,255,255,0.4);
}
.soccertable.mybetwrap .bet-select-event li {
    width: 25%;
    border-left: 1px solid rgba(255,255,255,0.4);
}
.soccertable.mybetwrap .bet-select-event li a{
  color: #FFF;
}
.soccertable.mybetwrap .bet-select-event li a:hover{
  text-decoration: none;
  color: #FFF;
}
.bet-select-body ul.bet-select-event li a i{
  margin-left:5px;
}
.jackpotselected{
    background: #e34247 !important;
}
table.dataTable.soccertable tbody tr.jackpothighlight td {
    background: #073b6b;
}
.my-mobileleague-btn {
    display: none;
}
.soccertable.betbox thead th {
    padding: 8px 10px;
    width: 25%;
    background: #02111f;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}
.soccertable.betbox tbody td {
    padding: 6px 10px;
    width: 25%;
    background: #041c33;
    font-size: 12px;
    border-top: 1px solid #02111f;
}
.bet-select-event.col-table-3 li {
    width:33.33333333% !important;
}
.navbar-inverse.navbar-soccer .navbar-toggle .icon-bar {
    background-color: #404040;
}
.bet-select-body p {
    padding-top: 10px;
}
#signupenterpin{
    display: none;
}
.overlay{
    display: none;
}
p.stknotify p span {
    font-size: 17px;
}
p.stknotify p {
    font-size: 15px;
    line-height: 1.6;
}
.row-navigation{
    position: fixed;
    z-index: 100;
    width: 100%;
}
.col-md-12.mainBlock {
   /* padding-top: 3em !important;*/
    margin-top: 4em;
}
.playtowin{
  color: #fff;
}
.mini-submenu{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  width: 42px;
}
.sidebar .list-group-item.active, 
.sidebar span.list-group-item:hover{
    background-color: #5a5c5e;
    border-color: #5a5c5e;
}
.sidebar .list-group-item:hover{
    background-color: #e82738;
    border-color: #e82738;
    color: #FFF;
}
.sidebar .list-group-item img{
    width: 1.25rem;
    height: 1.25rem;
    margin:0 10px;
}
.sidebar a.list-group-item{
    font-size: 12px;
    font-weight: 600;
    padding-left: .3125rem;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0;
    border: none;
    border-bottom: 1px solid #f0f0f2;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom: none;
}
.mini-submenu:hover{
  cursor: pointer;
}
.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}
.mini-submenu .icon-bar {
  background-color: #000;
}
#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}
.kenburns-top{
  background: url('/images/jackpot-pic.jpg');
  margin-bottom: 15px;
}
.scale-up-center{
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
    text-shadow: 10px 12px 4px #000;
    background: rgba(0,0,0,.6);
    padding: 20px 10px;
}
.vibrate-1{
    color: #e82738;
    margin-top: 1rem;
}
.text-pop-up-top{
}
.scale-up-center{
  -webkit-animation:scale-up-center 5s cubic-bezier(.39,.575,.565,1.000) infinite alternate-reverse both;
  animation:scale-up-center 5s cubic-bezier(.39,.575,.565,1.000) infinite alternate-reverse both
}
.text-pop-up-top{
  -webkit-animation:text-pop-up-top .5s cubic-bezier(.47,0.000,.745,.715) infinite both;
  animation:text-pop-up-top .5s cubic-bezier(.47,0.000,.745,.715) infinite both
}
.kenburns-top{
  -webkit-animation:kenburns-top 5s linear infinite alternate-reverse both;
  animation:kenburns-top 5s linear infinite alternate-reverse both}
.vibrate-1{
  -webkit-animation:vibrate-1 .3s linear infinite both;animation:vibrate-1 .3s linear infinite both
}
@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}
20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}
40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}
60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}
80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}
100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{
0%{-webkit-transform:translate(0);transform:translate(0)}
20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}
40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}
60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}
80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}
100%{-webkit-transform:translate(0);transform:translate(0)}}

.depositeBlock h3 {
    background: #e82738;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    margin-top: 0;
}
.depositeBlock ul {
    text-align: center;
    padding:0;
}
.depositeBlock ul li:first-child {
    margin-bottom:5px;
    font-size: 16px;
    text-transform: uppercase;
}
.depositeBlock ul li{
    font-size: 14px;
    font-weight: 400;
    list-style: none;
}
.depositeBlock ul li a{
    text-decoration: none;
    color: #e82738;
    text-decoration: none;
    background: #fff;
    padding: 7px 4px;
    display: block;
}
.depositeBlock ul li a:hover{
    color: #FFF;
    background: #5a5c5e;
}
ul.bet-more {
    border-left: 1px solid rgba(255,255,255,0.4);
}
ul.bet-more.otherbets li {
    background: #2b6396;
    border-top: none;
}

/*****Bet Market Page ******/

.bet-select-header-markets {
    background: #073b6b;
    text-align: center;
    padding:20px 0 15px;
    color:#FFF;
}
.bet-select-header-markets li{
  list-style: none;
}
ul.bet-select-event-markets {
    font-size: 16px;
    font-weight: 600;
}
.marketsplay ul.calendar-markets {
    background: #2b6396;
    color: #FFF;
    padding: 4px 20px;
}
.marketsplay ul{
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.bet-select-body-markets {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.bet-select-body-markets .bet-select-event-markets li{
    float: left;
    background: #073b6b;
    color: #FFF;
    font-size:13px;
    font-weight: 400;
    padding: 8px;
    cursor: pointer;
}
.bet-select-body-markets .bet-select-event-markets li:hover,
.bet-select-body-markets .bet-select-event-markets li:focus{
  background: #e82738;
}
.marketsplay .select-home-team{
  width: 33.33333%;
}
.marketsplay .select-draw-team{
  width: 33.33333%;
}
.marketsplay .select-away-team{
  width: 33.33333%;
}
.match-select-markets.marketsplay.doublechance ul{
  display: inline-block;
}
.correctscorebtn{
    height: 15px;
    padding: 0px;
}
.marketsplaybtn{
    padding: 2px 12px;
    height: 14px;
    line-height: .6;
}
.marketsplay .bet-select-event li {
    float: left;
    text-align: center;
    padding: 8px 10px;
    border-top: 1px solid #1d3c5a;
    font-size: 14px;
    font-weight: 600;
    vertical-align: top;
    text-transform: uppercase;
    background: #fff;
}
.marketsplay > li span{
    color: #1d3c5a;
}
.overunderodds{
    width: 83%;
}
ul.overunderplay {
    width: 50%;
    float: left;
    padding: 8px;
    border-top: 1px solid rgba(255,255,255,0.4);
    border-left: 1px solid rgba(255,255,255,0.4);
    font-size: 11px;
    font-weight: 600;
    vertical-align: top;
    text-transform: uppercase;
    background: #073b6b;
    color:#FFF;
}
ul.overunderplay div{
    width: 50%;
    float: left;
}
ul.overunderplay div:last-child{
  text-align: right;
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
  background-color: #fff;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-color: #e4e5e7;
}
.table tr.header {
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
}
.table tr:not(.header) {
  display: none;
}
.table .header td.resultstatus:after {
  content: "\002b";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  color: #999;
  text-align: center;
  padding: 3px;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.table .header.active td.resultstatus:after {
  content: "\2212";
}
.depositwrap {
    min-height: 390px;
    background: #FFF;
    padding: 15px;
}
ul.stkdeposit {
    padding: 0;
    margin: 0;
    width: 50%;
    text-align: left;
}
.depositwrap h3{
  font-size:21px;
  margin-bottom: 20px;
}
.depositwrap .form-control{
    height: 38px;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #B4B4B4;
    margin-bottom: 20px;
    box-shadow: none;
    border-radius: 0;
    color: #404040;
    text-transform: capitalize;
}
.form-control:focus{
  outline: none;
  border-color: #e82738;
}
ul.stkdeposit li{
    list-style: none;
}
.depositbtn{
    background: #073b6b;
    border: none;
    padding: 12px 52px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
}
.depositbtn:hover{
    background: #e82738;
}
.successful{
    background: green !important;
}

/****How to css****/

.how-to {
    background: #f0f0f2;
    min-height:450px;
}
.howtosmall {
    background: #073b6b;
    color: #FFF;
    margin: 0 0 30px;
    text-align: center;
    display: block;
}
.howtosmall:hover{
  background: #e82738;
}
.howtosmall img {
    width: 50%;
    margin: 40px auto 20px;
}
a.howtosmall h3 {
    padding-bottom: 30px;
    display: block;
    font-size: 16px;
    text-decoration: none;
}
a.howtosmall{
  text-decoration:none; 
}
a.howtosmall:hover h3, 
a.howtosmall:hover{
  text-decoration: none;
  color: #FFF;
}
.betpic{
  width: 100%;
}
.betpic img{
  width: 100%;
}
.howto-lg{
  width:90%;
  margin: 0 auto 10px;
}
.howto-lg h2 {
    font-size: 22px;
    font-weight: 600;
    color: #073b6b;
    margin-top: 0;
}
.howto-lg p {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.howto-lg p strong{
  margin-right:10px;
  font-size: 16px; 
}
a.btn.btn-primary.btn-bck {
    padding: 10px 50px;
    background: #e82738;
    border-color: #e82738;
}
a.btn.btn-primary.btn-bck:hover{
    background: #073b6b;
    border-color: #073b6b;
}
.paginationwrapper a {
    background: #2b6396;
    margin: 15px auto;
    display: inline-block;
    padding:6px 12px;
    color: #FFF;
    margin-left: 0px;
    font-size:12px;
}
.paginationwrapper a:hover{
    background: #e82738;
    text-decoration: none;
    color: #FFF;
}
.possiblewintxt{
    margin-top: 7px;
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.possiblewinamount{
    padding: 4px 5px;
    border: 1px solid rgba(0,0,0,0.3);
    width: 80px;
    font-size: 14px;
    float: right;
    background: #f3f3f3;
}
#amountmessage{
    padding: 5px 9px;
    float: none;
    clear: both;
}
.jackpotbetbox .select-home-team {
    width:40%;
}
.jackpotbetbox .select-away-team {
    width:40%;
}
.jackpotbetbox .select-draw-team {
    width:20%;
}
#withdrawamount,#bankaccount{
   -webkit-appearance: none; 
  margin: 0; 
   -moz-appearance:textfield;
}
.bpesatransferbtn {
    display: inline-block;
    background: #2b6396;
    border: none;
    color: #FFF;
    padding: 8px 30px;
    text-transform: uppercase;
    border-radius: 4px;
    background-image: -moz-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0d2b46),color-stop(100%,#0D487F));
    background-image: -webkit-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -o-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: -ms-linear-gradient(top,#0d2b46 0,#0D487F 100%);
    background-image: linear-gradient(to bottom,#0d2b46 0,#0D487F 100%);
}
.btransfer form legend {
    padding-bottom:10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.historyactive{
    color: #fff !important;
    font-weight: bolder;
    background: #073b6b;
}
.historynav a{
    color: #666;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
  background: #fff;
}
.topform{
    height: auto;
    padding: 1px;
}
.my-account-withdraw .nav.nav-tabs{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    border-bottom: none;
}
.my-account-withdraw{
  padding: 1rem;
}
.my-account-withdraw .nav-tabs>li.active{
    border-top-color: #e82738;
    border-bottom: none;
}
.my-account-withdraw .nav-tabs>li.active>a, 
.my-account-withdraw .nav-tabs>li.active>a:focus, 
.my-account-withdraw .nav-tabs>li.active>a:hover {
    background: none;
    box-shadow: inset 0 3px 0 #e82738;
    color: #e82738;
    font-weight: 600;
}
.my-account-withdraw .nav-tabs li{
    z-index: 1;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.my-account-withdraw .nav-tabs li:not(:last-child) {
    border-right: none;
}
.my-account-withdraw .nav-tabs li{
    border: 1px solid rgba(40,44,42,0.1);
}
.my-account-withdraw .nav-tabs>li>a {
    padding: 20px 0;
    background: rgba(40,44,42,0.05);
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 0;
    margin-right: 0;
    border: none !important;
}
.my-account-withdraw .tab-content{
    padding: 1em 0;
}
.my-account-withdraw .tab-content ul,
.my-account-withdraw .tab-content ol{
  padding: 0;
}
#tompesa input[type="text"],
#tompesa input[type="number"],
#tompesa input[type="password"],
#tobank input[type="text"],
#tobank input[type="number"]{
  width: 50%;
  height: 40px;
  font-weight: 400;
  padding: 6px 12px;
  color: #555;
}
#tobank :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 50%;
    border: none;
}
#tobank select{
  width: 100%;
  height:35px;
  font-weight: 400;
}
.my-account-withdraw .tab-content ul.mpesaconditions {
    padding:5px 22px;
}
ul.mpesaconditions li{
  font-weight: 400;
  margin-bottom: 4px;
}
#tobpesa .form-control {
  width:100%;
  height: 40px;
  font-weight: 400;
  padding: 6px 12px;
  color: #555;  
}
#tobpesa button.btn.btn-success.btn-sm.bpesatransferbtn {
    margin-top: 14px;
    margin-left: 5px;
}
table.table.table-responsive.soccertable td {
    font-weight: 400;
    font-size: 12px;
}
.wrapjackpot .select-home-team{
    width: 49%;
}

/*profile*/
.profile{
    /*border-top: 1px solid #ddd;*/
    padding: 4px;
}
.profile-photo{

}
.profile-photo img{

}
.loyalty-points{

}
.loyalty-points .values{
    float: right;
}

#profile-name{
    text-align: right;
}
.account-balance{

}
.account-balance .values{
    float: right;
}
/*end profile*/
@media only screen and (max-width: 700px){
.show-on-desktop{
    display: none;
}
.mobile-login {
    margin-top: 50px;
    padding-right: 13px;
}
}
@media only screen and (max-width: 500px){
a.button.mobile-btn-account {
    line-height: 1;
    padding: 8px 15px;
    margin-left: 8px;
}
}
@media only screen and (min-width: 768px){
.hide-desktop{
  display: none;
}
}

.profile-wrapper.statement table{
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-top: 60px;
}
.profile-wrapper.statement table thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.profile-wrapper.statement tr {
    display: table-row !important;
    vertical-align: inherit;
    border-color: inherit;
    width: 100%;
}
.profile-wrapper.statement thead th {
    color: #fff;
    background-color: #073b6b;
}
.profile-wrapper.statement th, 
.profile-wrapper.statement .table>tbody>tr>td{
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    width:5%;
    text-align: center;
}
.profile-wrapper.statement .table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}
.profile-wrapper.statement .table>tbody>tr:nth-child(even) {
    background-color: #f4faff;
}
.how-to-play ul {
    padding: 0;
}
a.btn.btn-success.btnviewstatement {
    background: #e82738;
    border: #e82738;
}
a.btn.btn-success.btnviewstatement:hover{
    background: #e82738;
    border: #073b6b;
}


/****Media Queries***/

@media screen and (max-width:1366px) {
.scale-up-center {
    font-size: 18px;
} 
ul.bet-more.otherbets li {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden;
}
.col-md-12.mainBlock {
   /* padding: 0 5rem;*/
}
.container {
    width: 98% !important;
}
.jackpotdate a{
    padding: 10px;
    font-size: 12px;
}
.my-account-withdraw {
    padding: 0;
} 
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1200px) {
.mainlogo.navbar-brand img {
    width: 160px;
}
#user-bar .signup-large-view ul.pull-right.welcome-user {
    margin: 16px 0 0;
}
#tompesa input[type="text"],
#tompesa input[type="number"],
#tompesa input[type="password"],
#tobank input[type="text"],
#tobank input[type="number"]{
  width:100%;
  height: 40px;
  font-weight: 400;
  padding: 6px 12px;
  color: #555;
}
#tobank :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width:100%;
    border: none;
}
.my-account-withdraw .nav-tabs>li>a {
    padding: 15px 0;
} 
}
@media screen and (max-width:1100px) {
.bet-navigation .nav>li>a {
    padding: 15px 23px;
}
.with-nav-tabs .nav li {
    width: 100%;
    margin-bottom: 1px;
}   
.search-span {
    width: 40%;
} 
}
@media screen and (max-width:1024px) {
.select-home-team {
    width: 35%;
}
.select-away-team {
    width: 35%;
}
li.markets {
    width: 16%;
}
.betrow div {
    padding: 0px 0 0 2px;
}
a.btn.btn-block.logout {
    padding: 5px 10px;
} 
}
@media screen and (max-width:991px) {
/*.hide-mobile{
  display: none;
} */
.sidebar {
    display: none;
}
#content {
    color: #404040;
    padding: 0;
}
.footerinfo {
    padding:5px 0 10px;
}
.footerinfo h6 {
    font-size: 15px;
    margin-bottom: 10px;
}
#betcart {
    margin-bottom: 20px;
}
.form-wrap {
    padding: 10px 4% 20px !important;
    margin-bottom: 20px;
    display: inline-block;
}
.main-signup-separator {
    padding: 0;
}
#main-user-login .top-social.main-social-signup li a i{
  position: relative;
  top: 12px;
}
}
@media screen and (max-width:940px) {
.bet-navigation.navbar-default .nav>li>a {
    padding: 10px 12px;
    font-size: 12px;
}
}
@media screen and (max-width:900px) {
.col-md-12.mainBlock {
    padding: 0 3rem;
}
.container {
    width: 100% !important;
} 
.footerinfo {
    padding:5px 0;
    font-size: 12px;
    border-top:1px solid rgba(255,255,255,0.1);
    margin-top:5px;
}
.mainlogo.navbar-brand img {
    width:140px;
}
.bet-navigation.navbar-default .nav>li>a {
    padding: 10px 9px;
}
ul.welcome-user li {
    margin-left:5px;
}
.bpesabalance {
    margin-right:5px;
}
}
@media screen and (max-width:800px) {
.age18 {
    top: -6px;
}
.bet-navigation.navbar-default .nav>li>a {
    padding: 10px 5px;
}  
}
@media screen and (max-width:767px) {
.betslip{
    display: block;
}
.mobile-login {
    display: block;
    text-align: right;
    margin-top:15px;
}
.navbar-2 a.navbar-brand {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    padding-left: 30px;
}
.bet-navigation a.navbar-brand {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    padding-left: 30px;
}
.signup-large-view {
    display: none;
}
.activity-navigation.nav>li>a {
    padding: 10px 2px;
    border-bottom: 1px solid #dadada;
}
.bet-navigation.navbar-default .nav>li{
  display:block;
}
a.button.mobile-btn-account {
    background: #e82738;
    border-color: #FFF;
    box-shadow: none;
    font-weight:400;
    text-shadow: none;
    padding: 9px 10px;
    line-height: 1; 
}
a.button.mobile-btn-account:hover,
a.button.mobile-btn-account:focus{
  background: #4f5b69;
  text-decoration: none;
  border-color: #4f5b69;
}
.navbar-2 .navbar-toggle {
    margin-right: 30px;
}
.bet-navigation .navbar-toggle {
    margin-right: 30px;
}
a.button.mobile-btn-account:first-child {
    background: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF !important;
}
.signup-login {
    width: auto;
    margin-right: 12rem;
    float: right;
}
.bottomfooter p {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
ul.calendar {
    width: 100%;
}
ul.bet-select-event {
    width: 100%;
    border-bottom: 5px solid #f0f0f2;
}
.bet-select-row{
    margin-bottom: 2em;
    display: flex;
}
.bet-select-row .calendar li {
    width: 50%;
    text-align: center;
    padding: 12px 10px;
}
.bet-select-event li {
    padding:12px 10px;
}
.bet-select-event li.markets {
    padding: 19.6px 10px;
}
ul.bet-select-event li span {
    width: 100%;
} 
.view-mybets.betbox {
    margin-top: 15px;
}
.teamname {
    max-width:100%;
    text-align: center;
}
.betbox {
     border:none; 
}
.my-mobileleague-btn {
    display: none;
}
.draw-text {
    display: none;
}
.bet-select-header {
    display: none;
}
.draw-text{
  display: block;
}
.betslip {
    top: 17px;
} 
.social-section.text-md-left {
    width: 100%;
    text-align: center;
}
.social-section ul {
    float: none;
    width: 100%;
    padding: 0 0 10px;
}
.social-section ul li {
    float: none;
    display: inline-block;
}
.depositwrap {
    min-height: auto;
    margin-bottom: 20px;
} 
}
@media screen and (max-width:760px) { 
}
@media screen and (max-width:700px) {
.show-on-mobile {
    display: block !important;
} 
.mobile-login {
    padding-top:10px;
    background: #062440;
    padding-bottom: 10px;
    padding-right:30px;
}
.weeklyjackpotbtn{
    display: none;
}
.mainlogo.navbar-brand img {
    width: 130px;
    margin-top:-5px;
} 
.sticky {
    padding-bottom: 10px;
}
.bet-select-event li.select-draw-team{
    padding: 12px 10px;
} 
.bet-select-event li.markets {
    padding: 15.5px 10px;
}
nav.navbar.bet-navigation {
    margin-top: -6px;
}

.mobile-quick {
    display: table!important;
    width: 100%;
    margin-bottom: 15px;
}
.mobile-quick span {
    width:50%;
    float: left;
    padding: 1px;
}
.mobile-quick span a{
    text-decoration: none;
    background: #e82738;
    font-weight: bolder;
    font-size: 12px;
    border: none;
    color: #fff;
    border-radius: 0;
    margin: 0;
    padding: 10px 0;
    display: block;
}
.mobile-quick span a:hover{
  background:#961b26;
  color:#FFF;
}
.weeklyjackpotbtn span a {
    padding: 15px 0;
    font-size: 16px;
}

.cash-bonus {
    padding: 10px 0 5px;
}
.bet-select-event li.select-draw-team {
    padding: 8px 10px;
}
.bet-select-event li {
    padding: 8px 10px;
}
.mobilewrap {
    z-index:1;
    position: relative;
    right: 5rem;
    top: 4.5rem;
}
.mobilewrap.mobilewrap-user {
    top: -8px;
    z-index: 9;
    right: 10rem;
}
.mobileloggeduser {
    font-size: 15px;
}
.soccertable.mybetwrap {
    position: relative;
    z-index: 99;
}
.soccertable.mybetwrap .calendar {
    width: 100%;
}
.soccertable.mybetwrap .bet-select-event {
    width: 100%;
}
li.mybetlicked {
    padding: 7px 0 !important;
} 
}
@media screen and (max-width:600px) {
.bet-select-event li.markets {
    padding:15px 10px;
}
ul.stkdeposit {
    width: 100%;
}
.form-wrap button {
    padding: 10px 0;
    width: 100%;
}
.depositbtn {
    padding: 12px 0;
    width: 100%;
} 
}
@media only screen and (max-width: 500px){
.betrow div {
   padding: 0px 0 0 1px !important;
}
.header-holder{
  font-size:12px;
}
.search-span {
    top: 5px;
}
ul.nav.navbar-nav.challenge-a-betnav li {
    width: 100%;
} 
}
@media screen and (max-width:480px) {
.mobilewrap {
  top: 4.4rem;
  right:6rem;
}    
a.button.mobile-btn-account{
    line-height: 1;
    padding: 8px 10px;
    margin-left:0;
}
.betslip {
    padding: 5px 10px;
    top: 17px;
}
.bet-navigation.navbar-default .nav>li>a {
    padding: 10px 14px;
    font-size: 12px;
}
#main-user-login {
    padding: 0 5%;
}
.footerinfo a {
    font-size: 13px;
}
.mobile-login {
    margin-top: 16px;
}
a.navbar-brand.my-mobileaccount-btn {
    font-size: 14px;
} 
.bet-select-event li {
    padding: 8px 10px;
}
ul.bet-select-event {
    border-bottom: 2px solid #f0f0f2;
}
.bottomfooter p {
    font-size: 12px;
    font-weight: 600;
}
.paginationwrapper a {
    padding: 5px 20px;
}
span.draw-text {
    display: none;
}
.dataTables_wrapper .dataTables_length{
  display: none;
}
.navbar.navbar-soccer ul li {
    width: 100%;
}
.mobile-quick span {
    width: 50%;
    float: left;
    padding: 1px;
}
.form-wrap button {
    display: block;
    width: 100%;
}
.jackpotview table.dataTable.soccertable tbody td:first-child {
    width: 10%;
}
.jackpotview table.dataTable.soccertable tbody td:nth-child(4) {
    width:10%;
}
.jackpotview table.dataTable.soccertable tbody td {
    width: 26.6666666667%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 10px !important;
}
.teamname{
    overflow: hidden;
/*    max-width:90%;*/
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.mobile-login {
    padding-right: 20px;
}
.overunderodds {
    width: 71%;
}
ul.bet-select-event li span {
    width: 100%;
    text-align: center;
}
.header-holder {
    padding: 14px 20px;
}
.bet-select-event li {
    font-size: 10px;
    font-weight:400;
}
.my-account-withdraw .nav-tabs>li>a{
  text-transform: lowercase;
}
ul.mpesaconditions li {
    font-size: 13px;
}
.depositwrap h3 {
    font-size: 16px;
}
.main-signup-separator a {
    font-size: 14px;
}
h1.login-title {
    font-size: 16px;
}
.mobilewrap.mobilewrap-user {
    top: -10px;
    right: 8rem;
}
.table .header td.resultstatus:after{
  content: "";
}
h4.mybetheader {
    font-size: 14px;
    margin-bottom: 20px;
} 
}
@media screen and (max-width:380px) {
.game-table .nav-tabs>li {
    width: 100%;
    margin-bottom: 2px;
}
.scale-up-center {
    font-size: 14px;
}
.search-span {
  display: none;
} 
li.markets a i {
    display: none;
}
#mainslider{
  display: none;
}
a.button.mobile-btn-account {
    padding: 8px 8px;
    font-size: 10px;
}
.mobilewrap.mobilewrap-user {
    top: -9px;
    right: 7.5rem;
}
.mobileloggeduser {
    font-size: 13px;
}
}
@media only  screen and (max-width:360px) {
}
@media only screen and (max-width:414px) {
  .hide-mobile{
    display: none;
  }
}

/*Samsung Galaxy S20 Ultra*/
@media only screen and (width:412px) {
  .access-box{
    padding: 0.4em !important;
  }
  .access-box-aside{
    float: none;
    width: 100%;
  }
  .accessinfo{
    display: none;
  }
} 
/*Samsung Galaxy S20 Ultra*/