/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 920px) 
{
  .main_container{
    width: 475px !important;
  }
}
@media only screen and (max-width: 700px) {

  h1,h2,h3,h4,h5,h6,p{font-size: 1em;}
   
}

a.nav__link:hover {
  color: #000;
}
a.nav__link:active {
  color: #000!important;
}
.cust-bg-color a{
  color: #fff;
}
.main_container{
  text-align: center;
}

.cust-bg-color {
    background-color: #fff;
    color: #071D4E;
}

.cust-bg-light-grey-color {
	background-color: #F8F8F8;
}


.cust-bg-light-color{
  background-color:rgb(153, 213, 255);
}
.cust-txt-color{
  color: #f2413b;
}
		
.cust-txt-color:hover {	
    color: #f2413b;	
    text-decoration: none;	
}

.light-black{
  color: #808080;
}
.form-control{
  border-radius:0!important;
}
.icon-control{
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #f2413b;
    background-clip: padding-box;
}
.alert{
  /*position:absolute;
  z-index: 1200;*/
}

.marquee{
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background-color:#000;
    background-clip: padding-box;
}


div.ex3{
  height: calc( 100vh - 82px );
  overflow: auto;
}

.nav_icon{
  font-size: 25px;
}

.cust-row{
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.profile_list div{
  text-align: left;
}
.profile_list a{
  color: #000;
  text-decoration: none;
}
.profile_list div{
  padding: 8px;
  margin: 5px;
  
}
.profile_list div i{
  font-size: 16px;
  margin-right: 10px;
}
.bank_list li a{
  color: #000;
  text-decoration: none;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgb(0, 147, 255);
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgb(0, 147, 255);
    border-color:rgb(0, 147, 255);
}
.status .btn{
   border-top-right-radius:80px 80px;
  border-bottom-right-radius:80px 80px;
}
.status img{
  max-width: 80px;
  padding: 5px;
  margin-top: -15px;
  border: 1px solid #808080;
  border-radius:80px 80px;
}

.carousel-item img{
  height: 250px;
/*   max-width: 100%; */
  width: 100%;
  /*border-radius: 20px;*/
  object-fit: cover;
}
.game_option{
  padding:5px ;
}

.green{
  background-color: rgba(0, 194, 130, 0.3);
  color: rgb(0, 194, 130);
/*   box-shadow: rgb(0 194 130 / 40%) 0px 0px 8px; */
}
.violet{
  background-color: rgba(102, 85, 211, 0.3);
  color: rgb(102, 85, 211);
/*   box-shadow: rgb(102 85 211 / 40%) 0px 0px 8px; */
}
.red{
  background-color: rgba(250, 60, 9, 0.3);
  color: rgb(250, 60, 9);
/*   box-shadow: rgb(250 60 9 / 40%) 0px 0px 8px; */
}

.count-down h4{
/*   background-color: rgb(0 147 255 / 25%);
  border-bottom: 3px solid rgb(0, 147, 255);
  padding: 2px 4px; */
  color: rgb(0, 147, 255);
  font-weight: bold;
}

.num-select div{
  background-color:#F0F0F0;
  border-radius:10px;
  cursor: pointer;
}
.num-select div:hover {
  background-color: #D3D3D3;
}

.game_option h5{
  margin: auto!important;
}
.border-green{
    border-color: rgb(0, 194, 130);
}
.border-violet{
    border-color: rgb(102, 85, 211);
}
.border-red{
    border-color: rgb(250, 60, 9);
}
.green-back{
  color: #fff;
  background-color: rgb(0, 194, 130);
}
.violet-back{
  color: #fff;
  background-color: rgb(102, 85, 211);
}
.red-back{
  color: #fff;
  background-color: rgb(250, 60, 9);
}
.modal{
  text-align: left;
}
.point-none{
  pointer-events: none;
  opacity: 0.4;
}
.tab-content .table td{
    padding: 10px!important;
}

.gv-circle{
  width: 22px;/*width: 7vw;*/
  height: 22px;
  background: linear-gradient( -45deg, rgb(102, 85, 211), rgb(102, 85, 211) 49%, white 49%, white 51%, rgb(0, 194, 130) 51% ); 
  border-radius: 50%;
}
.rv-circle{
  width: 22px;/*width: 7vw;*/
  height: 22px;
  background: linear-gradient( -45deg, rgb(102, 85, 211), rgb(102, 85, 211) 49%, white 49%, white 51%, rgb(250, 60, 9) 51% ); 
  border-radius: 50%;
}
.g-circle{
  width: 22px;/*width: 7vw;*/
  height: 22px;
  background: rgb(0, 194, 130); 
  border-radius: 50%;
}
.r-circle{
  width: 22px;/*width: 7vw;*/
  height: 22px;
  background: rgb(250, 60, 9); 
  border-radius: 50%;
}

.heading {
    position: relative;
	display: flex;
    justify-content: space-around;
    align-items: center;
}
.heading:before {
    content: '';
    background: url(/images/arrow.png);
	width: 43px;
	height: 43px;
	background-repeat: no-repeat !important;
    position: absolute;
    left: 0;
}

.ex3 {
    position: relative;
}

.main_container {
    text-align: center;
}
.cus_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.cus_btn input {
    background-color: #137AF1!important;
    color: #fff!important;
    width: 100%;
    border-radius: 40px;
    padding: 10px;
}

.cus-border { border: 1px solid #ECEDEF; border-radius: 15px; padding: 15px;  }
 .rounded-btn { border-radius: 5px; padding: 16px 10px; }
 .cus-box { 
  background-color: #fff;
   padding: 20px 17px; 
   /* border-radius: 15px; */
   border-bottom: 16px solid rgb(245, 245, 245)
   }
   
/*
	.fa-user {
		background-color: #14C25A;
	}

	.fa-phone {
		background-color: #7513F2;
	}

	.fa-lock {
		background-color: #F38D15;
	}

	.fa-key {
		background-color: #C343FF;
	}*/


	/* 	form-control and form-ground css  */

	/*.login-card {
		background-image: linear-gradient(to top, transparent, #ffffff 70%, transparent);
	}*/

	.form-group {
		position: relative;
	}

	.form-control:focus {
		border: 2px solid #007bff;
    	box-shadow: none;
	}

	.fg-rounded {
		background-color: #ffffff;
    	border-radius: 15px !important;
    	height: auto;
    	padding: 10px 70px;
    	border: 2px solid rgba(242,65,59,.27);
        width: 100%;
	}

	.form-group i {
		border-radius: 50%;
    	position: absolute;
    	top: 17%;
    	left: 3%;
	}

	.form-group i.hns {
    	position: absolute !important;
		top: 50% !important;
    	left: 90% !important;
    	font-size: 20px;
    	transform: translate(-2%, -50%);
    	cursor: pointer;
	}

	/* User Header Section with username. notification & userimage  */

	.user-header {
		background-color: #ffffff;
	}

	.noti-box {
    	width: 50px;
    	height: 50px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	position: relative;
	}

	.noti {
   	 	font-size: 1.5rem;
	}

	span#noti-count {
    	background-color: blue;
    	color: white;
    	font-weight: bold;
    	font-size: 12px;
    	padding: 0 5px;
    	border-radius: 50%;
   	 	border: 2px solid #ffffff;
    	position: absolute;
    	top: 0;
    	right: 10%;
	}