/* yong */
.content-center.egame {
  background-color: #B9C6D1;
  color: #022C53;
}

.egame-video-container{
  margin: 5px;
}

.egame .video-container{
  position: relative;
  background-size: cover;
  background-position: bottom;
  text-align: center;
}

.egame .video-container:after{
    content: "";
    background: linear-gradient(90deg, rgba(42,45,51,0) 0%, rgba(153,161,194,1) 51%, rgba(42,45,51,0) 100%);
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    height: 1px;
    width: 80%;
}

.egame .video-container.sports-43{
  background-image: url("../images/egame/video-bg/video-bg-kof.png") ;
}

.egame .video-container.sports-42{
  background-image: url("../images/egame/video-bg/video-bg-ufc.png") ;
}

.egame .video-container.sports-44{
  background-image: url("../images/egame/video-bg/video-bg-mk.png") ;
}

.egame .video-container.sports-45{
  background-image: url("../images/egame/video-bg/video-bg-gh.png") ;
}

.egame .video-container.sports-46{
  background-image: url("../images/egame/video-bg/video-bg-sw.png") ;
}

.egame .video-container.sports-41{
  background-image: url("../images/egame/video-bg/video-bg-sf.png") ;
}

.egame .video-container.sports-47{
  background-image: url("../images/egame/video-bg/video-bg-tk8.png") ;
}

.egame .video-container.sports-49{
  background-image: url("../images/egame/video-bg/video-bg-marble.png") ;
}

.egame .video-container.sports-51{
  background-image: url("../images/egame/video-bg/video-bg-marble-survival.png") ;
}

.egame .video-container.sports-50{
  background-image: url("../images/egame/video-bg/video-bg-marble-clash.png") ;
}

.egame .video-container.sports-52{
  background-image: url("../images/egame/video-bg/video-bg-dragonball.png") ;
}

.egame .video-container iframe{
  width: 100%;
  max-width: 500px;
  height: 220px;
  padding: 0;
  margin: 0 auto;
  vertical-align: top;
}

.egame .live-icon-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#E61839;
  border-radius: 3px;
  padding: 3px 7px;
  font-size: 10px;
  color: #fff;
  /* yong */
  animation: blinker 2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
  from { opacity: 1; }
  to { opacity: 0; }
}

.egame .live-dot{
  width: 5px;
  height: 5px;
  border-radius: 30px;
  background-color: #fff;
  display: inline-block;
  margin-left: 2px;
  border: 3px solid white;
  /* yong */
  /* animation: blinker 1s cubic-bezier(0.5, 0, 1, 1) infinite alternate; */
}

.egame .live-icon{
  display: inline-block;
  width: 12px;
}

.egame .live-match-info{
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  line-height: 14px;
}

.egame .match-collapse-body{
  background-color: #fff;
  color:#000;
  font-size: 12px;
  position: relative;
  padding:5px 5px 0px 5px;
}

.purple-text{
  color: #1C62A0;
}

.red-text{
  color: #EB133B;
}

.egame .game-icon{
  width: 20px;
  margin-right: 5px;
}

.egame .game-thumb-img{
  border-radius: 3px;
  overflow: hidden;
}

.egame .game-tab-container{
  background-color: #96B1C8;
  padding:5px;
  position: relative;
  margin-bottom: 5px;
}

.egame .game-tab-container:after{
  content: "";
  background: linear-gradient(90deg, rgba(42,45,51,0) 0%, rgba(153,161,194,1) 51%, rgba(42,45,51,0) 100%);
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  height: 1px;
  width: 80%;
}

.egame .game-tab-container .swiper-slide-thumb-active{
  position: relative;
  box-shadow:0 0 2px 2px #F6C344 inset;
  opacity: 1;
}

.egame .game-tab-container .game-thumb-img{
  padding: 3px;
  /* yong */
  /* opacity: 0.5; */
}

/* yong */
.egame .game-tab-container .game-thumb-img.swiper-slide-active{
  opacity: 1;
}

.egame .game-tab-container .game-thumb-img img{
  border-radius: 3px;
}

.egame .btn-wrapper{
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content:flex-end;
  margin: 5px;
}

.egame .btn-collapse,
.egame .btn-result{
  padding: 2px 5px;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #1F69AA;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: normal;
  margin: 0px 2px;
  font-size: 0.8rem;
  height: 25px;
  width: 25px;
}

.egame .btn-collapse.open-all{
  background: #1F69AA;
}

.egame .btn-collapse.close-all {
  background: #c1dbf9;
  color: #001e4c;
}

.egame .btn-collapse.open-all:before{
  content: url(../images/view-all-open.svg);
  width: 15px;
  margin-top: 5px;
}
.egame .btn-collapse.close-all:before{
  content: url(../images/view-all-close.svg);
  width: 15px;
  margin-top: 5px;
}

.egame .time-remaining{
  font-size: 14px;
  width: 38px;
}

.egame .time-remaining span{
  font-size: 12px;
  display: inline-block;
  margin-left: 3px;
}

.egame .bettype-col{
  color: #7C7C7C;
  text-align: center;
  font-size: 12px;
  line-height: 11px;
  padding: 0;
}

.egame .odds{
  padding: 9px 15px;
  background-color: #E1E7F1;
  text-align: center;
  font-size: 16px;
  /* yong */
  width: 90px; 
}

.egame .eracing-odds .odds{
  width: 70px; 
}

.egame .winners-market .eracing-odds .odds{
  width:auto;
}
.egame .collapse-icon{
  font-size: 10px;
  color: #9299B9;
  transition: all 0.3s;
  position: relative;
  display: flex;
  align-items: center;
}

.egame .collapse-icon:after{
  font-family: "Font Awesome 5 pro";
  content: " \f139";
  font-size: 12px;
  font-weight: bold;
  color: #9299B9;
  display: block;
  margin-left: 3px;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}

.egame .collapsed .collapse-icon:after{
  transform: rotate(180deg);
  transform-origin: center center;
}


/*efight odds*/

.egame .efight-mainmarket-group{
  margin:0px 5px 5px 5px;
}

.egame .efight-mainmarket-group.live{
  margin: 0px;
  border-radius: 0px;
  position: relative;
}

.egame .efight-mainmarket-item{
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  -webkit-appearance: none; 
  position: relative;
}

.egame .efight-mainmarket-item:before{
  content: "";
  background: linear-gradient(90deg, rgba(42,45,51,0) 0%, rgba(153,161,194,1) 51%, rgba(42,45,51,0) 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
}

.egame .efight-marketgroup-content{
  padding:0px 1rem 10px 1rem;
}

.egame .efight-marketgroup-content .match-collapse-body{
  margin: 0px 1.2rem;
}


.egame .efight-marketgroup-content .bettype-row{
  position: relative;
  height: 30px;
  margin: 0;
}

.egame .efight-odds-group{
  padding: 0;
}

.egame .efight-odds{
  display: flex;
  margin: 0 3px 6px 3px;
  border-radius: 3px;
  overflow: hidden;
}

.egame .efight-odds .bettype{
  background-color:#C4D1E4;
  color: #000;
  padding: 10px 5px;
  text-align: center;
}

.egame .efight-odds .odds{
  flex-grow: 1;
}

.egame .efight-odds .odds.win{
  color: #28CB84;
  font-weight: bold;
}

.egame .efight-mainmarket-group .mainmarket-item-top{
  background-color:#fff;
  background-image:url(../images/egame/header-bg.jpg);
  background-size: cover;
  padding: 3px 5px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.egame .efight-mainmarket-group.live .mainmarket-item-top{
  position: relative;
}

.egame .efight-mainmarket-group .game-type,
.egame .efight-mainmarket-group .date,
.egame .efight-mainmarket-group .time-remaining{
  width: 33.33%;
}

.egame .efight-mainmarket-group .mainmarket-item-match{
  display: flex;
  margin: 0px;
  color: #fff;
}

.egame .efight-mainmarket-group .mainmarket-item-match .characters{
  width: 45px;
}

.egame .efight-mainmarket-group .mainmarket-item-match .team1,
.egame .efight-mainmarket-group .mainmarket-item-match .team2{
  flex-grow: 1;
  box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5) inset;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5) inset;
  -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5) inset;
  height: 45px;
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 13px;
  line-height: 14px;
  /* padding: 0 5px; */
}

.egame .efight-mainmarket-group .mainmarket-item-match .team1{
  background: rgb(0,122,193);
  background: linear-gradient(90deg, rgba(45,89,120,1) 0%, rgba(0,122,193,1) 100%);
  flex-direction: row-reverse;
}

.egame .efight-mainmarket-group .mainmarket-item-match .team2{
  background: rgb(220,88,98);
  background: linear-gradient(90deg, rgba(220,88,98,1) 0%, rgba(143,86,96,1) 100%);
}

.egame .efight-mainmarket-group.live .mainmarket-item-match .team1,
.egame .efight-mainmarket-group.live .mainmarket-item-match .team2{
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.egame .efight-mainmarket-group .mainmarket-item-match .vs{
  width: 30px;
  height: 45px;
  display: flex;
  align-items: center;
  background-color:#EEF5FF;
  padding: 5px;
  position: relative;
}

.egame .efight-mainmarket-group.live .mainmarket-item-match .vs:after{
  left:auto;
  right:0;
}

/*racing odds*/
.egame .live-match-racing{
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
}

.egame .eracing-mainmarket-group{
  margin-bottom: 10px;
  margin: 5px;
}

.egame .eracing-mainmarket-group.live{
  margin: 0px;
}

.egame .eracing-mainmarket-item{
  background-image: url(../images/egame/header-bg.jpg);
  background-size: cover;
  padding:3px 5px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  -webkit-appearance: none; 
}

.egame .eracing-mainmarket-item:after{
  content: "";
  background: linear-gradient(90deg, rgba(42,45,51,0) 0%, rgba(153,161,194,1) 51%, rgba(42,45,51,0) 100%);
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
}

.eracing-mainmarket-item .date{
  font-size: 12px;
  /* yong */
  line-height: 25px;
}

/* yong */
/* .eracing-mainmarket-item .date span{
  display: block;
} */

.egame .eracing-odds .odds{
  margin: 3px;
  border-radius: 3px;
}

/* yong */
.eracing-mainmarket-group .bettype-col{
  width: 70px;
  margin: 3px 3px 0px 3px;
}

.eracing-mainmarket-group .winners-market .bettype-col{
  width: 100%;
  margin: 3px auto;
}

.eracing-mainmarket-group .player-wrapper{
  position: relative;
  padding-bottom: 1px;
}

.eracing-mainmarket-group .player-wrapper .small-text{
  font-size: 10px;
}

.eracing-mainmarket-group .player-wrapper .small-text .box{
  background-color: #e0e2eb;
  color:#000;
  padding: 0px 3px;
  font-size: 8px;
  display: inline-block;
  margin-right: 5px;
}

.eracing-mainmarket-group .player-wrapper:after{
  content: "";
  background: linear-gradient(90deg, rgba(42,45,51,0) 0%, rgba(153,161,194,1) 51%, rgba(42,45,51,0) 100%);
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  height: 1px;
  width: 90%;
}

.eracing-mainmarket-group .player-wrapper .characters{
  width: 20px;
}

.eracing-mainmarket-group .winners-market .player-name-wrapper{
  font-size: 14px;
  color:#000000;
  font-weight: bold;
}

.eracing-mainmarket-group .winners-market .player-info-wrapper{
  padding-left: 20px;
}

.eracing-mainmarket-group .winners-market .player-wrapper:last-child:after{
  content: "";
  background: rgba(0,0,0,0.1);
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
}
/*page result*/

.egame-result{
  background-color: #d7e2eb;
  color: #000;
  padding-bottom: 30px;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);;
}

.egame-result .header {
	-webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
	position: sticky;
	top: 0px;
	right: 0;
	left: 0;
	height: 50px;
	width: 100%;
	border-bottom: 0;
	z-index: 1031;
    background: #1252a5;
    background-image: url(../images/top-bg.jpg);
	background-size: cover;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}

.egame-result .header .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    text-align: center;
    width: 115px;
    margin: 0 auto;
    padding: 8px 0px;
}

.egame-result .header .userpart {
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 14px;
}

.egame-result .header .userpart .points{
	padding-left: 5px;
	font-weight: normal;
}

.egame-result .header .userpart .user-id{
	padding-right: 5px;
	font-weight: normal;
	border-right: 1px rgba(255,255,255,0.2) solid;
	/* text-transform: capitalize; */
}

.egame-result .back{
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	transition: ease-in-out 0.3s;
	padding-left: 10px;
}
  
.egame-result .back:hover,
.egame-result .back:active{
	padding-left: 5px;
}
  
.egame-result .back span{
	display: inline-block;
	margin-left: 5px;
}

.egame-result .egame-headline{
  padding:0.5rem;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  background-color: #fff;
}

.egame-result .game-icon{
  width: 35px;
}

.egame-result .match-result-group{
  margin:0.8rem 0.5rem;
}

.egame-result .card{
  background-color: #fff;
  border: none;
}

.egame-result .card-header {
  padding:0.3rem 0.5rem;
  margin-bottom: 0;
  background-color: #BAD1ED;
  border: none;
}

.egame-result .card-body {
  padding:0.3rem 0.5rem;
}

.egame-result .grey-text{
color:#000000;
}

.egame-result .result{
  font-size: 12px;
  font-weight: bold;
}

.egame-result .team-home,
.egame-result .over{
  background-color: #DC5862;
  width: 18px;
  height: 18px;
  color:#fff;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 30px;
  display: block;
  text-align: center;
}

.egame-result .team-away,
.egame-result .under{
  background-color: #007AC1;
  width: 18px;
  height: 18px;
  color:#fff;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 30px;
  display: block;
  text-align: center;
}

.egame-result .card-row{
  padding: 2px 10px;
}

@media only screen and (min-width: 500px) {
  .egame .video-container iframe{
    height: 280px;
  }

}

.ef-time-content {
  position: relative;
}

.ef-time {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  margin: 6px 6px;
  color: #daf6ff;
  font-weight: 600;
  /* text-shadow: 0 0 10px rgba(10, 175, 230, 1), 0 0 10px rgba(10, 175, 230, 0); */
  font-family: "Roboto", monospace;
}

.live-label {
  padding: 1px 8px;
  background: #e61839cc;
  box-shadow: 0 0 3px #ffffff;
  border-radius: 3px;
  border: 1px solid #ffffff66;
  text-align: center;
  animation: blinker 2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

.time-label {
  padding: 1px 8px;
  background: #000000cc;
  box-shadow: 0 0 3px #ffffff;
  border-radius: 3px;
  border: 1px solid #ffffff66;
  text-align: center;
}

.egame .odds.selected-odds {
	background: #db9c44;
}

/*Marble Survival*/
.egame .marble-survival-group .odds-group{
  margin: 5px;
}
.egame .marble-survival-group .match-collapse-body .player-wrapper{
  flex-basis: 33.33%;
}
.egame .marble-survival-group .match-collapse-body .player-wrapper:nth-child(even){
  border-right: 1px rgba(0,0,0,0.1) solid;
  border-left: 1px rgba(0,0,0,0.1) solid;
}
.egame .marble-survival-group .marble-team{
  flex-basis: 100%;
}
.egame .marble-survival-group .eracing-odds .odds,
.egame .marble-survival-odds .odds{
  width:auto;
}
.egame .marble-survival-group .eracing-odds{
  width:100%;
}
.egame .marble-survival-group .player-name{
  line-height: 14px;
}
.egame .marble-survival-group .marble-team .player-name-wrapper{
  margin: 0 auto;
}

/* marble clash*/
.egame .marble-clash-group .red-team{
  display: flex;
  align-items: center;
  padding: 10px;
  background: rgb(251 238 28);
  background: linear-gradient(90deg, rgb(251 238 28) 0%, rgba(255,0,0,0) 100%);
  color: #000000;
  border-radius: 5px;
}
.egame .marble-clash-group .blue-team{
  display: flex;
  align-items: center;
  padding: 10px;
  background: rgb(1,113,255);
  background: linear-gradient(90deg, rgba(1,113,255,1) 0%, rgba(1,113,255,0) 100%);
  color: #fff;
  border-radius: 5px;
}
.egame .marble-clash-group .red-team img,
.egame .marble-clash-group .blue-team img{
  width: 23px;
  margin-right: 5px;
}
.egame .marble-clash-group .bettype-col{
  margin-bottom: 3px;
  text-align: center;
  width: 100%;
}
.egame .marble-clash-group .odds-group{
  width: 25%;
}
.egame .marble-clash-group .odds {
  margin: 3px;
  border-radius: 3px;
  width: auto;
}
.egame .marble-clash-group .winners-market{
  border-bottom: 1px rgba(0,0,0,0.1) solid;
  padding: 10px 0;
}
.egame .marble-clash-group .winners-market .characters{
  width: 30px;
}
.egame .marble-clash-group .winners-market .player-name-wrapper{
  font-size: 14px;
}
.egame .marble-clash-group .normal-market{
  border-bottom: 1px rgba(0,0,0,0.1) solid;
  padding: 10px 0;
}
.egame .marble-clash-group .normal-market .bettype{
  text-align: center;
  margin-bottom: 15px;
  font-size: 14px;
}

.ball-yellow {
  background: #fbee1c;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
  font-weight: 600;
  text-shadow: 0 0 3px #ffffff;
}

.ball-red {
  background: #dc3545;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-blue {
  background: #007bff;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-over {
  background: #FF8B60;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-under {
  background: #009E9E;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-odd {
  background: #FBB871;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-even {
  background: #6667AB;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-a {
  background: #c4a701;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-b {
  background: #aaaaaa;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}

.ball-c {
  background: #cd7f32;
  box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}