@charset "utf-8";

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url(../fonts/google-font/OpenSans-Light.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'),
		url(../fonts/google-font/OpenSans-Regular.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
		url(../fonts/google-font/OpenSans-Semibold.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url(../fonts/google-font/OpenSans-Bold.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url(../fonts/google-font/OpenSans-Italic.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans Semibold Italic'),
		local('OpenSans-SemiboldItalic'),
		url(../fonts/google-font/OpenSans-Semibold.woff) format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Semibold Italic'),
		local('OpenSans-SemiboldItalic'),
		url(../fonts/google-font/OpenSans-Semibold.woff) format('woff2');
}

html, body {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-color: #fff;
	color: #222222;
	font-family: 'Open Sans', sans-serif;
}

.body-bg {
	background-color: #e4e4e4;
}

.img-portfolio {
	margin-bottom: 30px;
}

.img-hover:hover {
	opacity: 0.8;
}

p {
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: left;
}

h3 {
	margin-bottom: 20px;
}

/*ul.list { 
	list-style-type:none;
	margin:0 0 0 22px;
	padding:0;
}
ul.list li {
	font-size:1.5em;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
}
ul.list li:before {    
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 8px 0 -14px;
	color:#666;
	font-weight:400;
}
ul.list li.last {
	border-bottom:none;
	margin-bottom:5px;
}
ul.list li ul {
	margin-top:16px;
	margin-left:10px;
	list-style-type:none;
}
ul.list li ul li {
	font-size:1em;
	margin-bottom:5px;
	padding-bottom:5px;
}*/

/*ol.list { 
	margin:0;
	padding:0;
	counter-reset: my-badass-counter;
	list-style-type:none;
}
ol.list li{ 
	margin:0 0 10px 0;
	padding:0;
	font-size:1.3em;
	line-height:1.8em;
}
ol.list li:before { 
	content: counter(my-badass-counter, upper-alpha);
    counter-increment: my-badass-counter;
    margin-right: 5px;
	margin-left:0;
    font-weight: bold;
}*/

/* Accebility Area */
.accblty {
	background-color: #131222;
	padding: 10px 0;
}

.accblty ul {
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
}

.accblty ul li {
	display: inline-block;
	margin-right: 15px;
	color: #d4d4d4;
	font-size: 1.3em;
	line-height: 1em;
}

.accblty ul li a {
	color: #d4d4d4;;
	text-decoration: none;
}

.accblty ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

.accblty ul li span.marRight {
	margin-right: 5px;
}

.accblty ul li.reduceMar {
	margin-right: 5px;
}

.accblty ul li a.homeIcon {
	color: #d4d4d4;
}

.accblty ul li a.normal {
	background-color: #565656;
	color: #fff;
	border: 1px solid #fff;
	padding: 0px 2px;
	display: block;
}

.accblty ul li a.contrast {
	background-color: #fff;
	color: #565656;
	border: 1px solid #fff;
	padding: 0px 2px;
	display: block;
}

/* logo*/
.titlePan {
	padding: 10px 0;
	background-color: #fff;
}

.emblem {
	width: 422px;
}

@media only screen and (max-width: 447px) {
	.fluidBg {
		background-size: cover;
	}
}

@media only screen and (max-width: 590px) {
	.emblem {
		width: 100%;
	}
	.emblem img {
		width: 100%;
	}
}

.navbar {
	padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 0;
	font-size: 1.4em;
	color: #fff;
	border-right: 1px solid #a0d0eb;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
	background-color: #1378ae;
	color: #fff;
}

/*Welcome pan*/
.wlcm-wrap {
	background: url(../images/wlcm-bg.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.wlcm-cont {
	float: left;
	width: 100%;
	margin-right: 30px;
}

h2.wlcmHead {
	font-size: 3em;
	line-height: 1.3em;
	font-weight: 700;
	color: #d32a00;
	min-height: 138px;
	text-transform: uppercase;
}

h2.wlcmHead span {
	color: #007f6e;
	font-weight: 400;
	text-transform: none;
}

h2.wlcmHead img {
	margin-right: 30px;
}

@media only screen and (max-width: 991px) {
	h2.wlcmHead img {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.feedimg img {
		width: 100%
	}
	h2.wlcmHead {
		font-size: 2.2em;
		margin-bottom: 0;
		min-height: auto;
		margin-bottom: 20px;
	}
}

.clearboth {
	clear: both;
}

.btm_logo_wrap {
	border-top: 1px solid #e2e2e2;
	margin-top: 40px;
	background-color: #fff;
}

.bottom-logos {
	overflow: hidden;
	padding: 10px 0;
}

.bottom-logos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bottom-logos ul li {
	display: inline;
	width: auto;
	margin-right: 45px;
}

.bottom-logos ul li:last-child {
	margin-right: 0;
}

/*Accordian*/
.accordion {
	background-color: #eee;
	color: #000;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	font-weight: 600;
	transition: 0.4s;
	margin-bottom: 5px;
	border-radius: 5px;
}

button.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

button.accordion.active:after {
	content: "\2212";
}

.active, .accordion:hover {
	background-color: #ccc;
	outline: none;
}

.panel {
	padding: 8px 15px;
	margin-bottom: 5px;
	display: none;
	background-color: white;
	height: 250px;
	overflow-y: scroll;
}

.panel ul {
	margin: 0;
	padding: 0;
}

.panel ul li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

/* Footer */
.footerWrap {
	background-color: #303b54;
	padding: 10px 0 10px 0;
}

p.cpyTxt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #dedede;
}
/*ul.footLink { list-style-type:none; margin:0; padding:0;}
ul.footLink li { margin-bottom:3px;}
ul.footLink li h3 { font-size:1.3em; font-weight:bold; color:#fff; margin:20px 0 5px 0;}
ul.footLink li h3.noTopMar { margin-top:0;}
ul.footLink li a { color:#f3f3f3; font-size:1.2em;}*/

/*.bdrRtFoot { border-left:1px solid #b9b9b9; padding-left:30px;}*/

/*.visitCount { margin-bottom:30px; font-size:1.2em; color:#dedede;}*/

/*Navigation*/
.main {
	width: 100%;
	position: relative;
}
/*General Menu Styling*/
.mainnav {
	margin: 0 auto
}

li {
	list-style: none;
}

li a {
	text-decoration: none;
}

.dropdown {
	position: absolute;
	width: 150px;
	top: 45px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
	z-index: 999;
}

.mainnav li {
	float: left;
	padding: 8px 5px;
	background: #f7941c;
	border-left: 1px solid #fff;
}

.mainnav li:first-child {
	border: none;
}

.mainnav li a {
	display: block;
	padding: 2px 10px;
	color: #fff;
	font-size: 1.4em;
}

.mainnav li:hover {
	background: #fff;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}

.mainnav li:hover a {
	color: maroon;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}
/*First Level*/
.subs {
	left: -45px;
	position: relative;
	top: 0px;
	width: 175px;
	border-left: none !important;
	border-bottom: 1px dotted #fff !important;
}

.subs:last-child {
	border: none !important;
}

.hassubs:hover .dropdown, .hassubs .hassubs:hover .dropdown {
	opacity: 1;
	visibility: visible;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}

.mainnav li:hover ul a, .mainnav li:hover ul li ul li a {
	color: white;
}

.mainnav li ul li:hover, .mainnav li ul li ul li:hover {
	background: #fff;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}

.mainnav li ul li:hover a, .mainnav li ul li ul li:hover a {
	color: maroon;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}
/*Second Level*/
.hassubs .hassubs .dropdown .subs {
	left: 15px;
	position: relative;
	width: 165px;
	top: 0px;
}

.hassubs .hassubs .dropdown {
	position: absolute;
	width: 150px;
	left: 120px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}
/*/Navigation*/

/*Login page*/
.cardBdr {
	border: 1px solid #dcdcdc;
	border-radius: 0.70rem;
}

.loginBg {
	background: url(../images/loginbg.png) 20px 20px no-repeat;
	padding-left: 340px !important;
}

.resetBg {
   background: url(../images/loginbg.png) 20px 20px no-repeat; 
	padding-left: 340px !important;
}

.maxwidth {
	max-width: 60%;
	margin: 0 auto;
}

.btnLogin {
	width: 30%;
	margin-top: 15px;
}

.form-group {
	margin-bottom: 0;
}

.min-height60 {
	min-height: 58px;
	padding-bottom: 5px;
}

.min-height60 span {
	font-size: 1.2em;
}

.min-height60 input, .min-heigt60 select {
	margin-bottom: 2px;
}

.min-height80 {
	min-height: 120px;
	padding-bottom: 5px;
}

.min-height80 textarea {
	margin-bottom: 2px;
}

.min-height80 span {
	font-size: 1.2em;
}

.form-group label {
	font-size: 1.4em;
	font-weight: 600;
}

.form-group select {
	height: 35px;
	font-size: 1.4em;
}

.form-group input {
	height: 28px;
	font-size: 1.4em;
}

.regstlink {
	margin-top: 8px;
}

.regstlink a {
	float: left;
	width: auto;
	color: #333;
	font-size: 1.4em;
	margin-right: 20px;
}

.regstlink a:hover {
	color: #36C;
	text-decoration: underline;
}

/*Registration page*/
.margintop {
	margin-top: 20px !important;
}

.form-group label.sublabl {
	color: #989898;
}

/*Quiz page*/
p.question {
	font-size: 1.6em;
}

ol.option {
	margin-right: 0;
}

ol.option li {
	font-size: 1.6em;
	list-style: upper-alpha !important;
	margin-bottom: 8px;
	font-weight: 500;
}

/*feedback page*/
.form-bg {
	background: url(../images/form-bg1.png) 0 0 no-repeat;
}

.form_wrap_head {
	width: 80%;
	margin: 0 auto;
}

.form_wrap {
	border: 1px solid #bcbcbc;
	border-radius: 5px;
	padding: 30px;
	width: 80%;
	margin: 0 auto;
	background-color: #f6f6f6;
}

.wrap-width-reg {
	width: 80% !important;
}

.sug-head {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.wrap_width_reg {
	width: 98% !important;
}
.wrap_width_csv {
	width: 90% !important;
}

.star {
	color: #F00;
	font-size: 12px !important;
}

.bdr-rt {
	border-right: 1px solid #ccc;
	padding-right: 30px;
}

.bdr-pad-lt {
	padding-left: 30px;
}

.martop25 {
	margin-top: 25px;
}


@media only screen and (max-width: 1199px) {
	.maxwidth {
		max-width:70%;
		margin:0 auto;
}	
}
@media only screen and (max-width: 991px) {
	.maxwidth {
		max-width:100%;
		margin:0 auto;
}	
}
@media only screen and (max-width: 767px) {
	.loginBg {
		background: none;
		padding-left:30px!important;
	}
}


@media only screen and (max-width: 991px) {
	.form_wrap_head {
		width: 85%;
		margin: 0 auto;
	}
	.form_wrap {
		width: 85%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.res-mar .col-md-8 {
		padding-left: 0;
	}
	.bdr-rt {
		border-right: none;
	}
	.resp-martop {
		margin-top: 20px;
	}
	.martop25 {
		margin-top: 0;
	}
	.martop25 {
		margin-top: 0;
	}
	.martop25 label {
		margin-left: 0;
	}
	.martop25 input {
		margin-left: 0;
	}
	.width100 {
		width: 100%;
	}
	@media only screen and (max-width: 425px) {
		.form_wrap_head {
			width: 100%;
			margin: 0 auto;
		}
		.form_wrap {
			width: 100%;
			margin: 0 auto;
			padding: 20px;
		}
		.card-resp {
			background: none !important;
			padding: 0 !important;
			border: none;
			box-shadow: none !important;
		}
	}
	.dsp-logo {
		float: right;
		margin-top: 10px;
	}
}

/*User Dashboard*/





/* CSV Data Page*/
.head { background-color:#e8e8e8; margin-bottom:2px; padding:10px; font-size:1.4em; font-weight:600;}
.detail { background-color:#f0efef; margin-bottom:2px; padding:10px; font-size:1.4em;}

.d-lable { float:left; width:12%;}
.d-field { float:left; width:34%;}
.d-txtarea { float:left; width:86%;}
.field-ml { margin-left:40px;}
.no-height { height:auto!important;}
.check-lt { margin-left:55px; width:89%;}
.check-lt label { font-size:1.3em; font-weight:400; line-height:1.8em; text-align:justify;}

.donlod-btn { background-color:#fff; border:1px solid #bebebe; overflow:hidden; border-radius:4px;}
.btn-name { float:left; width:85%; padding:3px 5px; border-right:1px solid #bebebe; font-size:1.3em; font-weight:600;}
.btn-name img { margin-right:3px;}
.btn-donlod-wrap {  background-color:#e3e3e3; display:block; overflow:hidden; min-height:33px;}
.btn-donlod { float:left; width:17px; margin-top:7px; margin-left:4px;}

.downloads ul { list-style-type:none; width:70%; margin:0 auto;}
.downloads ul li { float:left; width:25%; margin-right:30px; margin-top:10px;}
/* .downloads ul li { float:left; margin-right:10px;} */

@media only screen and (max-width: 991px) {
	.d-lable { float:none; width:99%;}
	.d-field { float:none; width:99%;}
	.d-txtarea { float:left; width:99%;}
	.field-ml { margin-left:0px; margin-top:15px;}
	.check-lt { margin-left:0px; width:99%;}
	.resp .col-md-3 { max-width:100%; flex: 0 0 100%;}
}
@media only screen and (max-width: 1199px) {
	.resp .col-md-3 { max-width:100%; flex: 0 0 100%; margin-top:15px;}
}

.csv-note { margin-left:25px;}
.csv-note li { margin-bottom:10px; text-align:justify; font-size:1.2em; list-style:lower-roman;}

.minheight76 {min-height:76px;}

.download-note  { background-color:#FFFAF0; border:1px solid #FAEBD7; border-radius:4px; padding:10px; width:91%; margin:10px auto 0 auto; margin-top:20px;}
.download-note td { font-size:1.3em; padding:0;}
.download-note td.bld { font-weight:600; margin-right:20px!important;}
.download-note .table td, .table th {
    padding: .20rem;
}
.download-note .table { margin-bottom:0;}


/* Admin Page Data Table CSS */

.table-container { background-color:#fff; padding:20px; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }
.dataTable td, th { font-size:1.4em;}
.dataTables_length label, .dataTables_filter label { font-size:1.4em;}
.dataTables_info { font-size:1.3em;}
.pagination li { font-size:1.4em;}