.totalgame td,.totalgame th {

    border: 1px solid #00b5fc;

}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-secondary {
    background-color: #131f26 !important;
}

.btn-info {
    color: #fff;
    background-color: #00b5fc;
}

badge-primary {
    background-color: #112129 !important;
}

.badge {
    font-size: 90%;
}

.badge-primary {
    color: #fff;
    background-color: #112129 !important;
}

.bg-info {
    background-color: #131f26 !important;
}


body{

	background-color: #ddd;

}



.closing

{

    display:none;

}



.haruf td,.haruf th

{

    border:0 !important;

    padding:3px 5px !important;

}



.game p

{

    font-weight:bold;

}



.nav-link

{

color:#fff !important;

}

.jumbotron

{

  padding:1rem 2rem;

}

.lastdrop

{

  left:-125px !important;

}



.logo-size{



    width: 100%;

  }



.Jodi-input-div{

  width: 10%;

  padding:0px;
  
  border: 1px solid #747794;
background: #e7eaf5;



}



.Jodi-input-divharuf{

  padding:10px;

}

.jodi-input-fild,.haruf-input-fild{

    width: 100%;

    border-radius: 0px;

    height: 25px;

    padding:0;

       border: 1px solid #8f8f9d;

}


header { background:#00b5fc;}




.logo-size{

    width: 200px;

  

  }

  @media screen and (max-width: 600px) {

    .logo-size{

    width: 155px;

    padding-top: -40px !important;

  }

  }







  @media screen and (max-width: 600px) {

    .logo-size{

    width: 155px;

    padding-top: -40px !important;

  }



  .haruf-td{

  padding: 0px !important;

}





  }

.haruf-td-b{

  /*width: 10%;*/

  padding: 5px;

}



.Game-List{

  width: 100%;

  border-radius: 3px;

}

.hrr{

      margin-top: 0.3rem;

    margin-bottom: 0.1rem;

}

.Game-List-td-h{

  width:70%;

}

.Game-List-td-i{

  width:60%;

}

.gl-mt-20{

  margin-top:20px; 

}

.mt-70{

  margin-top:70px;

}



.border-con{

  border:1px solid #ddd;

}



.info-tab{

  font-size: 17px;

  font-weight: 700;

  margin-right: 10px;

  color: #fff;

}

.info-data{

  font-size: 15px;

  font-weight: 500;

  color: #fff;

}

.bg-logo{

  background-color: #00aaff;

}

























.banner img{

  /*background-image: url('');*/

  height: 350px;

  width: 100%;

  background-repeat: no-repeat;

  object-fit: cover;

}

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 1;

  top: 0;

  left: 0;

  /*background-color: #fff;*/

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 40px;

}





.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}



#main {

  transition: margin-left .5s;

/*  padding: 16px;*/

}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}

.col-10 {

  width:10%;

  padding:0.5%;

  float:left;

  text-align:center;

  margin-bottom:10px;

}

.col-10 input {width:100%;

  padding:3px 0;

  text-align:center;

  border-radius:2px;

  border:none;

  box-shadow: 0 0 1px 1px #999;

}

.col-10 p {margin:0;

  font-size: 1.3rem

  }



.dropdown {

  position: relative;

  display: inline-block;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}





.dropdown-content a:hover {background-color: #ddd;}



.dropdown:hover .dropdown-content {display: block;}



.dropdown:hover .dropbtn {background-color: #3e8e41;}