body {
    background-color: rgb(223, 223, 223) !important;
}

.game {
   
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
    
    border: 2px solid #ffffffa1;

    border-radius: 35px;
    
    background: #ececec;
    cursor: pointer;
    position: relative;
}

  

.game div {

    display: inline-block;
    color: #5f5f5f;
    padding: 0px 0px;

}
.game:hover {
    background: rgb(210 210 210);

}

.local_m, .visitor_m {

    border-radius: 0 !important;
}

.time {
    text-align: center;
    width: 100%;
    color: #00e09a !important;
    font-weight: bold;
}

.time.ft {
    color: #b6b6b6 !important;
}

.local, .visitor {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
   
  
    
}

.logo img {
    height: 40px;
    width: 40px;
    text-align: left;
   
    border-radius: 50px;
    padding: 5px;
    margin-left: 10px;
}

.bg-warning div, .bg-success div, .bg-danger div  {
    font-weight: bold
}

.bg-warning .time, .bg-success .time, .bg-danger .time  {
    font-weight: bold;
    color: #131313 !important;
}

.bg-warning div  {
    color:#5d4705;
}
.bg-success div {
    color:#126a40;
}

.bg-danger div  {
    color:#6c1f1f !important;
}

.game.bg-success {
    background-color: rgb(195 225 211) !important;
}

.game.bg-warning {
    background-color: rgb(249 227 101) !important;
    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
}
.game.bg-danger {
    background-color: #ffb4b4  !important;
}

.lukeena img {width: 80px;}


.verifytd {

    width: 100%;
    float: left;
    height: 100%;
    text-align: center;
    padding: 0px;
}


.score {
    width: 100%;
    text-align: center;
    padding: 0 !important;
    background: #ffffff47;
}
.score div {
    color: #5c5c5c !important;
    font-weight: bold;
}

.goles {
    background-color: #b3e4cc;
    padding: 8px !important;
    border-radius: 50px;
   
}

.bg-success {

}

#livescorebox {
    margin: 0 auto;
    margin-top:10px;
 
}

#livescorebox_completed {
    margin: 0 auto;
    margin-top:10px;
 
}

.local_m , .visitor_m {
    text-align: left;
}


.condition {
    text-align: left;
}

.status_m {
   
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #252325   !important;
    position: relative;
    margin-bottom: 10px;
    margin-left: 5px;
 
}

.check i {
    font-size: 37px;
    color: #161616;
    position: absolute;
    top: 6px;
    right: 8px;
}

.status_m span {
    font-weight: bold;
    margin-left: 15px;
 
}

.loading {
   
    position: relative;
    margin-left: 15px;
   
}

.totaljuegos {
    background-color: #ececec;
    border-radius: 50px;
    padding: 25px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #5f5f5f;
}
.totalcorrectos {
    background-color: #c3e1d3;
    border-radius: 50px;
    padding: 25px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #126a40;
   
}
.totalincorrectos {
    background-color: #ffb4b4;
    border-radius: 50px;
    padding: 25px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #6c1f1f;
   
}


::selection {
    -webkit-text-fill-color: #0f0f0f;
    background-color: #efefef;
    color:#0f0f0f
}



canvas{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Declate color shifting animation */
@keyframes colorShift {
	0%, 100% {
			background: #0045e6;
	}
	33% {
		background: #fb3e3e;
	}
	66%{
		background: #0dcc00;
	}
}

/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}