html{font-size:62.5%;}
body{font-family: 'Poppins', sans-serif; color:#5F6060; font-size:1.6rem;}
img{ max-width:100%;}
button:focus{ outline:none}
a {-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
a:hover, a:focus{ color:#FFC000}
a,a:hover,a:focus{ text-decoration:none; outline:none; box-shadow:none}
p{ margin-bottom: 2rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; font-weight:600; margin-bottom: 1.5rem; color: #000;}
h1{ font-size: 3rem;}
h2{ font-size: 2.4rem;}
h3{ font-size: 2.2rem;}
h4{ font-size: 2rem;}
h5{ font-size: 1.8rem;}
h6{ font-size: 1.6rem;}
.btn{ background:#01913f; color:#fff; font-size:1.4rem; border:none}
.btn:hover{background:#FFE100; color:#000}
.form-control{ padding:.7rem 1rem}
.form-control:focus,.form-select:focus{ box-shadow: none;}
textarea.form-control{ min-height:80px}
a .fa, a .fa-solid{ color: #333;}
.custom-btn-light .fa{ color:#fff}

 .btn:focus, .btn:active{ background:#01913f; color:#fff; box-shadow:none}
.modal-footer{ border:none}
.form-label{ font-weight: 500; color: #333;}

.logo-div{ align-items: center; justify-content: space-between; margin: 15px 0;} 
.main-title{ text-align: center; font-size: 3.2rem; margin-top: 5rem;}
.custom-table{ font-size: 1.4rem;}
.custom-table thead{ background: #333; color: #fff; font-size: 1.4rem;}
.custom-table thead th{font-weight: 500;}
.custom-table .table>:not(caption)>*>*{padding: 1rem;}
.custom-btn-light, .custom-btn-dark{ font-size: 1.4rem; border-radius: 6px; color: #fff !important; background: #00446d; text-decoration: none; font-weight: 500; padding: .6rem 1rem; border: none;}

.custom-btn-light{ background: green;}
.custom-btn-light:hover{ background: #333;}
.custom-btn-dark:hover{ background: #333;}
.red-close{color: #c20000; font-size: 1.8rem;}
.view-icon{color:#00446d}

.login-box{ max-width: 500px; margin: 5rem auto; border-radius: 12px; box-shadow:0 0px 20px rgba(0,0,0,.15); overflow: hidden; }
.login-title{ background: #00446d; color: #fff; font-size: 2.4rem; font-weight: 600; padding: .5rem 2rem 1rem; text-align: center;}
.login-body{padding: 3rem;}
.form-label,form .form-control, form .form-select, form .form-check-input{ font-size: 1.4rem ;}
form .form-check-label{ font-size: 1.5rem;}
.loging-btn{ border: none; border-radius: 10px; width: 100%; font-size: 1.8rem;}
.login-link{ font-size: 1.6rem; text-decoration: none; margin: 0 0 .5rem;}
.login-link-div{ display: flex; flex-direction: column; margin: 2rem 0 0;}
.login-link:hover{ color: #000;}

.application-form{max-width:1100px; margin: 5rem auto; border-radius: 12px; box-shadow:0 0px 20px rgba(0,0,0,.15); overflow: hidden; }
form small{ font-size: 1.2rem; margin-top: .5rem; display: inline-block;}
.app-form-table.custom-table .table>:not(caption)>*>*{ padding: 5px;}
.error-msg{ color: red;}
.success-msg{ color: green;}

.main-menu ul{ margin:0 auto; list-style-type: none; background: #f5f5f5; border-radius: 5px; display: flex; justify-content: center;}
.main-menu ul li a{ color: #333; font-size: 1.6rem; text-decoration: none; padding: .8rem 2rem; display: flex;  position: relative; }

.main-menu ul li a::after{ width: 1px; height: 15px; top:13px; right: 0; background: #333; position: absolute; content: "";}
.main-menu ul li:last-child a::after{content: none;}

.form-table-title{ background: #00446d; color: #fff; font-size: 2rem; font-weight: 600; padding: 1.5rem 2rem; text-align: center;}


@media(max-width:1023px){
 
}
@media(max-width:767px){
 
}
.overlay
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/loader.gif") center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading
{
	overflow: hidden;   
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay
{
	display: block;
}
/* input:invalid, textarea:invalid, select:invalid {
  border: 2px dashed red;
}

input:invalid:required, textarea:invalid:required, select:invalid:required {
  background-image: linear-gradient(to right, white, darkblue);
} */