body{
    font-family: "Roboto","Helvetica Neue",sans-serif !important;
}
.market-header1{
	max-height:23px !important;
	}
.h6{
	font-size:1.75rem !important;
	}
.text-sm{
    font-size: 0.8rem !important;
}
.point-cursor{
    cursor: pointer;
}
.font-10{
    font-size: 10px !important;
}
.font-11{
    font-size: 11px !important;
}
.font-12{
    font-size: 12px !important;
}
.font-13{
    font-size: 13px !important;
}
.font-14{
    font-size: 14px !important;
}
.font-15{
    font-size: 15px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-17{
    font-size: 17px !important;
}
.font-18{
    font-size: 16px !important;
}
.font-19{
    font-size: 19px !important;
}
.font-20{
    font-size: 20px !important;
}
.height-20{
    max-height: 20px;
    min-height: 20px;
}

.sub-menu-list{
    display: flex;
    overflow-x: auto;
}
.sub-menu{
    font-size: bold;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
    min-width: max-content !important;
}
.sub-menu:hover{
    background-color: rgba(255, 255, 255, 0.4);
}
.sub-menu-list .btn:hover{
    background: rgba(111, 111, 111, 1) !important;
}
.sub-menu1
{
    padding: 0.5vh;
}
.head-title{
    font-weight: bold;
    padding: 0px 6px 4px 10px;
    align-items: baseline;
    display: block;
    font-size: 2vh;


}
.head-pin{
    width: 10px;
    background-color: #FFF;
    height: 100%;
}
.sub-menu2 .card-img-top{
    width: 100% !important;
}
.sub-menu1 .card-img-top{
    width: 20vh !important;
}

.space{

    padding: 0.5vh 1vh 0.5vh 1vh;
    
}

.footer{
    display: flex;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.sub-menu .active{
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.card-header{
    padding: 3px 10px 0px 10px !important;
}
.card-title,.card-body{
    font-size: 0.8rem !important;
}


.dropdown-menu{
    max-width: max-content !important;
    position: absolute;
    transform: translate3d(200px, 31px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.dropdown-menu li{
    padding: 0.5vh 1.1vh !important;
    font-size: 0.8rem;
}
.dropdown-menu li a{
    color: black;
    padding: 0px !important;
}

.card-body{
    color: black;
}

.swip-bet{
    display: flex;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px !important;
}

.swip-bet .col-sm-8{
    padding: 0px !important;
}
.swip-bet .col-sm-6{
    padding: 0px !important;
    bottom: -14px !important;  
}
.swip-bet .card{
    border-radius: 0px !important;
    
}

.swip-bet .card-footer{
    padding: 0rem 1.25rem 0rem !important;
}

.rvol{
    font-size: 0.8rem+ !important;
}


.cust-menu{
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    width: 100% !important;
    height: 55px;
    white-space: nowrap;
    overflow: auto;
}

.cust-menu i{
    font-size: 1.5rem;
}


.big-menu{
    display: inline-block;
    min-width: 112px !important;
    border-radius: 10px;
    font-size: 1rem;
    margin-right: 5px;
    cursor: pointer;
}

.btn-stack{
    padding: 2px;
    min-width: 85px;
    margin-top: 0.4vh;
}


.sub-menu3{
    font-size: 0.99rem;
    scroll-behavior: smooth;
    display: inline-block;
    padding: 2px 20px 2px 20px;
    cursor: pointer;
    min-height: 60px
}

.sub-menu3:hover > i{
    font-size: 25px;
}

.oneclick{
    position: fixed;
    z-index: 10;
    bottom: 0px;
}



@media (max-width: 730px) {
	.swip-bet,.card-title{
		font-size:1.5vh !important;
	}
	.h6{
		font-size:0.9rem !important;
	}

    .oneclick{
        position: fixed;
        z-index: 10;
        bottom: 55px;
    }

    .p-xs-0{
      padding:0 !important;
  }

  .swip-bet {
    display: flex;
    position: fixed;
    z-index: 9999;
    bottom: 54px;
    left: 0px;
    width: 100%;
    padding: 0px !important;
}

.swip-bet .col-xs-8{
    padding: 0px !important;
}

.rvol{
    font-size: 12px !important;
}
.text-sm{
    font-size: 0.7rem !important;
}

.col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}


.col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.d-xs-none {
    display: none !important;
}
.market-suspend-mobile-2{
    background:rgba(255,255,255,.5);
    z-index:100;
    position:absolute;
    top:0;
    height:200%;
    width:200%;
    border:solid 1px #ccc;
    justify-content:center;
    padding:29px;
    left:0;
    font-weight:700;
    font-size:20px;
    text-align:center
}
.market-suspend-mobile-3{
    background:rgba(255,255,255,.5);
    z-index:100;
    position:absolute;
    top:0;
    height:300%;
    width:200%;
    border:solid 1px #ccc;
    justify-content:center;
    padding:53px;
    left:0;
    font-weight:700;
    font-size:20px;
    text-align:center
}


::-webkit-scrollbar {
  display: none;
}


}



/* width */
::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  margin-top: 2px;

}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #686565; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #686565; 
}




.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  padding: 0px !important;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}






.bg-back{
    font-size: 0.7rem;
    background-color: #6BC0FF !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.bg-lay{
    font-size: 0.7rem;
    background-color: #FF8282 !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}

.bg-back1{
    font-size: 0.7rem;
    background-color: #6BC0FF !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.bg-lay1{
    font-size: 0.7rem;
    background-color: #FF8282 !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}

.bg-back2{
    font-size: 0.8rem;
    background-color: #6BC0FF !important;
    color: black !important;
    text-align: center;
}
.bg-lay2{
    font-size: 0.8rem;
    background-color: #FF8282 !important;
    color: black !important;
    text-align: center;
}

.bg-back-light{
    font-size: 0.8rem;
    background-color: #e3f3fe !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.bg-lay-light{
    font-size: 0.8rem;
    background-color: #fdeef2 !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.bg-back-light-active{
    font-size: 0.8rem;
    background-color: #e3f3fe !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.bg-lay-light-active{
    font-size: 0.8rem;
    background-color: #fdeef2 !important;
    color: black !important;
    min-height: 43px;
    text-align: center;
    border-radius: 5px;
}
.event-suspend{
    background:rgba(0,0,0,.5);
    z-index:10;
    position:absolute;
    top:0;
    height:100%;
    width:200%;
    border:solid 1px #ccc;
    justify-content:center;
    padding:12px;
    left:0;
    font-weight:700;
    text-align:center;
    color:#fff
}
.bookmaker-suspend{
    background:#fff;
    z-index:10;
    position:absolute;
    top:0;
    height:100%;
    width:200%;
    border:solid 1px #ccc;
    justify-content:center;
    padding:12px;
    left:0;
    font-weight:700;
    text-align:center
}
.market-suspend-2{
    background:rgba(255,255,255,.5);
    z-index:100;
    position:absolute;
    top:0;
    height:200%;
    width:600%;
    border:solid 1px #ccc;
    justify-content:center;
    padding-top:29px;
    left:0;
    font-weight:700;
    font-size:16px;
    text-align:center
}
.market-suspend-3{
    background:rgba(255,255,255,.5);
    z-index:100;
    position:absolute;
    top:0;
    height:300%;
    width:600%;
    border:solid 1px #ccc;
    justify-content:center;
    padding-top:53px;
    left:0;
    font-weight:700;
    font-size:16px;
    text-align:center
}
#shw_page_data{
	height:670px;
	overflow:auto;	
}

.bg-gold{
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #FFD900 40%, transparent 80%),
  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); !important;
  color: black !important;
}

.bg-gold1{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at right top, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%); !important;
    color: black !important;
}

.bg-gold2{
    background: #FDE08D;
    background: -webkit-linear-gradient(left, #8f6B29, #FFD900, #8A6E2F);
    background: linear-gradient(left, #8f6B29, #FFD900, #8A6E2F);
}