body, button, html, input, li, optgroup, p, section, select, span, strong, textarea, ul, table {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 13px;
}

* {
	margin: 0;
	padding: 0;
}


/* css for footer */

.divfooterbase {
	width: 100%;
	position: fixed;
	bottom: 0px;
	text-align: right;
	background: #9378b1;
	display: none;
}

.divfootertext {
	text-align: center;
	color: #FFF;
	padding-top: 40px;
	float: left;
	margin: 0px auto;
	width: 300px;
}

.divfooterlogo {
	float: right;
}



/* css for forms */

.formbase {
	padding: 3px;
	width: 100%;
	border: 1px solid #c5c5c5;
	margin: 5px auto;
}

.formcontent {
	padding: 0px;
}

.formlblheader {
	padding: 10px;
	background: #7c2569;
	margin: 0px 0px 10px;
	font-weight: 600;
}

.formbuttonplaceholder {
	float: right;
}

.formgrid {
	padding-top: 5px;
}

.formfileds {
	padding: 10px;
}


.login-image-blk {
	padding: 0% 0%;
	background: url(../Images/fhplbanner.png);
	background-size: cover;
	height: 100vh !important;
	background-position: 40% 75%;
}

.logo-img {
	width: 120px;
	padding-top: 7%;
	padding-bottom: 30px;
}

.text-white {
	color: #fff;
}

.login-screen-sec {
	background: #fff;
}

	.login-screen-sec .form-blk {
		padding: 10% 10% 0% 10%;
	}

.form-blk .login-from-mertial-sec h3 {
	color: #7c2569;
	font-size: 16px;
	font-weight: 600;
}

.login-screen-sec .login-image-blk h3 {
	padding: 0px;
	color: #fff;
	position: relative;
	font-size: 40px;
	line-height: 40px;
	font-weight: 300;
}

.text-login {
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	padding-right: 30px;
	margin-top: 30px;
	width: 73%
}

.login-screen-sec login-image-blk p {
	padding: 0% 18% 2% 3%;
	color: #fff;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

.login-screen-sec .login-image-blk h2 {
	padding: 0px;
	color: #fff;
	position: relative;
	font-weight: 600;
	font-size: 55px;
	line-height: 60px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.login-screen-sec input.form-control {
	font-size: 13px;
	height: auto;
	padding: 10px;
	margin: 5px 0px;
}


.btn1 {
	margin-top: 10px;
	width: 100%;
	background-color: #7c2569;
	border-radius: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border: 2px solid #7c2569;
	transition: all 0.35s ease-in-out;
}

.footer {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 49px;
}
.modal-header {
	background: #7c2569;
	color: white;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
}
.form-blk .login-from-mertial-sec h3 img {
	width: 22px;
	vertical-align: middle;
}


.loginlogo {
	margin-top: 23px;
	margin-left: 10px;
}

.middlePage {
	width: 625px;
	height: 500px;
	margin: auto;
	padding-top: 10%;
}

.page_top {
	float: left;
	width: 100%;
}

.formbase1 {
	width: 450px;
}

@media (max-width:639px) {
	.hund_per {
		width: auto;
	}

	.navbar-sidenav {
		display: inline-block;
		margin-bottom: 0px;
	}

	.nav-item {
		float: none;
		display: inline-block;
	}

	.navbar-brand {
		width: 100% !important;
		text-align: center;
	}

		.navbar-brand > img {
			display: inline-block;
		}

	.navbar {
		margin-bottom: 0px;
	}

	.formbase ul {
		float: left;
		width: 94%;
		padding: 0px;
	}

		.formbase ul li {
			float: left;
			width: 100%;
			text-align: center;
			white-space: normal;
		}
}

@media (max-width:725px) {

	.divfootertext {
		width: 100%;
	}

	.divfooterlogo {
		width: 100%;
		text-align: center;
	}

		.divfooterlogo img {
			width: 280px;
		}

	.formlblheaderinput input {
		width: 100%;
	}
}

@media (max-width:767px) {

	.table5, .table5 thead, .table5 tbody, .table5 th, .table5 td, .table5 tr {
		display: block;
	}

	.middlePage {
		width: 90%;
		height: auto;
	}

	.loginlogo {
		margin: 20px 0px 30px;
		text-align: center;
	}

	.loginpgfont {
		border-left: 0px;
		height: auto;
	}

	.panel {
		margin-top: 50px;
	}

	.mainpagefooter {
		float: left;
		width: 100%;
	}

		.mainpagefooter img {
			width: 280px;
			margin-top: 15px;
		}

	.divfooterbase {
		position: static;
		float: left;
		display: none;
	}

	.middlePage {
		margin-bottom: 40px;
	}

	.table-responsive {
		overflow-x: scroll;
	}

	.forgtpasd {
		width: 280px;
		min-height: 600px;
	}

	.style3 {
		width: 100px;
	}

	.forgtpasd input {
		width: 100px;
	}
}

@media (max-width:991px) {
	.middlePage {
		margin-bottom: 200px;
	}

	.ajax__validatorcallout_popup_table {
		left: 17px !important;
		margin-top: 31px;
		;
	}

	.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
		display: none;
	}
}

@media (min-height:600px) {
	.divfooterbase {
		position: fixed;
		float: none;
		display: none;
	}
}

.bg-custom {
	/* background-color: #d69bca!important;*/
	background-color: #e9ecef !important;
}

.bg2 {
	width: 100%;
	position: absolute;
	height: 100vh !important;
}

.inbg2 {
	margin-left: 30px;
}

.spacing {
	position: relative;
	top: 0;
}

.login-from-mertial-sec h4 {
	font-size: 14px;
	font-weight: 600;
	color: #7c2569;
}

.page-footer {
	background: #e9ecef;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: rgb(98 98 98) !important;
}

.total {
	padding: 10px;
}

.logo2 {
	margin-top: 0px;
	color: #000;
}

.footer2 {
	position: fixed;
	width: 100%;
	bottom: 0;
}




.CustomValidator {
	visibility: visible;
	position: absolute;
	left: 85px !important;
	top: 270px !important;
	z-index: 1000;
}

.CustomValidator1 {
	visibility: visible;
	position: absolute;
	left: 88px !important;
	top: 395px !important;
	z-index: 1000;
}

.CustomValidator div {
	border: solid 1px Black;
	background-color: LemonChiffon;
	position: relative;
}

.CustomValidator td {
	border: solid 1px Black;
	background-color: LemonChiffon;
}

.CustomValidator .ajax__validatorcallout_popup_table {
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator .ajax__validatorcallout_popup_table_row {
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_cell {
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_table {
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_table_row {
	background-color: transparent;
	padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_arrow_cell {
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}

	.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
		font-size: 1px;
		position: relative;
		left: 1px;
		border-bottom: none;
		border-right: none;
		border-left: none;
		width: 15px;
		background-color: transparent;
		padding: 0px;
	}

		.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
			height: 1px;
			overflow: hidden;
			border-top: none;
			border-bottom: none;
			border-right: none;
			padding: 0px;
			margin-left: auto;
		}

.CustomValidator .ajax__validatorcallout_error_message_cell {
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}

.CustomValidator .ajax__validatorcallout_icon_cell {
	width: 20px;
	padding: 5px;
	border-right: none;
}

.CustomValidator .ajax__validatorcallout_close_button_cell {
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}

	.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
		border: none;
		text-align: center;
		width: 10px;
		padding: 2px;
		cursor: pointer;
	}


.CustomValidator1 div {
	border: solid 1px Black;
	background-color: LemonChiffon;
	position: relative;
}

.CustomValidator1 td {
	border: solid 1px Black;
	background-color: LemonChiffon;
}

.CustomValidator1 .ajax__validatorcallout_popup_table {
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator1 .ajax__validatorcallout_popup_table_row {
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator1 .ajax__validatorcallout_callout_cell {
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator1 .ajax__validatorcallout_callout_table {
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.CustomValidator1 .ajax__validatorcallout_callout_table_row {
	background-color: transparent;
	padding: 0px;
}

.CustomValidator1 .ajax__validatorcallout_callout_arrow_cell {
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}

	.CustomValidator1 .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
		font-size: 1px;
		position: relative;
		left: 1px;
		border-bottom: none;
		border-right: none;
		border-left: none;
		width: 15px;
		background-color: transparent;
		padding: 0px;
	}

		.CustomValidator1 .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
			height: 1px;
			overflow: hidden;
			border-top: none;
			border-bottom: none;
			border-right: none;
			padding: 0px;
			margin-left: auto;
		}

.CustomValidator1 .ajax__validatorcallout_error_message_cell {
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}

.CustomValidator1 .ajax__validatorcallout_icon_cell {
	width: 20px;
	padding: 5px;
	border-right: none;
}

.CustomValidator1 .ajax__validatorcallout_close_button_cell {
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}

	.CustomValidator1 .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
		border: none;
		text-align: center;
		width: 10px;
		padding: 2px;
		cursor: pointer;
	}

.labelError9 {
	left: 5px;
	font-size: 16px;
	color: Red;
	position: relative;
	top: -45px;
}


.add1 {
	background: #7c256a;
	padding: 13px;
	border-radius: 20px;
	display: inline-flex;
	margin-bottom: 12px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

.btn4 {
	background: #8d8d8d;
	color: #fff;
}

.btn5 {
	background: #7c2569;
	color: #fff;
}

.td1, .td3, .td5, .td7, .td9, .td11, .td13 {
	background: #fff;
	color: #000;
}

.td2, .td4, .td6, .td8, .td10, .td12, .td14 {
	background: #ffd9f6;
	color: #000;
}

.list1 li {
	line-height: 24px;
	border-radius: 50px;
	margin: 20px 0px;
	text-align: center;
	font-size: 15px;
	background: #1c79c0;
	padding: 15px;
	color: white;
	list-style-type: none;
}

.list2 li {
	line-height: 24px;
	border-radius: 50px;
	margin: 20px 0px;
	text-align: center;
	font-size: 15px;
	background: #0dd3ff;
	padding: 15px;
	list-style-type: none;
}

}

#highlight th {
	color: #fff;
	background-color: #7c2569;
	text-align: center;
}

.logo1 {
	font-size: 17px;
}

.labelError3 {
	color: red;
}

.check1 {
	margin: 20px 0px;
	font-size: 14px;
}

.flex {
	padding: 10px;
}

.tableb {
	margin-bottom: 22px;
}




.list2 li {
	line-height: 22px;
	height: 60px;
	overflow-y: auto;
	overflow-x: hidden;
}

	/*.list2 li::-webkit-scrollbar {
	width: 4px;
}*/

	.list2 li::-webkit-scrollbar-thumb {
		background: #0e2d58
	}

.list1 li {
	line-height: 22px;
	height: 60px;
	overflow-y: auto;
	overflow-x: hidden;
}

	/*.list2 li::-webkit-scrollbar {
	width: 4px;
}*/

	.list1 li::-webkit-scrollbar-thumb {
		background: #0e2d58
	}

.me-md-2 {
	margin-right: 10px;
}

#highlight th {
	background-color: #7c2569;
	color: #fff;
	text-align: center;
}

.footer1 {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	background: #d7d7d7;
}

.formbase5 {
	padding: 0 21px;
	padding-bottom: 8px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #7c256a;
	border-color: #7c256a;
}

.textBoxDate1 {
	background: #e9ecef;
}

.madura {
	margin-bottom: 20px;
}

	.madura h4 {
		font-size: 19px;
	}

b, strong {
	font-weight: 600;
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: unset;
	-ms-flex-align: center;
	align-items: end;
}

.textBox,
.dropdown,
.dropdownRelation,
.textBoxDate {
	display: inline-block;
	width: 100%;
	padding: 3px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

	/* Focus effect for each input field */
	.textBox:focus,
	.dropdown:focus,
	.dropdownRelation:focus,
	.textBoxDate:focus {
		color: #495057;
		background-color: #fff;
		border-color: #80bdff;
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}

.labelError {
	color: red;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #7c2569;
	background-color: #fff;
	border-color: #7c2569;
}

.btn-primary {
	color: #fff;
	background-color: #7c2569;
	border-color: #7c2569;
	padding: 6px 15px;
}




@media (min-width: 991px) {
	.depen {
		margin: auto;
		margin-top: -20px;
		margin-bottom: 15px;
		margin-left: 11px;
	}

	.textBox, .dropdown {
		display: inline-block;
		width: 80%;
		padding: 3px;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: 0.25rem;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

	.modal-smm {
		position: relative;
		width: 360px;
		margin: .5rem;
		pointer-events: none;
	}
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	color: #ffffff;
	text-shadow: 0 1px 0 #fff;
	opacity: unset;
	border: none;
}

	.close:hover {
		color: #ffffff;
		text-decoration: none;
	}

.label7 {
	font-weight: 500;
	margin-bottom: 10px;
}


.form-horizontal label {
	font-weight: 500;
	margin-bottom: 0;
}

.shadow6 {
	border-radius: 14px;
	box-shadow: 0 1px 5px #0000004d;
	background: white;
	padding: 25px;
}

.textBoxDate1 {
	background: #d3d3d3;
}

.table5 td, .table5 th {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.tablefont tr td {
	font-weight: 500;
}

.tablefont {
	font-weight: 500;
}

.formbase10 {
	padding: 6px 12px;
	border: 1px solid #dddddd;
	margin-bottom: 21px;
	padding-top: 10px;
}

.formbasedep {
	border: 1px solid #dddddd;
}

:disabled {
	background-color: #ebebeb;
	color: #999999;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	background: transparent;
}
.navbar1 {
	background: linear-gradient(90deg, rgb(105 32 126) 0%, #7c256a 53%, lch(56 40.75 227.51) 100%);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgb(255 255 255);
}
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
		color: rgb(223 223 223) !important;
	}
.textBoxDate1 {
background:lightgray;
}

.shadow1 {
	border-radius: 14px;
	box-shadow: 0 1px 5px #0000004d;
	background: white;
	padding: 15px 25px;
}

.change1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 360px;
	transform: translate(-50%, -50%);
}

@media only screen and (min-width: 991px) {

	.change1 {
		width: 370px;
	}
}

.tablesum th, .tablesum tr td {
	text-align:center;
}

.no-border {
	border: none !important;
}

.shadow6 {
	border-radius: 14px;
	box-shadow: 0 1px 5px #0000004d;
	background: white;
	padding: 25px;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #cccccc;
	background-color: #7c256a;
	border-color: #7c256a;
}