*{box-sizing: border-box;}

.mandatory-field{background-color: #B0C4DE;}

.justify{text-align: justify;}
.header-section-1{background: #FFC107;}
.page-footer{background: #00024D;}
.navbar{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); width: 100%; background-color: #00024D;/*background-color: #FFD700;*/}
.navbar-toggler{border: none;}
.navbar-toggler:focus{box-shadow: none;}
.nav-item{margin-left: 10px; padding: 0px 10px;}
.nav-item:hover{background: #FFC107;}
.nav-link{text-decoration: none; color: #fff;}

.nav-link:hover{color: #FCF8F7;	}
.dropdown-menu{border: none;}


ul>li>ul{background-color: #0160BA !important;}
ul>li>ul>li:hover{background-color: #FFC107 !important;}


/*---- Data Table ---*/
.dataTables_filter {
   
   float: right;
   text-align: left;
   
}

.dataTables_length > label{
	display: none;
}

.dataTables_paginate{
	float: right;
}


#carouselEnviroment{max-height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); height: auto; width: auto;overflow: hidden;}

.carousel-caption{
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 5%;
	top: 30%;
}


#noticeBoard{
	min-height: 420px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.revenue-sources{	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}


.card{
	border: none;
	margin: 0 10px;
	padding: 20px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	color: #581845;
}


.table > :not(caption) > * > *{
	border-bottom: none;
}

.main-section-3 > .card-group{
	display: flex;
	flex-wrap: wrap;
}

.main-section-3 > .card-group > .card{
	flex: 1 0 21%;
	margin: 5px;
	max-width: 25%;
}


#eoffice-authenication{
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.bg-admin-panel-text{
	background-color: #e6ecf5;
	color: #000;
}


main{
	min-height: 50vmax;
}


.office_address, .online-reg-details{
	border: 1px solid #FFF;
	display: flex;
	align-items: left;
	justify-content: left;	
	margin-bottom: 10px;
}

.office-add{
	margin-left: 10px;
}

.float-clear{
	clear: both;
}
.float-right{
	float: right !important;
}
.company_name{font-size: 2em;}
.company_address{font-size: 1em;}



#validateCertificate a{text-decoration: none; color: #333; font-style: italic;}


@media only screen and (max-width: 768px) {
	.nav-item{margin-left: none;}
	
	#carouselEnviroment{max-height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); overflow:hidden !important;}
	
	#noticeBoard{margin-top: 15px;}

	
	.main-section-3 > .card-group > .card{
		flex: 1 0 30%;
		margin: 5px;
		max-width: 35%;
	}
}

@media only screen and (max-width: 425px) {	
	
	
	.main-section-3 > .card-group > .card{
		flex: 1 0 95%;
		margin: 5px;
		max-width: 100%;
	}
	
	.administration_members > img{
		margin: auto;
	}


}