/*darkcolor=#2b383e*/
body{
	background-color:#f5f5f6 !important;
}
.dropdown:hover>.dropdown-menu {
  display: block;
   margin-top: 0; /* remove the gap so it doesn't close */
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.form-container{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80vh; /* vh stands for viewport height */
}

.box{
	border: 1px #f5f5f6;
	min-height:50px;
	font-size:2rem;
}
.input-textcolor{
	font-weight:450;
	color:GrayText;
}
.hide{
display:none;
}

.show{
display:block;
}
.navbar-brand-logo{
	max-height:50px;
	width:180px;
	}
.tab button.active {
	position: relative;
	background-color: #f2fcff !important;
	color:#000 !important;
}
.tab button.active::before {
  content: '';
  /* Absolutely positions the underline relative to the button. */
  position: absolute;

  /* This aligns the underline so that it is at the bottom of the button. */
  bottom: 0;

  left: 0;
  width: 100%;
  height: 3px;
  background: #00baf2;
}
.card_design{
	border-radius:10px !important;
}

@media (max-width: 575px) {
.formsize {
  width: 95% !important; /* adjust this value to control the form's width */
	}
	.login-logo{
	  width:80%;
	  max-height:80px;
  }
  .form-input-row{
	  	margin-left:1px;
  }
  .navbar-brand{
	margin-left:-5px !important;
	
	}
 .navbar-brand-logo{
	max-height:50px !important;
	width:170px !important;
	}
  .navbar-toggler{
	  margin-left:-15px !important;
  }
.logout-logo{
	margin-right:-25px !important;
	}

}
.roundedrec {
  border-radius: 0.45rem;
  }
@media (min-width: 576px) {
	.login-logo{
	  width:95%;
  }
  .formsize {
  width: 65%; /* adjust this value to control the form's width */
	}
	
}

@media (min-width: 768px) {
	.dashhead-titles {
    float: left; } 

.dashhead-title {
  margin-top: 0; }

.dashhead-subtitle {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 85%;
  color: #aeaeae;
  letter-spacing: 1px;
  text-transform: uppercase; }
  .login-logo{
	  width:50%;
  }
  .formsize{
  width: 65%; /* adjust this value to control the form's width */
	}
}

@media (min-width: 992px) {
 .navbar-toggler {
        display: none !important;
    }
.navbar-brand{
	margin-left:-10px !important;
	}
	.login-logo{
	  width:80%;
	   max-height:80px;
  }
 .formsize {
  width: 35%; /* adjust this value to control the form's width */
	}
}

@media (min-width: 1200px) {
.login-logo{
	  width:80%;
	  max-height:80px;
  }
  .formsize { /* adjust this value to control the form's width */
	}

}

@media (min-width: 1400px) {
  .login-logo{
	  width:80%;
	 max-height:80px;
  }
  .formsize{
  width: 40%; /* adjust this value to control the form's width */
  
}
}