body {
	font-family: "Arial";
}

#headerNav {
	padding: 0;
	background-color: #008080;
	border-color: #080808;
}

#navbarToggler {
	background-color: #008080;
	border-color: #080808;
}

#headMenuMain {
	padding: 0;
}

#headMenuMain>img {
	height: 48px;
}

#scrollArea {
	padding-top: 70px;
	padding-bottom: 30px;
	overflow: hidden;
}

#footer {
	height: 30px;
}

#loadingImg {
	position: absolute;
}

@media ( max-width : 575.98px) {
	#scrollArea {
		height: 85vh;
	}
	#footer {
		display: none;
	}
	#loadingImg {
		top: 50%;
		left: 15%;
	}
}

@media ( min-width : 576px) and (max-width: 767.98px) {
	#scrollArea {
		height: 90vh;
	}
	#footer {
		display: none;
	}
	#loadingImg {
		top: 50%;
		left: 25%;
	}
}

@media ( min-width : 768px) and (max-width: 991.98px) {
	#scrollArea {
		height: 90vh;
	}
	#footer {
		height: 30px;
	}
	#loadingImg {
		top: 50%;
		left: 40%;
	}
}

@media ( min-width : 992px) and (max-width: 1199.98px) {
	#scrollArea {
		height: 90vh;
	}
	#loadingImg {
		top: 50%;
		left: 40%;
	}
}

@media ( min-width : 1200px) {
	#scrollArea {
		height: 90vh;
		overflow-y: auto;
		overflow-x:hidden:
	}
	#loadingImg {
		top: 50%;
		left: 40%;
	}
}

thead>tr>th {
	vertical-align: middle !important;
	text-align: center;
}

tbody>tr>td {
	vertical-align: middle !important;
}

.required {
	background-color: pink !important;
}

select {
	width: 100%;
}

.select2-selection__rendered {
	line-height: 32px !important;
}

.select2-selection {
	height: 34px !important;
}

label {
	margin-bottom: 0;
}

.modal-body .row {
	margin-bottom: 0.5rem;
}