.table .row:nth-of-type(even){
    background-color: rgba(0,0,0,0.075);
}

.back {
    background-color: #a6d8ff;
    text-align: center;
    border: 1px white solid;
}
.lay {
    background-color: #fac9d1;
    text-align: center;
    border: 1px white solid;
}
.op1 {
    opacity: 0.8;
}
.op2 {
    opacity: 0.6;
}
.highlight{
    background-color: #FFA500 !important
}
.fontSet{
    font-weight: normal;
    color: #2c2c2c;
    font-size: 14px;
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
.test{
    font-weight: normal;
    font-size: medium;
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}

.input-group .btn{
    margin: 0 !important;
}
.input-group{
    margin: 10px 0;
}
.card-header-tabs .nav-link.active{
    background-color: #f96332 !important;
    color: #fff;
}
.form-control{
    background-color: rgba(255, 255, 255, 0.7);
}
.card .lable{
    color: #2c2c2c;
}
.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.8) url("/assets/img/loader.gif") center no-repeat;
}
body.loading{
    overflow: hidden;   
}
body.loading .overlay{
    display: block;
}
.border-2{
    border:2px solid;
}
.border-bottom-2{
    border-bottom:2px solid;
}
.border-bottom-1{
    border-bottom:1px solid;
}
.text-bold{
    font-weight: bold;
}
.border-left-white{
    border-left: 2px solid white;
}
.modal-content{
    border:0px !important;
}
.suspended{
    position:relative;
}
.suspended:after {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    right: 0;
    background-color: rgba(0,0,0,.6);
    color: red;
    text-transform: uppercase;
    font-family: "font awesome 5 free";
    content: "\f023";
    font-weight: 900;
    font-size: 18px;
    top: 0;
}
.meshrow.suspended:after{
    width: 33.3%;
}

.oddstable .suspended:after{
  width: 33%;
    content: "\f023";
    font-size: 16px;
    color: red;
    font-family: "font awesome 5 free";
}
.bookMaker .suspended:after{
    width: 49.67%;
    content: attr(data-title);
    font-size: 16px;
    color: red;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.fancyDiv .suspended:after{
    width: 50%;
    content: attr(data-title);
    font-size: 16px;
    color: red;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
@media screen and (max-device-width: 768px) {
    .bookMaker .suspended:after{
        width: 33%;
        content: attr(data-title);
        font-size: 12px;
        color: red;
        font-family: Arial,Verdana,Helvetica,sans-serif;
    }
    .fancyDiv .suspended:after{
        width: 33%;
        content: attr(data-title);
        font-size: 12px;
        color: red;
        font-family: Arial,Verdana,Helvetica,sans-serif;
    }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
padding-left: 0px;
padding-right: 0px;
}
.text-2xl{
    font-size: 150%
}
.text-5xl{
    font-size: 200%
}
.nowrap{
    white-space: nowrap !important;
}

.deleted {
    background-color: #fac9d1 !important;
}

/*YELLOW*/
.yellow .bg-primary, .yellow .btn-primary, .yellow .nav-pills .nav-link.active, .yellow .card-header-tabs .nav-link.active{
  background-color: #2b2b67 !important;
  color: #fff !important;
}

.yellow .highlight{
  background-color: #ffa500 !important;
  color: #000 !important;
}

.yellow .nav-pills .nav-item a,.yellow .text-primary{
    color: #ffa500 !important;
}

/* .yellow a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .yellow th,.yellow th a, .yellow .btn, .yellow a.active, .yellow .sidebar a, .yellow .sidebar .active a, .yellow .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
} */

.yellow .navbar-toggler-bar{
    background: #fff !important;
}

/*PURPLE*/
.purple .bg-primary,.purple .btn-primary, .purple .card-header-tabs .nav-link.active, .purple .highlight{
    background-color: #3f2a63 !important;
    color: #000 !important;
}
.purple .nav-pills .nav-link.active{
    background-color: #3f2a63 !important;
    color: #fff !important;
}
.purple .text-primary{
    color: #3f2a63 !important;
}
.purple th, .purple .btn, .purple th a, .purple .sidebar a:not(.text-success):not(.text-danger):not(.tab), .purple .navbar a:not(.btn):not(.dropdown-item), .purple a.active, .purple .nav-pills .nav-item a, .purple .navbar span{
       color: #fff !important;
}
.purple a:not(.text-success):not(.text-danger):not(.navi):not(.tab):not(.historybtn):not(.bg-dark), .purple .sidebar .nav .active .navi p{
    color: #000 !important;
}
.purple .navbar-toggler-bar{
    background: #000 !important;
}

body.purple a.simple-text.logo-normal.col-10.col-md-6.col-10.col-md-6.text-center.text-bold {
    color: #fff !important;
}

/*BLUE*/
.blue .bg-primary, .blue .btn-primary, .blue .nav-pills .nav-link.active, .blue .card-header-tabs .nav-link.active, .blue .highlight{
    background-color: #2ca8ff !important;
    color: #000 !important;
}

.blue .nav-pills .nav-item a,.blue .text-primary{
    color: #2ca8ff !important;
}

.blue a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .blue th,.blue th a, .blue .btn, .blue a.active, .blue .sidebar a, .blue .sidebar .active a, .blue .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.blue .navbar-toggler-bar{
    background: #000 !important;
}


/*GREEN*/
.green .bg-primary, .green .btn-primary, .green .nav-pills .nav-link.active, .green .card-header-tabs .nav-link.active, .green .highlight{
    background-color: #18ce0f !important;
    color: #000 !important;
}

.green .nav-pills .nav-item a,.green .text-primary{
    color: #18ce0f !important;
}

.green a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .green th,.green th a, .green .btn, .green a.active, .green .sidebar a, .green .sidebar .active a, .green .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.green .navbar-toggler-bar{
    background: #000 !important;
}


/*Pink #CF00CF*/

.pink .bg-primary, .pink .btn-primary, .pink .nav-pills .nav-link.active, .pink .card-header-tabs .nav-link.active, .pink .highlight{
    background-color: #CF00CF !important;
    color: #fff !important;
}

.pink .nav-pills .nav-item a,.pink .text-primary{
    color: #CF00CF !important;
}

.pink a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .pink th,.pink th a, .pink .btn, .pink a.active, .pink .sidebar a, .pink .sidebar .active a, .pink .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.pink .navbar-toggler-bar{
    background: #000 !important;
}


/*BLUE-1 #8CD9FF, TITLEBAR: #45D9FF*/

.blue1 .bg-primary, .blue1 .btn-primary, .blue1 .nav-pills .nav-link.active, .blue1 .card-header-tabs .nav-link.active, .blue1 .highlight{
    background-color: #000000 !important;
    color: #000 !important;
}

.blue1 .nav-pills .nav-item a,.blue1 .text-primary{
    color: #8CD9FF !important;
}

.blue1 a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .blue1 th,.blue1 th a, .blue1 .btn, .blue1 a.active, .blue1 .sidebar a, .blue1 .sidebar .active a, .blue1 .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.blue1 .navbar-toggler-bar{
    background: #fff !important;
}


/*YELLOW-1 #FFAB00*/

.yellow1 .bg-primary, .blue .btn-primary, .yellow1 .nav-pills .nav-link.active, .yellow1 .card-header-tabs .nav-link.active, .yellow1 .highlight{
    background-color: #FFAB00 !important;
    color: #000 !important;
}

.yellow1 .nav-pills .nav-item a,.yellow1 .text-primary{
    color: #FFAB00 !important;
}

.yellow1 a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .yellow1 th,.yellow1 th a, .yellow1 .btn, .yellow1 a.active, .yellow1 .sidebar a, .yellow1 .sidebar .active a, .yellow1 .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.yellow1 .navbar-toggler-bar{
    background: #000 !important;
}



/*RED-1 #CF0000*/

.red1 .bg-primary, .red1 .btn-primary, .red1 .nav-pills .nav-link.active, .red1 .card-header-tabs .nav-link.active, .red1 .highlight{
    background-color: #CF0000 !important;
    color: #000 !important;
}

.red1 .nav-pills .nav-item a,.red1 .text-primary{
    color: #CF0000 !important;
}

.red1 a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .red1 th,.red1 th a, .red1 .btn, .red1 a.active, .red1 .sidebar a, .red1 .sidebar .active a, .red1 .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.red1 .navbar-toggler-bar{
    background: #000 !important;
}


/*ORANGE*/
.orange .bg-primary, .orange .btn-primary, .orange .nav-pills .nav-link.active, .orange .card-header-tabs .nav-link.active, .orange .highlight{
    background-color: #f96432 !important;
    color: #000 !important;
}

.orange .highlight {
  background-color: #ffa500 !important;
  color: #000 !important;
}

.orange .nav-pills .nav-item a,.orange .text-primary{
    color: #f96432 !important;
}

.orange a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark), .orange th,.orange th a, .orange .btn, .orange a.active, .orange .sidebar a, .orange .sidebar .active a, .orange .navbar a:not(.btn):not(.dropdown-item){
    color: #000 !important;
}

.orange .navbar-toggler-bar{
    background: #000 !important;
}


.bg-dark{
    background: black;
    color:white !important;
}
#video_box{
    float:left;
}
#video_overlays {
    position:absolute;
    float:left;
    width:100%;
    min-height:100px;
    z-index:30;
}
#ab_video_overlays {
    position:absolute;
    float:left;
    width:100px;
    min-height:20px;
    z-index:30;
}

#video_overlays_time {
    position:absolute;
    float:right;
    width:600px;
    min-height:100px;
    z-index:30;
}

.centerimage{
    margin-left: auto;
    margin-right: auto;
}






/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  /*width: 100%;*/
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 0px;
  width: 40px;
  height: 60px;
  font-size: 40px;
  font-weight: bold;
  line-height: 55px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 55px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 40px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 35px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.01s 0.49s linear both;
  -moz-animation: asd 0.01s 0.49s linear both;
  animation: asd 0.01s 0.49s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

    .yellow .tabnav.nav-pills .nav-item a i {
      float: left;
      margin: -2px 7px 0 0;
  }
  .yellow .tabnav.nav-pills .nav-item a i img {
    width: 22px;
  }
    .yellow .tabnav.nav-pills .nav-item a i:before {font-size: 16px;}
    i.now-ui-icons.media-1_button-play {margin-top: 3px;}
    
     .yellow .tabnav.nav-pills .nav-item a {
      color: #ffffff !important;
      text-transform: uppercase;
      line-height: 18px;
      background: #232347;
      margin: 0 3px;
      padding:8px 15px;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      border-radius: 30px;
      border: 1px dashed #232347;
  }
  .yellow .tabnav.nav-pills li.nav-item {
    padding: 8px 0;
}
 .yellow .tabnav {background-color:#232347;}
  .yellow .tabnav.nav-pills .nav-item a.nav-link.active, .yellow .tabnav.nav-pills .nav-item a.nav-link:hover{
    color: #fff;
    background-color: transparent !important;
    border: 1px dashed #F5CDCB;
    border-radius: 30px;
  }

  .card {box-shadow: none;}
  .tabcon {
      border-top: 0px solid #000000;
      margin-top: 15px;
  }

  .tabcon .back {
    border: 0px black solid;
    margin: 0 1px;
  }

  .tabcon .lay {
    border: 0px black solid;
    margin: 0 1px;
  }

  .full-page>.content.loginbg {
    background: url(../img/login-bg.jpg) no-repeat; 
    background-size: 100% !important;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .loginbg .card-plain {
    background: rgb(42 42 42 / 77%) !important;
  }

  .loginbg .btn-primary.loginbtn {
    width: 100%;
    border-radius: 50px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
    background: #FF0000 !important;
  }

  .loginbg input.form-control {
    border-radius: 50px !important;
    background-color: #FFECE1 !important;
    padding-left: 60px !important;
    color: #000 !important;
}
.loginbg input.form-control::placeholder {color: #000 !important;}
.loginbg input.form-control:-webkit-palceholder {color: #000 !important;}
.loginbg input.form-control:-ms-palceholder {color: #000 !important;}

.loginbg .input-group-prepend {
  position: absolute;
  z-index: 99;
}

.loginbg .input-group-text {
  background: transparent !important;
    border-right: 1px solid #FFD3B5 !important;
}
.loginbg .input-group-text i {color: #FF0000;}
.forgotpassword {
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.joinnow {
  text-align: center;
  color: #fff;
  margin-top: 5px;
  font-size: 16px;
}
.joinnow a {font-size: 16px; color: #ff0000 !important;}

.sidebar[data-color="yellow"]:after, .off-canvas-sidebar[data-color="yellow"]:after {
  background: transparent;
}
.yellow .sidebar .sidebar-wrapper, .yellow .off-canvas-sidebar .sidebar-wrapper {
  margin-top: 10px;
  background: #2b2b67;
  margin-left: 10px;
}

.sidebar {box-shadow: none !important;}
.yellow .bg-primary {
  background-color: #12123D !important;
    color: #fff !important;
}
.yellow .sidebar .logo, .yellow .off-canvas-sidebar .logo {
  position: relative;
  padding: 0.5rem 0.7rem;
  z-index: 4;
  background: #12123D;
  box-shadow: none;
}
.sidebar .logo:after {background-color: transparent;}
.main-panel>.content {
  margin-top: 73px;
  padding-left: 20px;
  padding-right: 15px;
}
.yellow .sidebar a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {color: #fff !important;}
.sidebar .nav li:first-child>a, .off-canvas-sidebar .nav li:first-child>a {
  margin: 0;
}
.yellow .sidebar .nav li>a, .yellow .off-canvas-sidebar .nav li>a {border-radius: 0px;}
.yellow .sidebar .nav li.active>a, .yellow .off-canvas-sidebar .nav li.active>a {
  background-color: #FF0000;
  box-shadow: none;
}
.yellow .sidebar .nav li>a, .yellow .off-canvas-sidebar .nav li>a {
  margin:0;
  border-bottom: 1px solid #464685;
}
.balance img, .exposure img {
  float: left;
  margin-right: 5px;
}
.balance, .exposure {
  border: 1px dashed #FF0000;
  border-radius: 80px;
  padding: 10px 20px;
  display: block;
}
.balance {margin-right: 10px; margin-left: 10px;}
.mobile-logo {display: none;}
.yellow .userprofile {
  background: #12123d;
}
.userprofile a {display: block; padding: 10px;}
.userprofile a:hover {text-decoration: none;}
.userprofile a span.profileimg {display: block;}
.userprofile a span.profileimg i {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 70px;
  background: #d5d5d5;
  border-radius: 50%;
  font-size: 34px;
  color: #1f1f40;
}
.userprofile a span.usrname {
  display: block; 
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
}

.matchstates a {color: #000;}
.matchstates {background-color: #f3f3f3;}
.matchpoint {background-color: transparent; padding: 5px 10px;}

.yellow .matchstatusheading a {
  color: #ffffff !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #2B2B67 !important;
  border-color: #2B2B67 !important;
  padding:8px 0 8px 10px;
  margin-right: 14px;
  position: relative;
  padding-right: 10px;
}
.matchstatusheading a:before {
  content: "";
  -webkit-clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  width: 18px;
  height: calc(100% + 1px);
  background: linear-gradient(180deg,#2B2B67 0,#2B2B67);
  position: absolute;
  right: -17px;
  top: 0;
}

marquee.bg-dark.text-bold.text-white {
  padding: 7px 10px;
}

/* .yellow .tab-content a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  color: #000 !important;
} */

.yellow .dropdown-menu a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  color: #000 !important;
}
.table-bordered thead th, .table-bordered thead th a {color: #fff !important;}
.table-bordered td a {color: #000;}

.yellow .tab-content .matchpoint a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {color: #000 !important;}
.userprofile a span.usrname {color: #fff;}
.desktopba {display: flex !important;}
.mobileba {display: none !important;}

.sidebar .nav, .off-canvas-sidebar .nav {margin-top: 0px;}

@media (max-width:767px) {
  .logouticon img {max-width: 25px;}
  .mobile-logo {display: block;}
  .full-page>.content.loginbg {
    background: url(../img/login-bg.jpg) no-repeat top center;
    background-size: cover !important;
    align-items: start;
    padding-top: 90px;
}
.loginbg .card-plain {
  background: rgb(0 0 0 / 76%) !important;
}
.nav-link {
  padding: 0.5rem 5px;
}
.yellow .nav-pills .nav-item a, .yellow .text-primary {text-transform: none;}
.yellow .tabnav.nav-pills .nav-item a {
  padding: 10px 7px;
}
.yellow .tabnav.nav-pills .nav-item a i {
  display: block;
  float: none;
  text-align: center;
  margin: 0;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {margin: 0px;}
.main-panel>.content {
  margin-top: 95px;
  padding-left: 0px;
  padding-right: 0px;
}
.tabnav {
  background-color: transparent;
}
.yellow .tabnav.nav-pills .nav-item a.nav-link.active, .yellow .tabnav.nav-pills .nav-item a.nav-link:hover {
  color: #fff;
  background-color: red !important;
  border: 0px dashed #F5CDCB;
  border-radius: 6px;
}
.yellow .tabnav.nav-pills .nav-item a {
  margin: 0 3px;
  font-size: 12px;
  border-radius: 6px;
  border: 0px dashed #232347;
}
.yellow .tabnav.nav-pills .nav-item a i img {
  width: 22px;
  display: inline-block;
  margin-bottom: 5px;
}
.sidebar .logo, .off-canvas-sidebar .logo {display: none;}
html.perfect-scrollbar-on.nav-open {
  overflow: hidden;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {height: 100vh;}
.balance, .exposure {
  padding: 5px 10px;
}
.mobile-logo img {max-width: 170px;}
.balance span, .exposure span {font-size: 10px;}
.balance img, .exposure img {
    width: 17px;
    margin-top: 3px;
}
.navbar {padding:0.5rem 0px 0 0;}
.matchstatusheading a {font-size: 16px; text-transform: none;}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
  background: #ffffff;
  box-shadow: inset 0 0 20px rgb(205 205 205);
}
.yellow .sidebar a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  color: #34345D !important;
}
.sidebar .nav li>a, .off-canvas-sidebar .nav li>a {
  margin: 0;
  border-bottom: 1px solid #E8E8E8;
}
.yellow .sidebar .nav li.active a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  background-color: #FF0000;
  box-shadow: none;
  color: #fff !important;
}



.sidebar .nav li:hover:not(.active)>a i {color: #000000;}
.tabcon {padding: 0 0px;}
.desktopba {display: none !important;}
.mobileba {
  display:flex !important;
  background: #2B2B67;
  height: 40px;
  justify-content: center;
  margin-top: 10px;
}
.navpadmobile {
  padding-left: 10px;
  padding-right: 10px;
}
}

.tableheadingc {
  background: transparent;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 0;
  color: #2b2b67;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  align-items: center;
}
.tableheadingc a.bg-dark {
  background: #34345d !important;
  color: #ffffff !important;
  font-size: 8px;
  font-weight: 700;
  border-radius: 30px;
}

.yellow .matchdetailspage .btn-primary.dropdown-toggle {
  padding: 10px 28px;
  background-color: #2b2b67 !important;
  color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 50px;
}
.matchdetailspage .toggle.btn {
  border-radius: 50px;
}

.matchdetailspage .toggle-handle{
  position: relative;
  /* margin: 0 auto; */
  padding-top: 0;
  padding-bottom: 0;
  height: 20px;
  width: 20px;
  border-width: 0;
  background-color: #fff;
  padding: 0;
  
  border-radius: 20px;
  margin-top: 7px;
}

.matchdetailspage .btn-success .toggle-handle {
  margin-right: 30px;
}

.matchdetailspage .btn-danger .toggle-handle {
  margin-right: 0px;
  margin-left: 30px;
}

.yellow .matchdetailspage .card-header-tabs .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #34345D !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.yellow .matchdetailspage .card-header-tabs .nav-link.active {
  background: #2b2b67 !important;
    color: #ffffff !important;
    border-bottom: 0px solid #ff0000;
    border-radius: 30px;
}

.matchdetailspage .smallswich .toggle-handle {
  height: 14px;
  width: 14px;
  margin-top: 3px;
}

.matchdetailspage .smallswich .btn-success .toggle-handle {
  margin-right: 22px;
}

.matchdetailspage .smallswich .btn-danger .toggle-handle {
  margin-right: 0px;
  margin-left: 22px;
}

.matchdetailspage .smallswich .btn-success .toggle-handle {
  margin-left: 0px;
  margin-right: 22px;
}

.boxborder {
  border: 0px solid #E2E2E2;
  margin-bottom: 10px;
}
.suspended:after {width: 33%;}

.btn-primary.tvview {
    border-radius: 30px;
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center;
    background-color: transparent !important;
}

.tvview img {height: 16px;display: inline;}
.headsty {display: inline-block; position: relative;}
.headsty {
  background-color: #2B2B67 !important;
  border-color: #2B2B67 !important;
  color: #fff;
  padding: 11px 0 11px 10px;
  margin-right: 14px;
}
.headsty:before {
  content: "";
  -webkit-clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  width: 18px;
  height: calc(100% + 1px);
  background: linear-gradient(180deg,#2B2B67 0,#2B2B67);
  position: absolute;
  right: -17px;
  top: 0;
}
.tableheadingc span {font-weight: 600;}


.tablei {
    padding: 7px 5px !important;
    margin-left: 0px !important;
    border-radius: 40px !important;
    width: 20px;
    height: 20px;
    color: #fff;
}


#response .odds {max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.btn-xs.toggle-off {font-size: 12px;}
.btnddm .divider {margin: 5px 0;}
.btnddm button {padding: 0 10px;}
.pageheading h3 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px
}

.dropdown-item {
  padding: 2px 1.5rem !important;
  margin-top: 0px !important;
}


.dropdown-menu:before {
  right: 50px;
  left: auto;
}

.sidebar .nav i, .off-canvas-sidebar .nav i {margin-right: 5px;}
.sidebar .nav .nav li>a {
  margin: 0 25px !important;
}

.sidebar .submneu .nav i, .off-canvas-sidebar .submneu .nav i {
  font-size: 14px;
  margin-right: 0px;
}

.bg-primary, .orange .btn-primary, .nav-pills .nav-link.active, .card-header-tabs .nav-link.active, .highlight {
  box-shadow: none;
}

/* Orange Theme */

.orange .tabnav {background-color:#f96432;}
.orange .tabnav.nav-pills .nav-item a i {
  float: left;
  margin: -2px 7px 0 0;
}
.orange .matchstatusheading a {
  color: #ffffff !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #f96432 !important;
  border-color: #f96432 !important;
  padding: 8px 0 8px 10px;
  margin-right: 14px;
  position: relative;
  padding-right: 10px;
}
.orange .matchstatusheading a:before {
  content: "";
  -webkit-clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  width: 18px;
  height: calc(100% + 1px);
  background: linear-gradient(180deg,#f96432 0,#f96432);
  position: absolute;
  right: -17px;
  top: 0;
}

.orange .matchstatusheading a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  color: #ffffff !important;
}

.orange .balance, .orange .exposure {
  border: 1px dashed #ffffff;
  border-radius: 80px;
  padding: 10px 20px;
  display: block;
  color: #fff;
}

.orange .userprofile {
  background: #f96432;
  margin-bottom: 0px;
}

.orange .sidebar .sidebar-wrapper, .orange .off-canvas-sidebar .sidebar-wrapper {
  margin-top: 10px;
  background: #f96432 !important;
  margin-left: 10px;
}

.sidebar[data-color="orange"]:after, .off-canvas-sidebar[data-color="orange"]:after {
  background: transparent;
}

.orange .sidebar .logo, .orange .off-canvas-sidebar .logo {
  position: relative;
  z-index: 4;
  box-shadow: none;
  padding: 0.5rem 0.7rem;
  background: #f96432 !important;
}

.orange .sidebar .logo a img, .orange .off-canvas-sidebar .logo a img {max-width: 142px !important;}

.orange .sidebar .nav li.active>a, .orange .off-canvas-sidebar .nav li.active>a {
  background-color: #000000;
  box-shadow: none;
}
.orange .sidebar .nav li.active>a i, .orange .off-canvas-sidebar .nav li.active>a i, .orange .sidebar .nav li.active>a p, .orange .off-canvas-sidebar .nav li.active>a p {color: #fff !important;}

.orange .sidebar .nav li>a, .orange .off-canvas-sidebar .nav li>a {
  margin: 0;
  border-bottom:1px solid #ff9b7a;
  border-radius: 0px;
}

.orange .tabnav.nav-pills .nav-item a {
  color: #ffffff !important;
  text-transform: uppercase;
  line-height: 18px;
  background: #f96432;
  margin: 0 3px;
  padding: 8px 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  border: 1px dashed #f96432;
}

.orange .tabnav.nav-pills li.nav-item {
  padding: 8px 0;
}

.orange .tabnav.nav-pills .nav-item a.nav-link.active, .orange .tabnav.nav-pills .nav-item a.nav-link:hover {
  color: #fff;
  background-color: transparent !important;
  border: 1px dashed #F5CDCB;
  border-radius: 30px;
}

.orange .headsty {
  background-color: #f96432 !important;
  border-color: #f96432 !important;
}

.orange .headsty:before {
  background: linear-gradient(180deg,#f96432 0,#f96432);
}
.btnddm button {
  color: #000;
}


/* blue Theme */

.blue1 .tabnav {background-color:#ffc933;}
.blue1 .tabnav.nav-pills .nav-item a i {
  float: left;
  margin: -2px 7px 0 0;
}
.blue1 .matchstatusheading a {
  color: #ffffff !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #ffc933 !important;
  border-color: #ffc933 !important;
  padding: 8px 0 8px 10px;
  margin-right: 14px;
  position: relative;
  padding-right: 10px;
}
.blue1 .matchstatusheading a:before {
  content: "";
  -webkit-clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
  width: 18px;
  height: calc(100% + 1px);
  background: linear-gradient(180deg,#ffc933 0,#ffc933);
  position: absolute;
  right: -17px;
  top: 0;
}

.blue1 .matchstatusheading a:not(.text-success):not(.text-danger):not(.tab):not(.bg-dark) {
  color: #000 !important;
}

.blue1 .balance, .blue1 .exposure {
  border:1px dashed #ffffff;
  border-radius: 80px;
  padding: 10px 20px;
  display: block;
  color: #fff;
}

.blue1 .userprofile a span.usrname {
  color: #000;
}

.blue1 .userprofile {
  background: #ffc933;
  margin-bottom: 0px;
}

.blue1 .sidebar .sidebar-wrapper, .blue1 .off-canvas-sidebar .sidebar-wrapper {
  margin-top: 10px;
  background: #ffc933 !important;
  margin-left: 10px;
}

.sidebar[data-color="blue1"]:after, .off-canvas-sidebar[data-color="blue1"]:after {
  background: transparent;
}

.blue1 .sidebar .logo, .blue1 .off-canvas-sidebar .logo {
  position: relative;
  z-index: 4;
  box-shadow: none;
  padding: 0.5rem 0.7rem;
  background: #000000 !important;
}

.blue1 .sidebar .logo a img, .blue1 .off-canvas-sidebar .logo a img {max-width: 161px !important;}

.blue1 .sidebar .nav li.active>a, .blue1 .off-canvas-sidebar .nav li.active>a {
  background-color: #000000;
  box-shadow: none;
}
.blue1 .sidebar .nav li.active>a i, .blue1 .off-canvas-sidebar .nav li.active>a i, .blue1 .sidebar .nav li.active>a p, .blue1 .off-canvas-sidebar .nav li.active>a p {color: #fff !important;}

.blue1 .sidebar .nav li>a, .blue1 .off-canvas-sidebar .nav li>a {
  margin: 0;
  border-bottom:1px solid #ffdc7b;
  border-radius: 0px;
}

.blue1 .tabnav.nav-pills .nav-item a {
  color: #000000 !important;
  text-transform: uppercase;
  line-height: 18px;
  background: #ffc933;
  margin: 0 3px;
  padding: 8px 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  border: 1px dashed #ffc933;
}

.blue1 .tabnav.nav-pills li.nav-item {
  padding: 8px 0;
}

.blue1 .tabnav.nav-pills .nav-item a.nav-link.active, .blue1 .tabnav.nav-pills .nav-item a.nav-link:hover {
  color: #fff;
  background-color: transparent !important;
  border:1px dashed #000;
  border-radius: 30px;
}

.blue1 .headsty {
  background-color: #ffc933 !important;
  border-color: #ffc933 !important;
}

.blue1 .headsty:before {
  background: linear-gradient(180deg,#ffc933 0,#ffc933);
}

.menuicon img {max-width: 20px;}
.blue1 .headsty {color: #000;}

#betmodal .stakeButton.btn-sm {
  font-size: 14px;
  border-radius:0;
  padding: 5px 7px;
  width: 22%;
  margin: 5px 3px;
  background: #2B2B67;
  color: #fff !important;
}

.blue1 .tableheadingc a.bg-dark {
  background: #ffc933 !important;
  color: #000 !important;
}

.blue1 .card-header-tabs .nav-link.active, .blue1 .highlight, .blue1 .btn-primary {background-color: #ffc933 !important;}


#betmodal .col-sm-4 {padding: 0 10px;text-align: left;}
#clearBtn .btn-sm, #clearBtnlay .btn-sm {padding: 9px 15px;color: #fff;}
#betmodal .row {margin: 0 -10px;}
.betbtn .col-6 {padding:0 10px;}
.betbtn .btn {width: 100%;border-radius: 0;border: 0;}
.row.betbtn {padding-right: 8px;}


@media (max-width:767px) {

  .yellow .sidebar .nav li>a, .yellow .off-canvas-sidebar .nav li>a {
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
}

  .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {margin-left: 0px !important;margin-top: 0px !important;background: #ffffff !important;}

  .orange .sidebar .sidebar-wrapper, .orange .off-canvas-sidebar .sidebar-wrapper {margin-left: 0px !important;margin-top: 0px !important;background: #ffffff !important;}
  .orange .sidebar .nav li>a, .orange .off-canvas-sidebar .nav li>a {
    border-bottom:1px solid #e1e1e1;
  }

  .orange .tabnav.nav-pills .nav-item a i {
    display: block;
    float: none;
    text-align: center;
    margin: 0;
}
.orange .tabnav.nav-pills .nav-item a {
  margin: 0 3px;
  font-size: 12px;
  border-radius: 6px;
  border: 0px dashed #232347;
  padding: 10px 7px;
}

.orange .tabnav.nav-pills .nav-item a.nav-link.active, .orange .tabnav.nav-pills .nav-item a.nav-link:hover {
    background-color: #000000 !important;
    border: 0px dashed #f96432;
  border-radius: 6px;
  margin: 0 3px;
  font-size: 12px;
  padding: 10px 7px;
}
.orange .tabnav.nav-pills .nav-item a i img {
  width: 22px;
  display: inline-block;
  margin-bottom: 5px;
}
.orange .mobileba {background: #f96432;}
.orange .balance, .orange .exposure {padding: 5px 10px;}
.orange .navbar-toggler-bar {
  background: #fff !important;
}

.tabnav {
  background-color: transparent !important;
}

.orange .main-panel>.content {
  margin-top: 90px;
}

.orange .sidebar .sidebar-wrapper, .orange .off-canvas-sidebar .sidebar-wrapper {
  background: #ffffff;
  box-shadow:none;
}

.blue1 .tabnav.nav-pills .nav-item a i {
  display: block;
  float: none;
  text-align: center;
  margin: 0;
}

.blue1 .tabnav.nav-pills .nav-item a.nav-link.active, .blue1 .tabnav.nav-pills .nav-item a.nav-link:hover {
  color: #fff !important;
  background-color: black !important;
  border: 0px dashed #000000;
  border-radius: 6px;
}

.blue1 .tabnav.nav-pills .nav-item a {
  margin: 0 3px;
  font-size: 12px;
  border-radius: 6px;
  border: 0px dashed #232347;
  padding: 10px 7px;
}

.blue1 .tabnav.nav-pills .nav-item a i img {
  width: 22px;
  display: inline-block;
  margin-bottom: 5px;
}

.blue1 .mobileba {
  background: #000;
}

.blue1 .balance, .blue1 .exposure {
  padding: 5px 10px;
}
.blue1 .balance, .blue1 .exposure {color: #fff;}

.blue1 .main-panel>.content {
  margin-top: 86px;
}

.blue1 .sidebar .sidebar-wrapper, .blue1 .off-canvas-sidebar .sidebar-wrapper {
  background: #ffffff !important;
}
.blue1 .sidebar .nav li>a, .blue1 .off-canvas-sidebar .nav li>a {
  border-bottom: 1px solid #efefef;
}

}

.form-control {
  background-color: rgb(255 255 255);
}

.modal-body .back, .modal-body .lay {border: 0px;}
.btn.placebetbtn {padding: 6px 10px;margin-top: 26px;}

.action--btn .dropdown-menu.show {right: -25px !important; left: auto !important;}

.seriestble td a {color: #000;}