body {
  background: #fff;
}
.color1 { color:#4285F4;  }
.color2 { color:#0F9D58;  }
.color3 { color:#DB4437;  }

.bg1 { background:#d9e7fd;  }
.bg2 { background:#c7fae1;  }
.bg3 { background:#f9dbd9;  }

.brd1 { border:solid 2px #4285F4;  }
.brd2 { border:solid 2px #0F9D58;  }
.brd3 { border:solid 2px #DB4437;  }

.resimg {  border:dashed 2px red; border-radius:10px;  }
.reslt {  font-size:50px; background:red; color:#fff; border-radius:20px; margin-top:5px }

.logo { text-align:center; border-bottom:solid 3px #2e4948; margin-bottom:15px;  }
.logo img{ width:90%;   margin-bottom:-7px !important; }

.logo h1 {  text-transform:uppercase; line-height:0px; margin-top:3px; font-size:18px; }


.ahead {   text-align:left;  }
.ahead span{ font-size:130px; margin-left:-10px; }
.cell { text-align:center; border-radius:5px; }
.grid {  
  display: grid;
  row-gap: 2px;
  grid-template-columns: repeat(4,22%);
  justify-content:space-evenly;
  align-content: space-evenly;  
}
.jodi {  
  display: grid;
  row-gap: 1px;
  grid-template-columns: repeat(10,8%);
  justify-content:space-evenly;
  align-content: space-evenly;  
}
.jcell { font-size:8px; text-align:center; border: dotted 1px #000;  }
#hms_timer { font-size:24px; color:red !important; font-weight:normal; }
.nexttime { font-size:16px; color:#000; font-weight:normal; }
.nobold {  font-weight:normal; }
.jqk {  font-size:8vh; color:#fff; position:absolute; font-family:sans-serif; margin:1px -40px;  }
.inp { width:100%;  text-align:center; border-radius:100px; }
.jinp { width:100%;  text-align:center; border-radius:2px; border:solid 1px #000; font-size:14px; }
.res { width: 100%; margin-left:0px !important;  text-align:center; padding:0px !important; font-size:14px; font-weight: bold;  }
.nextres { font-size:12px; }
.shr { margin:5px; }
.table th{  border:solid 1px #000;  text-align:center;  }
.table td{  border:solid 1px #000;  text-align:center;  }
.table tr:nth-child(2)  { background:red; color:#fff }
.rmg { width:40px;  }
.big { font-size:50px; }
.tmt { background:#deea21; text-align:center; }
.tmt th { color:red; font-size:22px; font-family:sans-serif; border:solid 0px #000; border-bottom:none; }
.tmt td { font-size: 22px; border:solid 0px #000; border-top:none; }
.res img { width:50% !important; }
.res img:hover { width:52% !important; }





.mobmenu {    background: #2e4948;  font-size:11px; position:fixed; left: 0px; bottom:0px; z-index:9999999999; width:100%; text-align:center; margin:0px; padding:0px 10px; padding-bottom:25px; } 
.mobmenu li {  display:inline-block; width:19%;  text-align:center;  margin:0px; padding:10px 0px; 
  font-size: 14px;  border-right:solid 1px #fff; border-radius: 15px;
 } 
.mobmenu a { color:#fff;  text-align:center; font-family:sans-serif; text-decoration:none;   border-radius: 15px;  } 
.mobmenu a:hover { background:#333; color:#fff;  } 
.mobmenu li:hover { background:#333; color:#fff; } 
.mobmenu li i { font-size:35px;  text-align:center; } 
.no_border { border:none !important; }
.preloder {
  width: 100%;  
}

.spinner{
  position: absolute;
  left: 46%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 8px solid lightgray;
  border-top:  8px solid tomato;
  border-bottom:  8px solid tomato;
  animation: anime 1.4s ease infinite;
}

@keyframes anime{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.spinner::before{
  position: absolute;
  content: "";
  width: 200%;
  height: 200%;
  left: 50%;
  top: 50%;
  border-radius: inherit;
  opacity: 0.6;
  transform: translate(-50%, -50%);
  border: 10px solid lightgray ;
  border-left: 10px solid red ;
  border-right: 10px solid red ;
}

.spinner::after{
  position: absolute;
  content: "";
  width: 300%;
  height: 300%;
  left: 50%;
  top: 50%;
  border-radius: inherit;
  opacity: 0.6;
  transform: translate(-50%, -50%);
  border: 12px solid lightgray ;
  border-top: 12px solid red ;
  border-bottom: 12px solid red ;       
}
.box { font-size:20px; }
.red, .box b { font-weight:normal; color:#f00; font-size:20px;  }

.c1 {  color:#080; }
.c2 {  color:#00f; }
.c3 {  color:#8a115c; }
.c4 {  color:#f00; }

.res table td  { line-height:5px; }
.top1 {  }
.t2d { line-height:15px; }
.sticky { position:fixed; width:100%; height:160px; background:#deea21; top:29px; border-bottom:solid 3px #000;  }
.breakk { height:300px; }
.rstbl { margin-top:150px; }
.playnow { color:#fff; font-size:14px; margin: -9px;  padding:10px; float:right; display:inline-block; 
  background-color:red !important; z-index:99999; text-decoration:none;  }