label {
	margin: 0;
}
.is-hidden {
	display: none !important;
}

/* Loading Form */

@keyframes rotate {
	100% { transform: rotate(360deg); }
}

@keyframes dash {
	0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; }
	50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
	100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
}

.loading {
	position: absolute;
	top: 360px;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*.loading-spinner {
	width: 50px;
	height: 50px;
	}*/

	.loading-spinner svg {
		position: relative;
		animation: rotate 2s linear infinite;
		height: 50px;
		width: 50px;
	}

	.loading-spinner circle {
		stroke: #001333;;
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		animation: dash 1.5s ease-in-out infinite;
	}


	.registration_title {
		text-align: center;
		font-size: 35px;
		padding-bottom: 15px;
		border-bottom: 1px solid;
	}

	.h1 {
		font: 28px/37px 'Manrope', Arial, Helvetica, sans-serif;
		font-weight: 600;
		color: #ca141b;
		margin: 20px 0;
	}

	.input-field {
		margin-top: 1.5rem;
	}

	.admission-form-section .input-field > label:not(.label-icon).active {
		transform: translateY(-14px) translateX(64px) scale(0.8);
		font-size: 17px;
	}

	.admission-form-section .little-field > label:not(.label-icon).active {
		transform: translateY(-14px) translateX(30px) scale(0.8);
	}

	.admission-form-section .section-title {
		font-weight: normal;
		width: 400px;
		display: inline-block;
	}

	.admission-form-section .input-field > label {
		text-align: center;
		font-size: 16px ;
		color: #000;
	}

	.input-field .helper-text {
		position: absolute !important;
		top: 47%;
		right: 53px;
	}

	.btn_form {
		color: #000;
		padding: 17px 50px 17px;
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
	}
	.form {
		width: 100%;
		background-color: #fff;
		border-radius: 10px;
	}
	.admission-form-header {
		border-bottom: 1px solid black;
		text-align: center;
	}
	.admission-form-body .radio-row {
		padding: 10px 0;
		margin-top: 20px;
		position: relative;
	}

	.admission-form-body .radio-row .fa-check {
		position: absolute;
		right: -41px;
		top: 25px;
		font-size: 25px;
		color: #ca141b;
	}

	.admission-form-section .section-title {
		font-weight: normal;
		width: 400px;
		display: inline-block;
	}

	.admission-form-section .section-check-circle i {
		color: #ca141b;
		font-size: 30px;
		vertical-align: middle;
	}

	.admission-form-section input[type=radio] {
		display: none;
	}
	.note {
		font-size: 12px;
		text-align: center;
	}

	.admission-form-section .radio-row label {
		width: 150px;
		border: 2px solid #ca141b;
		border-radius: 40px;
		line-height: 40px;
		text-align: center;
		padding-left: 0;
		margin-right: 30px;
		font-size: 12px;
		cursor: pointer;
	}

	.admission-form-section .radio-row label.selected {
		background-color: #ca141b;
		color: #fff;
	}
	.admission-form-section .radio-row .admission-form-text {
		width: 30%;
		display: inline-block;
		font-weight: normal;
		font-size: 10px;
		margin-right: 40px;
	}

	.admission-form-section input[type=text], .admission-form-section input[type=email], .admission-form-section input[type=phone] {
		width: 100%;
		text-align: center;
		border:none;
		border-bottom: 1px solid grey;
		line-height: 30px;
		outline: none;
		height: 50px;
		box-shadow: none;
	}

	.admission-form-section .form-control:focus {
		border-bottom: 2px solid #ca141b;
		box-shadow: none;
	}

	#attach {
		display: none;
	}

	.view-img {
		text-align: center;
		width: 100%;
		overflow: hidden;
	}

	.view-img img{
		width: auto;
		max-height: 250px;
		min-height: 1px;
	}

	.upload_btn {
		text-align: center;
		margin-top: 20px;
	}

	.uploadbtn {
		width: 400px;
		border: 2px solid #ca141b;
		border-radius: 40px;
		background-color: #fff;
		line-height: 40px;
		text-align: center;
		padding-left: 0;
		font-size: 12px;
		position: relative;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
	}

	.uploadbtn:after {
		content: "\f093";
		font-family: FontAwesome;
		color: #000;
		font-size: 24px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: -100%;
		text-align: center;
		line-height: 38px;
		left: 0;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		transition: all 0.15s;
	}

	.uploadbtn:focus {
		background-color: #fff;
	}


	.uploadbtn span {
		display: inline-block;
		width: 100%;
		height: 100%;
		font-size: 15px;
		-webkit-transition: all 0.15s;
		-webkit-backface-visibility: hidden;
		-moz-transition: all 0.15s;
		-moz-backface-visibility: hidden;
		transition: all 0.15s;
		backface-visibility: hidden;
	}

	.uploadbtn:hover:after {
		top: 0;
	}

	.uploadbtn:hover span {
		-webkit-transform: translateY(300%);
		-moz-transform: translateY(300%);
		-ms-transform: translateY(300%);
		transform: translateY(300%);
	}

	.admission-form-body .marks-table {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	.admission-form-body thead {
		margin-bottom: 20px;
	}

	.admission-form-body .marks-table thead td {
		font-weight: bold;
		border: none;
	}

	.admission-form-body .marks-table td {
		border: none;
	}
	.admission-form-body .marks-table label {
		/*	width: 30px;*/	
		padding: 0 7px;
		cursor: pointer;
		color: #a5a5a5;
		transition: font-size .2s ease-out, color .2s ease-out, -webkit-font-size .2s ease-out;
	}

	.admission-form-body .marks-table i {
		font-size: 15px;
		color: #a5a5a5;
	}

	.admission-form-body .marks-table tbody tr td:nth-child(2) {
		border-right: 1px solid #ca141b;
		border-left: 1px solid #ca141b;
	}

	.admission-form-body .marks-table tbody tr td:nth-child(3) {
		border-right: 1px solid #ca141b;
	}
	.admission-form-body .marks-table label.selected {
		font-size: 18px;
		color: #ca141b;
	}

	.admission-form-body .city-option {
		width: 60%;
		margin-top: 20px;
		border: none;
		border-bottom: 1px solid grey;
		height: 50px;
		box-shadow: none;
	}

	.last-section {
		text-align: center;
	} 

	.btn-reg input[type=button] {
		width: 100%;
		border: none;
		padding: 10px;
		background-color: inherit;
		font-size: 15px;
		font-family: 'Manrope', Arial, Helvetica, sans-serif;
	}


	.btn-reg input.cf-page-btn {
		width: 100%;
		padding: 10px;
		border: none;
		background-color: inherit;
		font-size: 15px;
		font-family: 'Manrope', Arial, Helvetica, sans-serif;
	}
	.btn-reg input.cf-page-btn:hover {
		color: #fff;
	}

	.btn-reg:hover input {
		color: #fff;
	}



	.btn-reg {
		width: 250px;
		height: 45px;
		border: 2px solid #ca141b;
		border-radius: 10px;
		text-align: center;
		font-size: 15px;
		background-color: #fff;
	}

	.btn-reg:hover {
		text-decoration: none;
		background-color: #ca141b;
		color: #fff;
	}

	.btn-reg:active {
		transform: translate(0px, 5px);
		-webkit-transform: translate(0px, 5px);
		box-shadow: 0px 1px 0px 0px;
	}

	.admission-form-section  .dropdown:after {
		content: '';
		right: 14%;
		top: 46%;
		border-bottom: 2px solid #031531;
		border-right: 2px solid #031531;
		display: block;
		height: 12px;
		pointer-events: none;
		position: absolute;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 66% 66% 0;
		-ms-transform-origin: 66% 66% 0;
		transform-origin: 66% 66% 0;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
		width: 12px;
	}
	.admission-form-section  .dropdown.active:after {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.admission-form-section  .dropdown {
		text-align: center;
	}

	.admission-form-section  .dropdown .dropdown-list {
		cursor: pointer;
		font-size: 20px;
	}

	.dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -1px;
	}

	.js-success-message {
		text-align: center;
		position: absolute;
		top: 260px;
		left: 0;
		right: 0;
	}

	.js-success-message .check {
		width: 180px;
		margin-bottom: 20px;
	}

	.js-success-message .title {
		font-weight: 600;
		color: #31b76d;
		margin-bottom: 20px;
		font-size: 26px;
	}

	.js-success-message p {
		font: 14px/17px 'Manrope', Arial, Helvetica, sans-serif;
		font-weight: 300;
	}

	.js-error-message {
		text-align: center;
		border: 2px solid #ca141b;
		padding: 20px;
	}

	.control {
		display: block;
		position: relative;
		padding-left: 58px;
		margin-bottom: 10px;
		padding-top: 5px;
		cursor: pointer;
		font-size: 13px;
	}

	.control input {
		position: absolute;
		top: 1px;
		left: 1px;
	}

	.control input[type=checkbox]:before {
		content: "\f111";
		color: #ca141b;
		background: #fff;
		padding: 2px;
		font-size: 35px;
		font-family: 'Font Awesome 5 Free';	
	}

	.control input[type=checkbox]:checked:before {
		content: '\f058';
		color: #ca141b;
		background: #fff;
		border-radius: 3px;
		padding: 2px;
		font-size: 35px;
		font-family: 'Font Awesome 5 Free';
	}

	.file-field input[type=file]:valid + .helper-text:after {
		content: "\f00c";
		font-family: "Font Awesome 5 Free";
		font-size: 25px;
		font-weight: 800;
		color: #ca141b;
	}

	.form_photo img {
		width: 102%;
	}

	input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after, input[type=text]:not(.browser-default).valid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=password]:not(.browser-default).valid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=email]:not(.browser-default).valid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=url]:not(.browser-default).valid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=time]:not(.browser-default).valid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=date]:not(.browser-default).valid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=tel]:not(.browser-default).valid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=number]:not(.browser-default).valid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=search]:not(.browser-default).valid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, textarea.materialize-textarea.valid ~ .helper-text:after, textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
		content: "\f00c";
		font-family: "Font Awesome 5 Free";
		font-size: 25px;
		font-weight: 800;
		color: #ca141b;
	}

	@media only screen and (max-width: 480px) {
		.input-field > label:not(.label-icon).active {
			transform: translateY(-14px) translateX(34px) scale(0.8);
		}

		.loading {
			display: block;
			text-align: center;
			position: relative;
			top: 0;
		}

		.js-success-message {
			text-align: center;
			display: block;
			position: relative;
			top: 0;
		}

		.js-error-message {
			text-align: center;
			display: block;
			position: relative;
			top: 0;
		}

		.uploadbtn {
			width: 100%;
		}

		.uploadbtn span {
			font-size: 11px;
		}

		.admission-form-section input[type=text], .admission-form-section input[type=email], .admission-form-section input[type=phone] {
			height: 70px;
		}

	}