/*@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,600,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600&display=swap');

@font-face {
	font-family: 'devregular';
	src: url('../webfonts/dev_reg-webfont.woff2') format('woff2'),
	url('../webfonts/dev_reg-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body{font-family: 'Barlow Condensed', sans-serif; color: #222; padding-top: 77px}
.input-np{font-family: 'devregular'; font-size: 21px; padding: 1px 12px}

/* body{font-family: 'EB Garamond', sans-serif; color: #555; padding-top: 77px}
.input-np{font-family: 'EB Garamond', sans-serif; font-size: 21px; padding: 1px 12px} */
/*body, .dropdown-item, .form-control,.btn{font-size: 18px}*/
body, .dropdown-item, .form-control,.btn{font-size: 14px}
.navbar-nav .dropdown-menu{width: 160px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); border-color: #e3eaef}
.fa{margin-right: 4px}
.dropdown-item{padding: 7px 18px; color: #555}
h2,h3,label.text-info{font-weight: 400}
h2{font-size: 24px; margin-bottom: 20px;}
h3{font-size: 14px; text-transform: uppercase; margin-bottom: 15px}
.shrink{margin: 0}
.shrink>div{padding: 0}
.form-control{border-color: #7cbce2; border-radius: 0; background: #f8fcff; line-height: 18px;}
label.form-check-label, label.custom-control-label{font-weight: normal; cursor: pointer; color: #555}
.form-text-center .form-control{text-align: center;}
.form-text-uppercase .form-control{text-transform: uppercase;}
.btn-flat{border-radius: 0}
.input-label{cursor: pointer; margin-bottom: 0; margin-right: 25px}
.input-label>div{margin-right: 8px; transform:scale(0.9); margin-top: -1px}
.bg-light-warning{background-color: #ffe492}
.text-red{color: #f00;}
.text-blue{color: #1778be}
.flex-auto{flex: auto;}
.custom-control-inline.flex-auto{margin-right: 0;}
.text-normal{font-size: 18px; color: #555; width: 200px; text-align: left; line-height: 43px;}
.small-label{font-size: 75%; line-height: 36px;}
td.text-left{text-align:left !important}

/*header css*/
header{box-shadow: 0 1px 5px rgba(0,0,0,0.1)}
header .navbar{background: #fff;}
.navbar-expand .navbar-nav .nav-link{color: #555; transition: all ease-in-out .1s; transition-delay: .03s; padding-right: 1rem; padding-left: 1rem;}
.navbar-expand .nav-item+.nav-item .nav-link{border-left: 1px solid #ccc;}
.navbar-nav .nav-link:hover, .navbar-nav .active .nav-link{background: #0E76BD; color: #fff}

/*content css*/
/*.content {margin: 0 auto; max-width: 1000px;}*/
.content {margin: 0 auto;}
.content-header h2{font-size: 24px;}
.content-header h2 .material-icons{border-radius: 50%; color: #0E76BD; vertical-align: sub;}
.breadcrumb{background: none; padding: 0;}
.breadcrumb-item+.breadcrumb-item::before{font-family: Font Awesome\ 5 Free; content: "\f105"; font-weight: 900; color: #aaa}
.page{padding: 10mm 15mm; background: #fff;}
.datepicker td, .datepicker th{font-size: 13px; width: 30px;}
.datainput-table{border: none;}
.datainput-table thead tr td{background: #e1e8f5;}
.datainput-table td{border-color: #b9bbbc; border-width: 2px}
.datainput-table:not(.print-all-columns) tr td:first-child{border-left: none !important;}
.datainput-table:not(.print-all-columns) tr td:last-child{border-right: none !important;}

/*image input preview css*/
.input-container{position: relative;}
.upload-image{position: absolute; left:0; top:0; width:100%; height: 100%; color: #fff; background: #ff6969a3; padding:  0 5px; display: none;}

.input-container .btn-remove{position: absolute; top: 4px; right: 5px; z-index: 10; display: none; line-height: 15px; padding: 10px 8px; width: 45px;}
.input-container:hover .upload-image, .input-container:hover .btn-remove{display: block;}

/*.input-container:hover .upload-image{display: block;}*/

.upload-image i{font-size: 50px; line-height: 78px;}
.imgInput{position: absolute; top:0; left:0; width: 100%; height: 100%; background: none; opacity: 0; cursor: pointer}
.imgInput:focus{background: none}
.input-container{max-width: 185px; height:80px; overflow:hidden; margin: 0 auto; border:1px solid #0E76BD;}
.topStudentImage{margin-top: 20px;}
.student-input-container{max-width: 104px; height: 124px;}
.student-input-container img{max-width: initial; padding: 0;}
.student-input-container .upload-image i{font-size: 50px; line-height: 180px;}
.topStudentImage .student-input-container{margin-right: 0; border-radius: 5px; border-color: #555}
.name_input .form-control{padding:.375rem 5px}
.form-control.error{border-color:#ff9595}
.error{color: #ef1212}

.navbar .nav-link i{
	width: 25px;
	height: 25px;
	background: #0E76BD;
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	font-size: 15px;
	line-height: 15px;
}
.sidebar .navbar .tree.open >a>i, .sidebar .navbar .tree:hover>a>i, .sidebar .navbar a:hover>i, .sidebar .navbar a.active>i, .sidebar .navbar li.active .nav-link>i{background: #fff; color: #0E76BD}
.download-btn i{font-size: 18px; vertical-align: middle;}
.required-info{font-size:14px; font-weight:normal}
select.form-control:not([size]):not([multiple]){height: 36px;}
.files .btn{padding: 9px 10px;}
.imgTarget{padding: 5px; max-width: 100%;}
form ol li{padding-left: 15px;}
.form-block{display: none;}
.form-block.active{display: block;}
.gpaTotal td{border: none; vertical-align: middle;}
.datainput-table td,.datainput-table th, .datainput-table .form-control{text-align: center;}
.top-title{font-size: 17px; text-transform: uppercase; margin-bottom: 8px;}
.top-title h1{line-height: 35px; font-size: 37px; margin-bottom: 0; font-weight: 500}
.gapTd{padding: 5px 0 0 0 !important;}
.page{position:relative; z-index:10;}

.input-label > div {
	margin-right: 3px;
}

#photo_upload ol{
	padding-left: 15px;
}

.applied-for-radios .input-label{margin-right: 15px;}
.printable-icheck.isFatherLiving,
.printable-icheck.isMotherLiving {
	margin-top: 28px;
}

/*responsive css*/
@media(max-width: 870px){
	body{padding-top: 97px;}
}

@media(max-width: 767px){
	.sidebar{top: 50px;}
	body{padding-top: 43px;}
	.sidebar-toggler{ color: #fff; background: none; border: none; font-size: 21px; display: block;}
	.sidebar-toggler:focus{outline: none;}
	.sidebar-toggler .fa{margin: 0;}
	.sidebar{left: -230px; transition: ease-in-out .3s; box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.05);}
	.sidebar.visible{left: 0}
	.page{padding: 0; margin-bottom: 15px}
	.custom-control-inline{display: block; margin-top: 10px}
	.nav-link span{display: none;}
}

@media(min-width: 768px){
	body{background: #f3f6f8}
	.flex-grow-md{flex-grow: 1}
	footer{margin: 0 0 0 260px}
}

@media(max-width: 767.99px){
	@media screen{
		.navbar-nav{width: 100%}
		.navbar-nav li.nav-item {
			width: 20%;
		}
		.isScienceStream{
			display: block;
			margin-left: 140px;
		}
		.seperator{
			display: none;
		}
		.isScienceStream label{
			display: block;
		}
		.school-name {
			font-size: 22px;
		}
		.col-6, .col-4, .col-5, .col-7, .col-3, .col-2, .col-8{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
	}
}

.visible-print,.visible-print-flex{display:none;}

.select-visible-print{padding: 0px;}
.table .btn-rounded{
	color: #fff !important;
}

@media print{
	@page { size: 'A4';  margin: 0.7in 1in;}
	.page{padding: 0; background:none;}
	body{padding-top: 0}
	body, .dropdown-item, .form-control,.datainput-table td, .datainput-table th, .text-normal{font-size: 25px !important}
	.form-group{display: flex; align-items: center;}
	.hasBorderRow{margin:0;}
	.hasBorderRow>div[class^='col-']{padding: 0;}
	.form-control,.form-group.hasBorder,.hasBorderRow .form-group{border-bottom: 1px solid #555;}
	label:not(.input-label){white-space: nowrap; margin: 5px 0 5px 0}
	.ws-normal{white-space: normal !important;}
	textarea[name="healthConcerns"]{border-bottom: none;}
	h2{font-size: 36px}
	.text-red{display: none;}

	label.text-info{margin-top: 5px; margin-bottom: 5px}
	textarea{resize: none;}
	.visible-print,.siblingInputGroup{display:block}
	.visible-print-flex{display: flex;}
	.form-control,.form-control:disabled, .form-control[readonly],.page .select2-container--default .select2-selection--single{background: transparent !important; border: none; border-bottom: 1px solid #555; padding: 3px 12px; text-indent: -5559px}
	.hasBorder{border-bottom: 1px solid #555;}
	.select2-selection__arrow{display: none}
	.hasBorder .form-control, .hasBorderRow .form-control,.hasBorder .select2-container--default .select2-selection--single, .hasBorderRow .select2-container--default .select2-selection--single{border-bottom: none;}
	.hasBorderRow label,.hasBorder label{margin-bottom: 0; margin-top: 0}
	.hasBorder,.hasBorderRow .form-group{margin-bottom: 3px; margin-top: 5px;}
	.hasNoBorder{margin-bottom: 0;}
	.table-bordered td, .table-bordered th{border-color: #555 !important}
	.datainput-table td,.datainput-table th{padding: 5px;}
	.datainput-table .form-control,.datainput-table select.form-control:not([size]):not([multiple]){padding: 4px 12px; height: 20px;text-align-last: center;}
	.datainput-table thead tr td{background-color: #e1e8f5 !important;}
	.gpaTotal td{border: none !important;}
	.label-60{width: 40px;}
	.mr-22{margin-right: 22px !important;}

	.content{margin: 0}
	.page,.content{padding: 0 !important}
	.form-block{display: block !important; /*margin-bottom: 40px !important;*/ padding-bottom: 20px !important;}
	::-webkit-input-placeholder {color: transparent !important;}
	:-moz-placeholder { color: transparent !important;}
	select {-moz-appearance: none; -webkit-appearance: none;}
	select::-ms-expand {display: none;}
	select.hasNoValue{text-indent: -5559px}
	.input-label>div{border:1px solid #3f80a7; background: #fff; margin-top: -3px;text-indent:-5559px}
	.input-label>div>div,.files{display: none}
	.iradio_square-red.checked:before, .icheckbox_square-red.checked:before{
		content: "✓";
		position: absolute;
		top: 0;
		left: 2px;
		text-align: center;
		font-size: 20px;
		line-height: 19px;
	}
	.sidebar, hr, .btn, .upload-text,.content-header h2, .hidden-print{display: none;}
	.table .form-control, .table .select2-container--default .select2-selection--single{border:none !important; background: none;}
	.borderOnPrint, .table .borderOnPrint{border: 1px solid #555 !important; padding: 3px 12px;}
	.watermark{display:block !important; position: fixed; top: calc(50% - 155px); left: calc(50% - 242px); z-index: 0; opacity: 0.07}
	#mother_info,#authorized_local_guardian_info,.page-break-before{page-break-before: always;}
	.form-control:disabled, .form-control[readonly]{background: #f8fcff}
	#photo_upload .input-container{border: none; height: 67px}
	#photo_upload .input-container, #submitDate{border-bottom: 1px dotted  #555 !important;}
	.file-attach-info{font-size: 16px}
	.date-input{max-width: 185px; margin: 66px auto 0;}
	.imgTarget{display: none;}
	.edit-page .imgTarget{display: block;}
	.imgTarget.imagePresent{display: inline-block;}

	.edit-page .form-control,.edit-page .input-label>div, .edit-page .form-control:disabled, .edit-page .form-control[readonly],.edit-page .select2-container--default .select2-selection--single{text-indent: initial;}
	.edit-page select.hasNoValue{text-indent: -5559px !important;}
	.select-visible-print{
		text-indent: unset !important;
		color: unset !important;
		padding: unset !important;
		line-height: unset !important;
	}

	td.text-left{text-align:left !important}
	.form-control.text-left{text-align:left !important; text-align-last:left !important; padding-left:0; padding-right:0}
}

/*select2 css modification*/
.select2-container{display:block !important; width:100% !important}
.select2-container .select2-selection--single{height:36px !important; border-radius:0 !important; border-color: #7cbce2 !important; background: #f8fcff !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:34px !important;}

#totalCGPA-error{text-align:left}

/*admission page css*/
/*.form-block{display: block}*/
.admission-page{font-family: 'Muli', sans-serif;}
.admission-page, .admission-page .dropdown-item, .admission-page .form-control,.admission-page .btn{font-size: 14px}

h2.heading{font-size: 19px; padding: 8px; letter-spacing: 0.5px; color: #fff; text-transform: uppercase; text-align: center}

.fixed-image{display: flex; position: relative; align-items: center; justify-content: center; align-self: center}
.fixed-image img{width: 100%; height: 100%;}
.fixed-image.cover img{object-fit: cover}
.fixed-image.contain img{object-fit: contain}

.print-logo-left{
	width: 170px;
	height: 120px;
}

.print-logo-left img{
	object-position: left;
}

.scienceStream,.isScienceStream{display: inline-block}
.isScienceStream label{transform: scale(0.88); margin-right: 0}
.scienceStreamInputLabel{margin-right: 4px}

.dob_box{
	height: 26px;
	width: 190px;
	border: 1px solid #222;
	position: relative;
}

.dob_box>span{
	display: block;
	width: 12.5%;
	float: left;
	height: 100%;
	line-height: 26px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	color: #495057;
}

.dob_box>span:not(:last-child):after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 16px;
	background: #222
}

.dob_box>span:nth-child(2):after, .dob_box>span:nth-child(4):after{
	height: 21px;

}

.dob_box>span:nth-child(1):before, .dob_box>span:nth-child(3):before, .dob_box>span:nth-child(6):before,.age_box>span:nth-child(5):before{
	position: absolute;
	bottom: -20px;
	left: 100%;
	transform: translateX(-50%);
	font-size: 8px;
	text-align: center;
	color: #555;
}

.dob_box>span:nth-child(1):before{
	content: "Day";
}
.dob_box>span:nth-child(3):before{
	content: "Month";
}
.dob_box>span:nth-child(6):before{
	content: "Year";
}

.age_box>span:nth-child(1):before{
	content: "Year";
}

.age_box>span:nth-child(3):before{
	content: "Month";
}
.age_box>span:nth-child(5):before{
	content: "Day";
}

.age_box>span:nth-child(6):before{
	display: none;
}

.age_box{width: 150px;}
.age_box>span{width: 16.6666667%}


@media print{
	body,.container{
		min-width: auto !important;
		background: #fff;
		padding: 0;
	}

	.content,.container{
		max-width: unset !important;
	}

	.address{
		line-height: 14px;
	}

	.input-label>div{
		transform: scale(0.7) !important;
	}

	.applied-for-radios .input-label>div,
	.printable-icheck>div{
		border: 2px solid #2874F0 !important;
	}

	.isScienceStream{
		display: inline-block !important;
	}

	.isScienceStream .input-label > div{
		border-radius: 50%;
		margin-right: 1px;
	}

	.admission-page{
		padding: 0.5in 0.5in 0 0.65in !important;
		/*background-image: url("https://scontent.fktm3-1.fna.fbcdn.net/v/t1.15752-9/104860941_741222239984608_5876228843110385257_n.png?_nc_cat=105&_nc_sid=b96e70&_nc_ohc=OH1ROAkKbukAX8JvaoJ&_nc_ht=scontent.fktm3-1.fna&oh=9ecb3677cedbcd54d4ce259071e24472&oe=5F1583ED");*/
		background-size: contain;
		max-width: 210mm;
	}

	.admission-page .mt-4, .admission-page .my-4 {
		margin-top: 1.4rem!important;
	}

	.admission-page select.form-control:not([size]):not([multiple]) {
		height: 24px;
		padding: 0 12px;
	}

	.datainput-table select{
		height: 18px !important;
		padding: 0 !important;
	}

	.page-break-before{
		padding-top: 0.5in;
	}

	.admission-page, .admission-page .dropdown-item, .admission-page .form-control, .admission-page .datainput-table td,
	.admission-page.datainput-table th, .admission-page .text-normal{
		font-size: 14px !important;
	}

	.name-form-group{
		margin-top:10px;
		margin-bottom:10px;
		position: relative;
		padding-bottom: 2px;
		display: block;
	}

	.reg-num{
		position: absolute;
		top: 4px;
		right: 124px;
	}

	.name_input{display: none}

	.student-info-row .col-6{flex: 0 0 100%; max-width: 100%;}
	.birth-days-container{
		flex:1;
		display: flex;
		align-items: flex-start;
	}

	.right-column .col-12:first-child{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.right-column .col-12:last-child{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.right-column .col-12:last-child>.input-group{
		margin-top: 0 !important;
		margin-left: auto;
		width: 190px;
	}

	.right-column .col-12:last-child .input-group input{
		height: 25px;
		width: 80px;
		border-color: #555 !important;
	}

	.right-column .col-12:last-child .input-group label{
		margin-right: 0 !important;
	}

	.right-column .col-12:last-child .input-group .small-label{
		display: none;
	}

	.right-column .col-12:last-child .input-group div{
		display: inline-block;
	}

	.col-print-8{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 72%;
		flex: 0 0 72%;
		max-width: 72%;
	}

	.col-print-4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 28%;
		flex: 0 0 28%;
		max-width: 28%;
	}

	.hasBorderRow .select2-container--default .select2-selection--single{
		height: 24px !important;
	}

	.datainput-table td, .datainput-table th{
		padding: 6px 0;
		text-align: center !important;
	}

	#student_info{
		padding-bottom: 12px !important;
	}

	#parent_info h2{
		margin-bottom: 5px !important;
	}

	.bottom-border-design{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 10px;
	}

	.permanent-address,
	.contact-address{
		margin-top: 25px;
	}

	.contact-address,.permanent-address{
		margin-bottom: 2px !important;
	}

	.mt-print-0{
		margin-top: 0 !important;
	}

	.special-row{
		margin-left: 25px;
	}

	.special-row .special-label{
		margin-left: -25px;
		margin-right: 10px;
	}

	.input-label > div, .borderOnPrint, .table .borderOnPrint {
		border: 1px solid #222 !important;
	}
	.name-inputs span {
		background: #ddd;
		display: inline-block;
		height: 22.1px;
		width: 22.1px;
		line-height: 22.1px;
		vertical-align: middle;
		text-align: center;
		text-transform: uppercase;
	}

	.name-inputs span+span{
		margin-left: 4px;
	}

	.birth-days-container input{
		display: none;
	}

	.birth-days-container label{
		margin-right: 0;
		padding-right: 7px !important;
		font-size: 12px;
	}

	.birth-days-container .input-group{
		max-width: 240px ;
	}

	#photo_upload .imgInput{border: none}

	.applied-for-radios{margin-bottom: 10px;}
	.academic-info-heading{margin-top: 10px;}
	.datainput-table tbody tr{
		display: none;
	}

	.datainput-table tbody tr.sn-ignore:not(.d-print-none){
		display: table-row !important;
	}

	.datainput-table:not(.print-all-columns) td:last-child{
		display: none;
	}

	.datainput-table td:first-child{
		width: 10%;
	}

	.datainput-table td:nth-last-child(2){
		width: 20%;
	}

	.totalCGPA {
		width: 100px;
	}

	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}

	/*css updates for sxc*/
	textarea.form-control{
		height: 32px;
	}

	#selectStream{
		height: 2px;
		border-color: #000 !important;
	}

	.subStream{
		display: none !important;
	}

	.printable-icheck.isFatherLiving,
	.printable-icheck.isMotherLiving {
		margin-top: 5px;
	}

	.isTempAddressSameCheckebox,
	.sxcAcademicInfoTable tbody tr td:first-child input,
	#tblDocuments,
	.error{
		display: none;
	}
}

.d-none {
	display: none !important;
}