﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

* {
	box-sizing: border-box;
}


body
{
    width:100%;
    margin:0;
    padding:0;
    font-size:14px;
    font-family: 'Poppins', sans-serif !important;
    }

.homeBody {
	background-image: url(/ql_EP/images/white-waves.jpg);
}

.th_heading {
	font-size: 22px;
	color: #000;
	text-align: center!important;
	font-weight: bold!important;
}

.dropdown {
	display: none!important;
}

.StyleHeading {
	color: #000;
	background-color: #cad9e9;
	border: #ddd 1px solid;
	padding: 10px;
	font-weight: 400;
	text-align: left;
	font-size: 20px;
}

.preheader {
	width: 100%;
	height: 35px;
	background-image: url(/ql_EP/images/preheader_texture.jpg);
}

.preheader_inner {
	width: 90%;
	margin: 0 auto;
	font-size: 15px;
}

.left_links {
	float: left;
	color: #000;
	margin: 0!important;
	float: left;
}

.left_links a {
	color: #000;
	text-decoration: none;
	line-height: 35px;
	padding: 0 5px;
}

.left_links a:hover {
	color: #4587e3;
	transition: .1s;
}

.left_links img {
	margin-right: 4px;
}

.dv_rgt a {
	color: #000;
	text-decoration: none;
}

.dv_rgt a:hover {
	color: #4587e3;
	transition: .1s;
}

.right_links {
	float: right;
	color: #000;
}

.right_links a {
	color: #000;
	text-decoration: none;
	line-height: 35px;
	padding: 0 5px;
}

.right_links a:hover {
	color: #4587e3;
	transition: 1s;
}

.right_links img {
	margin-right: 4px;
}

.header {
	width: 100%;
	height: 71px;
	background-color: #fff;
	background-image: url(/ql_EP/images/cream-pixels.png);
	-webkit-box-shadow: 0 3px 5px rgba(57,63,72,.3);
	-moz-box-shadow: 0 3px 5px rgba(57,63,72,.3);
	box-shadow: 0 3px 5px rgba(57,63,72,.3);
}

.inner_header {
	width: 90%;
	margin: 0 auto;
}

.ep_logo {
	padding-top: 2px;
}

.login_area {
	width: 629px;
	margin: 2% auto 0%;
	background-image: url(/ql_EP/images/login_bg.png);
	background-repeat: no-repeat;
	height: 400px;
}

.login_tital {
	display: none;
}

.feildarea {
	margin: 0 2% 0 0;
	text-align: center;
	padding: 2% 0 0 0;
	float: right;
}

.feildarea input[type="text"] {
	width: 90%;
	padding: 8px 0;
	border-bottom: #c3c3c3 2px solid;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	font-size: 16px;
}

.feildarea input[type="password"] {
	width: 90%;
	padding: 8px 0;
	border-bottom: #c3c3c3 2px solid;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	font-size: 16px;
}

.feildarea select {
	width: 90%;
	padding: 8px 0;
	border-bottom: #c3c3c3 2px solid;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	font-size: 16px;
}

.feildarea input[type="button"] {
	background-image: url(../images/loginbtn_bg.png);
	border: none;
	margin: 0 auto;
	text-align: center;
	width: 90%;
	padding: 5px 0;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-size: 22px;
}

.feildarea input:hover[type="button"] {
	background-image: url(../images/loginbtn_hover_bg.png);
}

.feildarea input:focus {
	outline: none;
}

.captcha_area {
width: 100%;
	height: 110px !important;
	margin: 10px auto;
	background-color: #ebebeb;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	padding-top: 0;

}

.forgot_pass {
	color: #000;
	text-align: center!important;
	margin: 5px 0;
	text-decoration: none;
	font-size: 12px;
}

.forgot_pass a {
	text-decoration: none!important;
	font-size: 12px;
	transition: color 0.5s ease;
	color: #000;
	text-align: center!important;
}

.forgot_pass a:hover {
	color: #5a4fdd;
	text-decoration: none!important;
}

select {
	height: 35px;
	line-height: 25px;
	padding: 0 7px!important;
}

#HomeIcon {
	margin: 0 auto;
	z-index: 99999!important;
	padding-top: 0;
	float: right;
}

.home a {
	color: #000;
	text-decoration: none;
	font-weight: 400;
}

.home a:hover {
	color: #065a5d;
	font-weight: 400;
}

.home img {
	vertical-align: middle;
	margin: 0 7px 0 10px;
	border: 0;
}

#DivServer {
	position: fixed;
	right: 5px;
	bottom: 0;
	background-color: #f7df6c;
	font-weight: 700;
	color: #333;
	font-weight: 100;
	padding: 5px 20px;
	z-index: 999!important;
	border-radius: 7px 7px 0 0;
}

.login_dv {
	float: right;
	width: 25%;
}

.DivHeadermid {
	float: right;
	margin: 0 5px;
}



h1,h2,h3,h4,h5,h6,ul,li,p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

div:after {
	content: '';
	display: block;
	clear: both;
}

.textLeft {
	text-align: left;
}

.textCenter {
	text-align: center!important;
}

.textRight {
	text-align: right !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.col-10 {
	width: 10%;
	float: left;
}

.col-20 {
	width: 20%;
	float: left;
}

.col-50 {
	width: 50%;
	float: left;
}

.col-30 {
	width: 30%;
	float: left;
}

.col-40 {
	width: 40%;
	float: left;
}

.col-45 {
	width: 45%;
	float: left;
}

.col-60 {
	width: 60%;
	float: left;
}

.col-70 {
	width: 70%;
	float: left;
}

.col-80 {
	width: 80%;
	float: left;
}

.col-33 {
	width: 33.33%;
	float: left;
}

.col-50-auto {
	width: 50%;
	margin: 0 auto;
}

.col-90-auto {
	width: 95%;
	margin: 0 auto;
}

.col-95-auto {
	width: 95%;
	margin: 0 auto;
}

.col-30-auto {
	width: 30%;
	margin: 0 auto;
}

.col-20-auto {
	width: 20%;
	margin: 0 auto;
}

.col-15-auto {
	width: 15%;
	margin: 0 auto;
}

.col-10-auto {
	width: 10%;
	margin: 0 auto;
}

.col-98-auto {
	width: 98%;
	margin: 0 auto;
}

.col-80-auto {
	width: 80%;
	margin: 0 auto;
}

.col-70-auto {
	width: 70%;
	margin: 0 auto;
}

.col-60-auto {
	width: 60%;
	margin: 0 auto;
}

.p-tb-50 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.bold {
	font-weight: 700;
}

.container {
	width: 98%;
	margin: 0 auto;
	padding-top: 20px!important;
}

.container-fluid {
	width: 100%;
	padding: 0 15px;
}

.container-fluid2
{
    width: 100%;
	padding: 0 !important;
    }

.bgRed {
	background-color: #c05252;
	color: #fff;
}

.bgRed:hover {
	background-color: #aa2626;
	color: #fff;
}

.bgBlue {
	background-color: #6478ef;
	color: #fff;
}

.bgBlue:hover {
	background-color: #5c669f;
	color: #fff;
}

.bgGreen {
	background-color: #64ce75;
	color: #fff;
}

.bgGreen:hover {
	background-color: #56af64;
	color: #fff;
}



.wrapper {
	min-height: 100vh;
	height: 100%;
}

.wrapperLogin {
	min-height: 83vh!important;
	height: 100%;
}

.topRow {
	color: #fff;
font-size: 0.923em !important;
position: relative;
background: #7791e5 !important;
background: -webkit-linear-gradient(to left, #3c89bf, #377db0) !important;
background: linear-gradient(to right, #7d99ec, #293088) !important;
height: 35px;
}

.topRow a {
	color: #fff;
	line-height: 35px;
	font-size: .9em;
}

.topRow a:hover {
    color: #f6ff3c;
}

.topRow a::after {
    content: '|';
    margin: 1px;
}

.topRow a:hover::after {
	color: #fff;
}

.topRow a:last-child:after {
	content: '';
}

.divider-colors {
	background: #bcc4ff;
	display: block;
	width: 100%;
	height: 3px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.regForm {
	padding: 10px;
	background-color: #fff;
}

.serviceLogo {
	padding: 3px 0;
}

.mpoLogo {
	padding: 10px 0;
}

.mgrn-non {
	margin: 0!important;
	padding: 0!important;
}

.grd-wdth {
	width: 100%!important;
}

.smtable {
	width: 99%!important;
	margin: 0 auto;
}

.regtable {
	width: 100%;
	margin: 0 0 10px;
	border-collapse: collapse;
}

.regtable th {
	font-size: 18px;
	font-weight: lighter;
	color: #9398b6;
	padding: 10px;
	text-align: left;
}

.regtable td {
	padding: 8px;
	color: #333;
	line-height: 1.4;
	font-weight: 100;
}

.regtable5 td {
	width: 66%;
}

.bgBlue {
	background-color: #9398b6;
}

.regtable td input[type="text"],.regtable td input[type="password"],.regtable td input[type="email"],.regtable td select {
	width: 100%;
	margin: 0!important;
	padding: 7px!important;
	background-color: #fff;
	border: #ddd 1px solid;
	border-radius: 5px;
	box-shadow: none;
}

.regtable td input[type="text"],.regtable td input[type="password"],.regtable td input[type="email"],.regtable td select {
	width: 100%;
	margin: 0!important;
	padding: 7px!important;
	background-color: #fff;
	border: #ddd 1px solid;
	border-radius: 5px;
}

.regtable td input:focus,.regtable td select:focus {
	outline: none;
	box-shadow: 0 0 5px #ddd;
	border: #ddd 1px solid;
}

.regtable td input:hover {
	border-radius: 5px;
}

.regtable td select:hover {
	border: #ddd 1px solid;
}

.regtable td textarea {
	width: 100%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: #ddd 1px solid;
}

.regtable td textarea:focus {
	outline: none;
	box-shadow: 0 0 5px #ffd0b4;
	border-color: #ffd0b4;
}

textarea:hover {
	border: 1px solid #ffd0b4;
	border-radius: 5px;
}

.regtable td input[type="radio"] {
	margin: 0 5px;
}

.dash_table {
	width: 100%;
	margin: 0 0 10px;
	border-collapse: collapse;
}

.dash_table th {
	font-size: 18px;
	font-weight: lighter;
	color: #9398b6;
	line-height: 1.4;
	padding: 10px;
	text-align: left;
}

.dash_table td {
	padding: 8px;
	width: 50%;
	font-size: 13px!important;
	color: gray;
	line-height: 1.4;
	font-weight: 100;
}

.dash_table tr:nth-child(odd) {
	background: #f9f8ff!important;
}

.dash_table tr:nth-child(even) {
	background: #fff!important;
}

.total_count {
	background-color: #a9a6a6;
	color: #333!important;
}

.countFooter {
	background-color: #e8e8e8;
	color: #333!important;
}

.text_right {
	text-align: right;
}

.btn-form {
	padding: 10px;
	border-radius: 5px;
	border: none;
}

.btn-form:hover {
	cursor: pointer;
}

.redBg {
	background-color: #5649df;
	color: #fff;
}

.redBg:hover {
	background-color: #f88000;
}

button i {
	font-size: 2em;
	margin-right: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.regtable td,.regtable th i {
	margin-right: 10px;
}

.regSubhead {
	color: #b6b1b1;
	font-size: .8em;
}

.captchaSection {
	height: 100px;
	margin: 0!important;
	padding: 7px!important;
	background-color: #fff;
	border: #ddd 1px solid;
	text-align: center;
}

.footer {
	background-color: #1a0f91;
	text-align: center;
	color: #fff;
	position: relative;
	font-size: 11px!important;
}

.pageTitle {
	padding: 8px;
	border-bottom: 2px solid #ddd;
	margin-bottom: 5px;
}

.pageTitle h1,.span {
	font-size: 1.3em;
	font-weight: lighter;
}

.stripstable th {
	font-size: 15px;
	color: #fff;
	line-height: 1.4;
	background-color: #261b9d;
}

.greyTableHead {
	color: #0c5460!important;
	background-color: #a2d8b8!important;
}

.shadowTableHead {
	color: #2a9e70!important;
}

.stripstable tr:nth-child(odd) {
	background: #fff;
}

.stripstable tr:nth-child(even) {
	background: #f8f6ff;
}

.borderedtable td {
	border: 1px solid #eee;
}

.borderedbottom td {
	border-bottom: 1px solid #eee;
}

.tableTitle {
	font-size: 1.6em!important;
	color: #787fad!important;
}

@media only screen and (max-width:999px) {
	.demo {
		margin: 5%;
		width: 90%;
	}

	.how-use {
		display: none;
		float: left;
		width: 300px;
	}

	.mpoLogo {
		display: none;
	}

	.hide {
		display: none;
	}

	#tabInfo {
		display: none;
	}

	.col-20 {
		width: 100%!important;
		float: left;
	}

	.login_area {
		max-width: 400px;
		width: 100%;
		margin: 4% auto 0%;
		background-image: none!important;
		background-color: #fafafa!important;
		border: solid 5px #4587e3;
		border-radius: 15px;
		height: auto!important;
		box-shadow: 0 0 17px #888;
	}

	.feildarea {
		width: 100%;
		margin: 0 auto;
	}

	.dropdown {
		position: relative;
		display: inline-block!important;
		color: #fff!important;
	}

	.dropdown span {
		height: 30px;
		line-height: 30px;
		padding: 20px 0;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
		padding: 12px 16px;
		z-index: 999999;
		right: 0;
		top: 30px;
	}

	.dropdown-content p a {
		color: #000;
		border-bottom: dotted 1px #ddd;
		display: block;
		width: 100%;
	}

	.dropdown-content p a:before {
		content: '>';
		padding: 0 10px 0;
	}

	.dropdown-content p a:hover {
		color: #2e97c8;
		border-bottom: dotted 1px #ddd;
		display: block;
		width: 100%;
	}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	#DivLoginDtls {
		display: none!important;
	}

	.col-12 {
		width: 100%!important;
		margin: 0 auto;
		float: left;
		display: block;
	}

	.contactOuter {
		width: 100%;
		min-width: 100%!important;
	}

	.col-50,.col-70,.col-30 {
		width: 100%!important;
		float: left;
	}

	.mainLink {
		min-height: 154px;
		margin-right: 0!important;
		margin-bottom: 30px;
	}
}

.tblgrd {
	border: 1px solid #ccc;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.tblgrd tr {
	border: 1px solid #ddd;
	padding: 5px;
}

.tblgrd td {
	padding: 10px;
}

.tblgrd th {
	font-size: 14px;
	font-weight: lighter;
	background-color: #261b9d;
	color: #fff;
	line-height: 1.4;
	padding: 10px;
	text-align: left;
}

.grdbtn-form {
	padding: 5px;
	border-radius: 5px;
	border: none;
	transition: all .1s;
	text-align: left;
	cursor: pointer;
}

.sidebar {
	background-color: #fff;
	height: 520px;
}

.sidebar ul li {
	font-size: 14px;
	list-style: none;
}

.sidebar ul li {
	display: block;
	border-left: 3px solid transparent;
	transition: border-left-color .4s ease;
	transition: width .2s cubic-bezier(.35,0,.25,1);
}

.sidebar li.active {
	border-left-color: #23b7e5;
	background-color: #3bcbe3;
	color: #fff;
}

.sidebar li:hover {
	border-left-color: #23b7e5;
	background-color: #fcfcfc;
	color: #23b7e5;
}

.sidebar li:hover .sidebar li a {
	color: #23b7e5;
}

.sidebar li:hover .sidebar li a i {
	color: #23b7e5;
}

.sidebar li a {
	-webkit-animation: .5s fadeInLeft;
	animation: .5s fadeInLeft;
	color: #515253;
	position: relative;
	display: block;
	padding: 12px 24px;
	letter-spacing: .025em;
	font-weight: 400;
	cursor: pointer;
}

.sidebar li a:hover {
	color: #23b7e5;
}

.sidebar .nav-heading {
	white-space: nowrap;
	color: #919DA8;
	padding: 12px 15px;
	color: #919da8;
	font-size: 1.3em;
	letter-spacing: .035em;
	pointer-events: none;
	cursor: default;
}

.gsidebar ul li i {
	margin: 0 5px 0 0;
	color: #333;
}

.pdfView {
	border-radius: 3px;
	font-size: 13px;
	-webkit-appearance: none;
	outline: 0!important;
	transition: all .1s;
	background-color: #efefef;
	border-color: #eaeaea;
	color: #333;
	padding: .3125rem .625rem;
	font-size: .875rem;
	line-height: 1.5;
}

.side-navi-tab ul {
	padding: 0;
	margin-top: 20px;
}

.side-navi-tab ul li {
	list-style-position: inside;
	border-bottom: 1px solid #ddd;
	font-size: .9em;
	padding: 10px 10px 10px 40px;
	text-indent: -22px;
}

.list_universitycontain {
	width: 100%;
	padding: 0 5px;
	border-radius: 2px;
	float: left;
}

.login_container {
	margin: 0 5px;
	padding: 0 5px;
	border-bottom: 4px solid #787fad;
	background-color: #fff;
	border-radius: 5px;
}

.login_text {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	font-size: 21px;
	font-weight: 400;
	color: #707ab9;
}

.login_table {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.login_table tr {
	border: none;
}

.login_table td {
	margin: 0;
	padding: 0;
}

.login_table th {
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
}

.login_table input[type="text"],.login_table input[type="password"],.login_table select {
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: transparent;
	color: #a0a0a0;
}

.login_table input[type="text"]:hover,.login_table input[type="password"]:hover,.login_table select:hover {
	box-shadow: 0 0 4px #ddd;
}

.btn_signin {
	width: 85%;
	margin: 10px auto;
	padding: 10px 10px;
	font-size: 1em;
	text-align: center;
	background-color: #4587e3;
	color: #fff;
	border: none;
	border-radius: 8px;
}

.btn_signin:hover {
	background-color: #473ea7;
	color: #fff;
	cursor: pointer;
}

.btn_signup {
	width: 85%;
	margin: 10px auto;
	padding: 10px 10px;
	font-size: 1em;
	text-align: center;
	background-color: #73ad7c;
	color: #fff;
	border: none;
	border-radius: 8px;
}

.btn_signup:hover {
	background-color: #50ad5e;
	color: #fff;
	cursor: pointer;
}

.or {
	width: 85%;
	margin: 10px auto;
	padding: 10px 10px;
	font-size: 1em;
	line-height: 50px;
	text-align: center;
	border: none;
	border-radius: 8px;
}

.sub_head {
	background-color: #83c1e0!important;
	color: #000!important;
}

.Div1 {
	height: 350px;
}

.Div2 {
	height: 350px;
}



.captch_login {
	width: 100%;
	margin: 5px 0;
	padding: 10px 0;
	color: silver;
	text-align: center;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.forget_login {
	text-decoration: none;
	color: #707ab9;
	font-size: 13px;
}

.forget_login:before,.signUp:before {
	content: '→';
	margin-right: 10px;
}

.forget_login:hover {
	color: #a2a2a2;
	cursor: pointer;
}

.text_center {
	text-align: center!important;
}

.abt_head span {
	border-bottom: 3px solid #39055a;
}

.icn_login {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}

.homeSide {
	position: relative;
	z-index: 999999;
}

.homeOuter {
	position: absolute;
	top: 150px;
	z-index: 999999;
	width: 100%;
}

.homeToWelcome {
	width: 80%;
	margin: auto;
}

.homeToWelcome h1 {
	font-size: 2.5em;
	font-weight: 700;
}

.homeToWelcome p {
	width: 80%;
	font-size: 1.2em;
	margin-bottom: 30px;
}

.homeToWelcome p,.homeToWelcome h1 {
	color: #fff;
}

.homeToWelcome p,.homeToWelcome h1 {
	line-height: 1.5;
	font-style: italic;
}

.transparentBg {
	background-image: none!important;
	box-shadow: 0 0 0!important;
	z-index: 1;
	background-color: transparent!important;
	position: absolute;
	left: 101px;
	top: 0;
}

.welcomeLogo img {
	max-width: 496px;
}

.bgheight {
	height: 100vh!important;
}

.mandate {
	font-size: 12px;
	color: red;
}

.specialChar {
	background-color: #ddd;
}

.enterButton {
	text-align: center;
	display: inline-block;
}

.gradient-button {
	margin: 5px;
	font-size: .9em;
	padding: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: #fff;
	text-shadow: 0 0 4px #2f2f2f;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	min-width: 150px;
	font-variant: normal;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
	display: inline-block;
	border-radius: 25px;
}

.gradient-button:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
}

.gradient-button-4 {
	background-image: linear-gradient(to right,#00d2ff 0%,#3a7bd5 51%,#00d2ff 100%);
}

.gradient-button-4:hover {
	background-position: right center;
}

.captchaText {
	float: left!important;
	width: 65%!important;
	border-bottom: none;
	margin-top: 10px!important;
}

#imgCaptcha {
	float: left!important;
	width: 30%!important;
	border-bottom: none;
	padding-top: 10px;
}

#btnOK {
	padding: 10px 30px;
	border-radius: 25px;
	border: none;
	color: #fff;
	background-color: #ea832f;
}

#btnOK {
	background-color: #ea832f;
}

.captchaImage {
	float: left!important;
	width: 50%!important;
}

.captchaImage #imgCaptcha {
	float: right!important;
	width: auto!important;
	margin-top: -4px;
	border-bottom: none;
	padding-top: 0!important;
}

.captchaInput {
	float: left!important;
	width: 50%!important;
}

.col-20 {
	width: 20%;
	float: left;
	padding: 0 10px 0 0;
}

.dashboardBG {
	background: #f6f7fb;
}

.p7VSC_scrolling {
	width: 100%!important;
}

#HomeIcon i {
	font-size: 20px!important;
	margin: 0 5px;
}

.ccYellow {
	color: #ffe3a5;
}

.ccYellow:hover {
	color: #333;
}

.contactHeader {
	height: 100px;
	padding-top: 30px;
	background-image: url(../images/contct1.jpg);
	position: relative;
	-webkit-box-shadow: 0 3px 2px rgba(57,63,72,.2);
	-moz-box-shadow: 0 3px 2px rgba(57,63,72,.2);
	box-shadow: 0 3px 2px rgba(57,63,72,.2);
}

.contactOuter {
	width: 50%;
	min-width: 1000px;
	margin: 0 auto;
}

div:after {
	content: '';
	display: block;
	clear: both;
}

.pt-40 {
	padding-top: 40px;
}

.contactBox {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 30px;
	display: block;
	margin-bottom: 25px;
	position: relative;
	margin: 0 20px 35px;
	min-height: 207px;
	color: #333;
}

.contactBox:hover {
	color: #2e97c8;
}

.contactBox:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.4);
	box-shadow: 0 0 40px rgba(0,0,0,.4);
	bottom: 0;
	left: 10%;
	right: 10%;
	width: 80%;
	height: 20%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.contactBox i {
	font-size: 80px;
	text-align: center;
	color: #2e97c8;
	padding-bottom: 10px;
}

iz .contactBox p {
	font-size: 20px;
}

.contNumber {
	color: red;
	font-size: 22px;
	font-style: italic;
	line-height: 1.5;
}

.main {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 30px;
	width: 100%;
	background-color: #fff;
	margin-top: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.printHeader___ h1 {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 21px;
	border: none!important;
	font-weight: 300;
}

.printHeader___ h3 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}

.topic {
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: solid 1px #d2d2d2;
}

.open {
	cursor: pointer;
	display: block;
	padding: 0;
}

.open:hover {
	opacity: .7;
}

.expanded {
	background-color: #f9f9f9;
	transition: all .3s ease-in-out;
}

.question {
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: 500;
	color: #2e97c8;
}

.answer {
	font-size: 16px;
	line-height: 26px;
	display: none;
	margin-bottom: 30px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
}

.faq-t {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	float: right;
	position: relative;
	top: -29px;
	right: 10px;
	width: 10px;
	height: 10px;
	background: transparent;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	transition: all .3s ease-in-out;
}

.faq-o {
	top: -29px;
	-moz-transform: rotate(-224deg);
	-ms-transform: rotate(-224deg);
	-webkit-transform: rotate(-224deg);
	transform: rotate(-224deg);
}

@media only screen and (max-width:480px) {
	.faq-t {
		display: none;
	}

	.question {
		padding-right: 0;
	}

	main {
		padding: 10px;
	}

	.answer {
		margin-bottom: 30px;
		padding-left: 0;
		padding-right: 0;
	}

	.linkIcons {
		padding-top: 20px;
	}|	.linkIcons a {
		width: 100%;
	}
}

.printHeader {
	display: none;
}

@media print {
	.printHeader {
		height: 60px;
		display: block;
	}

	.textLeft {
		text-align: left;
	}

	.col-33 {
		width: 33.33%;
		float: left;
	}

	.textRight {
		text-align: right;
	}

	.printHeader h3 {
		text-align: center;
		line-height: 80px;
		font-size: 20px;
		height: 60px;
	}

	.printmpoLogo {
		padding: 10px;
	}

	.printmpoLogo img {
		width: 75%;
	}

	.printdeptLogo {
		padding: 10px;
	}

	.regtable td {
		font-size: 12px!important;
	}

	.regtable th {
		color: #000;
		font-weight: 600;
		font-size: 14px;
		border: 1px solid #ddd;
	}
}

.regSession {
	background-color: #e2e2e2;
	margin-top: -6px;
	padding: 4px;
}

.imageProfile {
	padding: 10px;
	border: 1px solid #ddd;
}

.regtable2 td {
	width: 50%;
}

.regtable5 td {
	width: 20%;
}

.regtable6 td {
	width: 16.66%;
}

.mainHead {
	padding: 5px;
	margin-bottom: 20px;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

.mainHead h3 {
	font-size: 24px;
	font-weight: 400;
}

.col-25 {
	width: 25%;
	float: left;
	padding: 4px;
}

.col-70 {
	width: 70%;
	float: left;
}

.mainLink {
	margin-right: 30px;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px;
}

.mainLink {
	min-height: 172px;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0 solid rgba(0,0,0,.125);
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-shadow: 0 1px 2.94px .06px rgba(4,26,55,.16);
}

.mainLink:hover {
	box-shadow: 0 0 25px -5px #9e9c9e;
}

.mainHome {
	margin-top: 50px;
}

.subMainLink a {
	color: #fff!important;
	display: block;
}

.subMainLink a:hover {
	color: #62daff!important;
	margin-left: 10px;
	transition: .1s;
}

.mainLink i {
	font-size: 26px;
	margin-bottom: 10px;
}

.mainLink h3 {
	font-size: 20px!important;
	font-weight: 500;
}

.mainLink p {
	padding-top: 10px;
	color: #fff!important;
	font-size: 13px;
}

.mainLink a:hover i {
	margin-top: -5px;
	transition: .1s;
}

.subMainLink {
	margin-top: 10px;
}

.homecontainer {
	width: 85%;
	margin: 0 auto;
}


.bg-success {
	background-color: #0f6f49;
	background-image: linear-gradient(315deg,#0f6f49 0%,#53cca9 74%);
}

.bg-success:hover {
	background-color: #0f6f49;
	background-image: linear-gradient(315deg,#0f6f49 0%,#248b66 74%);
}

.bg-danger {
	background-color: #fc9842;
	background-image: linear-gradient(315deg,#fc9842 0%,#fe5f75 74%);
}

.bg-danger:hover {
	background-color: #fc9842;
	background-image: linear-gradient(315deg,#fc9842 0%,#fc8c4c 74%);
}

.bg-warning {
	background-color: #f39f86;
	background-image: linear-gradient(315deg,#f39f86 0%,#d0b460 74%);
}

.bg-warning:hover {
	background-color: #f39f86;
	background-image: linear-gradient(315deg,#f39f86 0%,#f5ab83 74%);
}

.bg-info {
	background-color: #17a2b8!important;
}

.bg-info:hover {
	background-color: #17a2b8!important;
}

.bg-light {
	background-color: #f8f9fa!important;
}

.bg-light:hover {
	background-color: #f8f9fa!important;
}

.bg-secondary {
	background-color: #6c757d!important;
}

.bg-secondary:hover {
	background-color: #0f6f49;
	background-image: linear-gradient(315deg,#0f6f49 0%,#248b66 74%);
}

.bg-primary {
	background-color: #2a2a72;
	background-image: linear-gradient(315deg,#2a2a72 0%,#009ffd 74%);
}

.bg-primary:hover {
	background-color: #2a2a72;
	background-image: linear-gradient(315deg,#2a2a72 0%,#233e8a 74%);
}

.bg-purple {
	background-color: #a4508b;
	background-image: linear-gradient(326deg,#a4508b 0%,#5f0a87 74%);
}

.bg-purple:hover {
	background-color: #2a2a72;
	background-image: linear-gradient(315deg,#2a2a72 0%,#233e8a 74%);
}

.text-white {
	color: #fff!important;
}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cssmenu:after,#cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#cssmenu #menu-button {
	display: none;
}

#cssmenu {
	background: linear-gradient(to top, #353f98, #5161b8) !important;
}

#cssmenu>ul>li {
	float: left;
	border-right: 1px solid #aed7e9;
}

#cssmenu>ul>li:last-child {
	border-right: 0 !important;
}

#cssmenu.align-center>ul {
	font-size: 0;
	text-align: center;
}

#cssmenu.align-center>ul>li {
	display: inline-block;
	float: none;
}

#cssmenu.align-center ul ul {
	text-align: left;
}

#cssmenu.align-right>ul>li {
	float: right;
}

#cssmenu>ul>li>a {
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff !important;
	font-weight: 100;
	text-transform: uppercase;
}

#cssmenu>ul>li:hover>a {
	color: #fff;
	background-color: #f2f8fb !important;
}

.active {
	background-color: #4c66da;
}

.active:hover {
	background-color: #e05551 !important;
}

#cssmenu>ul>li.has-sub>a {
	padding-right: 30px;
}

#cssmenu>ul>li.has-sub>a:after {
	position: absolute;
	top: 19px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #fff !important;
	content: '';
}

#cssmenu>ul>li.has-sub>a:before {
	position: absolute;
	top: 16px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #fff !important;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#cssmenu>ul>li.has-sub:hover>a:before {
	top: 23px;
	height: 0;
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px;
}

#cssmenu.align-right ul ul {
	text-align: right;
}

#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	z-index: 999999;
	color: #fff!important;
	margin-bottom:-2px;
}

#cssmenu li:hover>ul {
	left: auto;
}

#cssmenu.align-right li:hover>ul {
	left: auto;
	right: 0;
}

#cssmenu li:hover>ul>li {
	height: 35px;
}

#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}

#cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#cssmenu ul ul li a {
	line-height: 1.2;
}

#cssmenu ul ul li a {
	background-color: #fff!important;
	border-bottom: 1px solid rgba(255,255,255,.1;
	color: #000 !important;
	);padding: 7px 15px;
	width: 252px;
	font-size: 13px;
	text-decoration: none;
	color: #fff!important;
	font-weight: 400;
	display: inline-block;
	float: left;
	line-height: 1.4;
}

#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last-item>a {
	border-bottom: 0;
}

#cssmenu ul ul li:hover>a,#cssmenu ul ul li a:hover {
	color: #000 !important;
	background-color: #fff;
}

#cssmenu ul ul li.has-sub>a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #000;
	content: '';
}

#cssmenu.align-right ul ul li.has-sub>a:after {
	right: auto;
	left: 11px;
}

#cssmenu ul ul li.has-sub>a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #000;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#cssmenu.align-right ul ul li.has-sub>a:before {
	right: auto;
	left: 14px;
}

#cssmenu ul ul>li.has-sub:hover>a:before {
	top: 17px;
	height: 0;
}

@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
	#cssmenu {
		width: 100%;
	}

	#cssmenu ul {
		width: 100%;
		display: none;
	}

	#cssmenu.align-center>ul {
		text-align: left;
	}

	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid rgba(120,120,120,.2);
	}

	#cssmenu ul ul li,#cssmenu li:hover>ul>li {
		height: auto;
	}

	#cssmenu ul li a,#cssmenu ul ul li a {
		width: 100%;
		border-bottom: 0;
		color: #fff !important;
	}

	#cssmenu>ul>li {
		float: none;
	}

	#cssmenu ul ul li a {
		padding-left: 25px;
	}

	#cssmenu ul ul ul li a {
		padding-left: 35px;
	}

	#cssmenu ul ul li a {
		color: #ddd;
		background: none;
	}

	#cssmenu ul ul li:hover>a,#cssmenu ul ul li.active>a {
		color: #fff;
	}

	#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left;
	}

	#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before {
		display: none;
	}

	#cssmenu #menu-button {
		display: block;
		padding: 17px;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		cursor: pointer;
		font-size: 12px;
		text-transform: uppercase;
	}

	#cssmenu #menu-button:after {
		position: absolute;
		top: 22px;
		right: 17px;
		display: block;
		height: 8px;
		width: 20px;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		content: '';
	}

	#cssmenu #menu-button:before {
		position: absolute;
		top: 16px;
		right: 17px;
		display: block;
		height: 2px;
		width: 20px;
		background: #fff;
		content: '';
	}

	#cssmenu #menu-button.menu-opened:after {
		top: 23px;
		border: 0;
		height: 2px;
		width: 15px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#cssmenu #menu-button.menu-opened:before {
		top: 23px;
		background: #fff;
		width: 15px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120,120,120,.2);
		height: 35px;
		width: 46px;
		cursor: pointer;
	}

	#cssmenu .submenu-button.submenu-opened {
		background: #4c66da;
	}

	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px;
		background-color: #899fff;
	}

	#cssmenu .submenu-button:after {
		position: absolute;
		top: 17px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #fff;
		content: '';
	}

	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px;
	}

	#cssmenu .submenu-button.submenu-opened:after {
		background: #fff;
	}

	#cssmenu .submenu-button:before {
		position: absolute;
		top: 14px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #fff;
		content: '';
	}

	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px;
	}

	#cssmenu .submenu-button.submenu-opened:before {
		display: none;
	}
}

.none table tr:nth-child(even) {
	background-color: none!important;
}

.none table tr:nth-child(odd) {
	background-color: transparent!important;
}

.none table td {
	border: none;
	display: block;
	width: 100%;
	float: left;
}

.imagePhoto {
	display: block;
}

.btn {
	margin: .2em .1em;
	font-weight: 700;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	border-bottom: .15em solid #000;
	border-radius: 3px;
	padding: .65em 1.3em;
}

.btn-lg {
	padding: 1em 2em;
}

.btn-sm,.btn-xs {
	font-size: .85em;
	padding: .5em 1em;
}

.btn-xs {
	font-size: .85em;
	padding: .25em .75em;
}

.btn-default {
	border-color: #d9d9d9;
	background-image: linear-gradient(#ffffff,#f2f2f2);
}

.btn-default:hover {
	background: linear-gradient(#f2f2f2,#e6e6e6);
}

.btn-primary {
	border-color: #2a6496;
	background-image: linear-gradient(#428bca,#357ebd);
}

.btn-primary:hover {
	background: linear-gradient(#357ebd,#3071a9);
}

.btn-success {
	border-color: #3d8b3d;
	background-image: linear-gradient(#5cb85c,#4cae4c);
}

.btn-success:hover {
	background: linear-gradient(#4cae4c,#449d44);
}

.btn-info {
	border-color: #28a1c5;
	background-image: linear-gradient(#5bc0de,#46b8da);
}

.btn-info:hover {
	background: linear-gradient(#46b8da,#31b0d5);
}

.btn-warning {
	border-color: #df8a13;
	background-image: linear-gradient(#f0ad4e,#eea236);
}

.btn-warning:hover {
	background: linear-gradient(#eea236,#ec971f);
}

.btn-danger {
	border-color: #b52b27;
	background-image: linear-gradient(#d9534f,#d43f3a);
}

.btn-danger:hover {
	background: linear-gradient(#d43f3a,#c9302c);
}

.btn {
	margin: .2em .1em;
	font-weight: 700;
	font-size: .9em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	border-bottom: .15em solid #000;
	border-radius: 3px;
	padding: .45em;
}

.btn-lg {
	padding: 1em 2em;
}

.btn-sm,.btn-xs {
	font-size: .85em;
	padding: .5em 1em;
}

.btn-xs {
	font-size: .85em;
	padding: .25em .75em;
}

.btn-default {
	border-color: #d9d9d9;
	background-image: linear-gradient(#ffffff,#f2f2f2);
}

.btn-default:hover {
	background: linear-gradient(#f2f2f2,#e6e6e6);
}

.btn-primary {
	border-color: #2a6496;
	background-image: linear-gradient(#428bca,#357ebd);
}

.btn-primary:hover {
	background: linear-gradient(#357ebd,#3071a9);
}

.btn-success {
	border-color: #3d8b3d;
	background-image: linear-gradient(#5cb85c,#4cae4c);
}

.btn-success:hover {
	background: linear-gradient(#4cae4c,#449d44);
}

.btn-info {
	border-color: #28a1c5;
	background-image: linear-gradient(#5bc0de,#46b8da);
}

.btn-info:hover {
	background: linear-gradient(#46b8da,#31b0d5);
}

.btn-warning {
	border-color: #df8a13;
	background-image: linear-gradient(#f0ad4e,#eea236);
}

.btn-warning:hover {
	background: linear-gradient(#eea236,#ec971f);
}

.btn-danger {
	border-color: #b52b27;
	background-image: linear-gradient(#d9534f,#d43f3a);
}

.btn-danger:hover {
	background: linear-gradient(#d43f3a,#c9302c);
}

.otherLinks {
	border-left-color: #79a6ff!important;
	background-color: #87a0c3!important;
	color: #000!important;
	padding: 12px 12px;
	width: auto;
	text-align: left;
	font-size: 1em;
	font-weight: 100;
	animation: .5s fadeInLeft;
	color: #000;
	position: relative;
	display: block;
	padding: 12px 12px;
	letter-spacing: .025em;
	font-weight: 400;
	cursor: pointer;
	border-bottom: 1px dashed #ddd;
	text-align: left;
}

#dialog h3 {
	font-size: 18px;
	padding-bottom: 10px;
}

#ui-id-1 {
	font-size: 16px;
	padding: 3px;
}

#dialog.ui-widget-content ul li {
	line-height: 2;
}

.hightLight {
	background-color: rgba(32,116,241,.3)!important;
	font-size: 18px!important;
}

.hrBorder {
	border: 1px solid #f39f86;
	margin: 5px 0;
}

.hightLight label {
	font-weight: bold!important;
}

.hightLight_action {
	font-size: 18px!important;
}

.rdo_wdth label {
	width: 40%;
	display: inline-block;
}

.marqueeNotice {
	margin-top: -22px;
	background-color: #e67878;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	box-shadow: -10px 3px 4px #ddd;
	margin-bottom: 20px;
	color: #fff!important;
}

.marqueeNotice span {
	font-size: 18px!important;
}

body .announcements-container .container-title {
	width: 62px!important;
}

body .announcements-container {
	margin: -18px 0 20px!important;
}

.importantLink h3,.instructionDiv h3 {
	border-radius: 5px 5px 0 0;
}

.importantLink,.instructionDiv {
	border-radius: 5px;
}

.banner-row {
	background-image: url(../images/e-pravesh_bg.jpg);
	height: 234px;
	position: relative;
}

.banner-container {
	width: 83%;
	margin: 0 auto;
}

.pcbanner {
	width: 300px;
	position: absolute;
	top: 0;
	left: 7%;
}

.bannerQuotes {
	height: 38px;
	margin: 10px 0;
	width: 100%;
	position: relative;
}

.bannerQuotes_image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.bannerQuotes_image img {
	max-width: 100%;
	height: 100%;
}

.bannerPara {
	color: #fff;
	position: relative;
	line-height: 38px;
	font-size: 1.3rem;
}

.bannerPara span {
	color: #f9f135!important;
	font-size: 1.3rem;
}

.banner-text {
	width: 100%;
	padding-top: 50px;
	padding-left: 300px;
}

.banner-text .session {
	color: #fff;
	font-style: italic;
}


.subMainLink {
	margin-top: 0;
}

.subMainLink a:hover {
	color: #fff!important;
	text-decoration: underline;
	margin-left: 10px;
	transition: .1s;
}

.subMainLink a:hover::before {
	content: '\f105 ';
	text-decoration: none;
	padding-right: 2px;
	text-decoration: none!important;
}

.subMainLink a {
	font-size: 12px;
}

@media only screen and (max-width:666px) {
	.bannerPara {
		line-height: 1.5;
		font-size: 1rem!important;
	}

	.bannerPara span {
		font-size: 1rem!important;
	}

	.banner-text {
		padding: 48px 0;
	}
}

@media only screen and (max-width:999px) {
	.mainLink {
		min-height: 100%!important;
	}

	.banner-row {
		width: 100%;
		height: auto;
	}

	body .announcements-container {
		margin: 10px 12px 10px 0!important;
	}

	.pcbanner {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.banner-text {
		width: 100%;
		padding: 20px 0;
		padding-left: 0;
		z-index: 999999;
		position: relative;
	}

	.bannerQuotes {
		background-image: none;
		height: auto;
		margin: 10px 0;
		width: 100%;
		background-color: #be3a53;
	}

	.pcbanner {
		display: none;
	}

	.bannerPara {
		font-size: 1.1rem;
	}

	.bannerPara span {
		font-size: 1.1rem;
	}
}

body .announcements-container {
	background: #e9e375!important;
}

body .announcements-container .container-title {
	background: #a60449!important;
}

.bg-gradegrey {
	background: #1c314c;
	background: -webkit-linear-gradient(to right,#528a9a,#1c314c);
	background: linear-gradient(to right,#528a9a,#1c314c);
}

.bg-celestial {
	background: #6a1c5c;
	background: -webkit-linear-gradient(to right,#336198,#6a1c5c);
	background: linear-gradient(to right,#336198,#6a1c5c);
}

.bg-sulphur {
	background: #dca282;
	background: -webkit-linear-gradient(to right,#c8b465,#dca282);
	background: linear-gradient(to right,#c8b465,#dca282);
}

.bg-alihossein {
	background: #e4904e;
	background: -webkit-linear-gradient(to right,#e05f74,#e4904e);
	background: linear-gradient(to right,#e05f74,#e4904e);
}

.bg-meridian {
	background: #1d6822;
	background: -webkit-linear-gradient(to right,#45a247,#1d6822);
	background: linear-gradient(to right,#45a247,#1d6822);
}

.bg-bluelagoon {
	background: #191654;
	background: -webkit-linear-gradient(to right,#43C6AC,#191654);
	background: linear-gradient(to right,#43C6AC,#191654);
}

.bellICon {
	position: absolute;
	top: 0!important;
	right: 0!important;
	color: #fff;
	font-weight: 500;
	background-color: #0094ff;
	padding: 0 10px;
	cursor: pointer;
}

.bellICon:hover {
	background-color: #be3a53;
}

#cssmenu>ul>li>a {
	display: block;
	position: relative;
	margin: 0;
	border: 0px;
	padding: 10px 12px 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	color: #000;
}

#cssmenu ul ul li a {
	background-color: #fff!important;
	border-bottom: 1px solid #f5f5f5 !important;
	color: #000 !important;
}

#cssmenu ul ul li:hover>a,#cssmenu ul ul li.active {
	background-color: #f2f8fb !important;
}

#cssmenu>ul>li:hover>a {
	color: #fff;
	background-color: #7a85d7  !important;
}

#cssmenu>ul>li.has-sub>a::after {
	top: 16px;
}

#cssmenu>ul>li.has-sub>a::before {
	top: 13px;
}

#cssmenu>ul>li.active a {
	color: #FFF !important;
}

#cssmenu>ul>li.active .fa {
	font-size: 16px!important;
}

#cssmenu ul ul li:hover>a,#cssmenu ul ul li.active>a {
	background-color: #f2f8fb !important;
}
.hightlight 
{
    background-color: #fc9842;
background-image: linear-gradient(315deg,#fc9842 0%,#fe5f75 74%);
}
.hightlight:hover {
    background-color: #fc9842;
background-image: linear-gradient(315deg,#f27d2e 0%,#fe5f75 74%);
    color: #000 !important;
}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
	#cssmenu ul ul .submenu-button::before {
		top: 17px;
		right: 16px;
	}

	#cssmenu ul ul .submenu-button::after {
		top: 20px;
		right: 13px;
	}

	.open:hover {
		opacity: 1;
	}

	.dropdown-content {
		z-index: 99999999;
	}

	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid #b3d2e8;
	}

	#cssmenu ul ul li,#cssmenu li:hover>ul>li {
		height: auto;
		display: inline-block;
		margin-top: 0px;
		margin-bottom: -3px;
	}

	#cssmenu ul ul .submenu-button {
		height: 33px;
		width: 34px;
	}

	#cssmenu>ul>li:hover>a {
		color: #fff !important;
		background-color: #6c84ef !important;
	}
}

@media only screen and (max-width:999px) {
	.banner-text {
		z-index: 999;
	}

	body .announcements-container ul.announcements {
		width: 60%!important;
		float: left;
		height: 40px;
		overflow: hidden;
		list-style-type: none;
		vertical-align: middle;
		margin-left: 8px;
		position: relative;
	}
}

.instructionDivAA .head {
	background-color: #6e62ec!important;
}

.head i {
	margin-right: 5px;
}

.Msgdiv {
	background-color: #6388f7!important;
	background-image: linear-gradient(315deg,#6388f7 0%,#6388f7 74%)!important;
	z-index: 1;
	font-size: 13px!important;
	padding: 14px!important;
}

.Msgdiv::after {
	z-index: -1;
}

.Msgdiv::after {
	bottom: -7px!important;
	border: 12px solid;
	border-color: #6388f7 #6388f7 transparent transparent!important;
}

.ansdiv {
	z-index: 1;
	font-size: 13px!important;
}

.bg-success {
	background-color: #85a1f2!important;
	background-image: linear-gradient(315deg,#88a3f4 0%,#85a1f2 74%)!important;
}

.ansdiv::after {
	bottom: -4px!important;
	border-color: #87a2f3 #87a3f4 transparent transparent!important;
	right: 0px!important;
	z-index: -1!important;
	padding: 14px!important;
}

.closebutton:hover,.SHOWCHATBOX:hover {
	cursor: pointer;
}

.closebutton i {
	margin: 0;
}

.mCSB_container {
	padding: 0 18px 14px 0px!important;
}

.MsgdivWelcome {
	background-color: #306dff!important;
	background-image: linear-gradient(315deg,#306dff 0%,#6051fb 74%)!important;
}

.sectionUniversities {
	background: #f6f9fa;
	padding: 40px 0;
	margin-bottom: 20px;
}

.sectionUniversities h2 {
	font-size: 1.8em;
	line-height: 1.25em;
}

.universityBox {
	padding: 40px 25px 0;
}

.universityBox .col-33 {
	width: 33.33%;
	float: left;
	padding: 0 15px 30px;
}

.cardBox {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	border-radius: .25rem;
}

.cardBox:hover {
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(169,169,169,.2);
	transition: 0.2s ease-in;
}

.cardBox a {
	cursor: pointer;
}

.cardBox-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 20px 20px 0;
}

.textTitle {
	text-align: center;
}

.cardBox-body h3 {
	line-height: 46px;
	font-size: 25px;
	color: #455a64;
	font-weight: 400;
	display: inline-block;
}

.text-muted {
	color: #bcc3d3!important;
}

.cardBox-body h6 {
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	padding-bottom: 10px;
}

.universityBox-container {
	text-align: center;
	border-bottom: 1px solid rgba(217,215,215,.3);
}

.universityBox-container .icon {
	width: 70px;
	height: 66px;
	background-color: #fff;
	border-radius: 5px;
	margin: -37px auto 13px;
	box-shadow: -1px 5px 4px -4px #ddd;
}

.universityBox-container img {
	width: 46px;
	height: 46px;
	margin-top: 11px;
}

.cardBox:hover .icon {
	box-shadow: 0 0 4px #ddd;
	transition: 0.2s ease-in;
}

.progress {
	height: auto;
}

.progress {
	height: 3px;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem;
}

.progress .bg-gradegrey {
	background: #1c314c;
	background: -webkit-linear-gradient(to right,#528a9a,#1c314c);
	background: linear-gradient(to right,#528a9a,#1c314c);
}

.progress .bg-celestial {
	background: #6a1c5c;
	background: -webkit-linear-gradient(to right,#336198,#6a1c5c);
	background: linear-gradient(to right,#336198,#6a1c5c);
}

.progress .bg-sulphur {
	background: #dca282;
	background: -webkit-linear-gradient(to right,#c8b465,#dca282);
	background: linear-gradient(to right,#c8b465,#dca282);
}

.progress .bg-alihossein {
	background: #e4904e;
	background: -webkit-linear-gradient(to right,#e05f74,#e4904e);
	background: linear-gradient(to right,#e05f74,#e4904e);
}

.progress .bg-meridian {
	background: #1d6822;
	background: -webkit-linear-gradient(to right,#45a247,#1d6822);
	background: linear-gradient(to right,#45a247,#1d6822);
}

.progress .bg-bluelagoon {
	background: #191654;
	background: -webkit-linear-gradient(to right,#43C6AC,#191654);
	background: linear-gradient(to right,#43C6AC,#191654);
}

.progress .bg-ukraine {
	background: #004FF9;
	background: -webkit-linear-gradient(to right,#FFF94C,#004FF9);
	background: linear-gradient(to right,#FFF94C,#004FF9);
}

.progress .bg-monte-carlo {
	background: #CC95C0;
	background: -webkit-linear-gradient(to right,#7AA1D2,#DBD4B4,#CC95C0);
	background: linear-gradient(to right,#7AA1D2,#DBD4B4,#CC95C0);
}

.float-left {
	float: left!important;
}

.float-right {
	float: right!important;
}

.univdiv h6 {
	color: #333;
	font-weight: 500;
}

@media only screen and (max-width:999px) {
	.universityBox .col-33 {
		width: 100%;
	}

	.feildBox {
		width: 95%!important;
		margin: 0 auto!important;
		float: none!important;
	}
}

.login_area {
	width: 642px;
	margin: 0 auto 0!important;
	padding: 20px 40px!important;
	background-image: url(../images/epravesh_newlogin_bg.jpg);
	background-repeat: no-repeat;
	height: 410px;
	position: relative;
}

.loginIcon i {
	font-size: 33px;
	color: #1a0f91;
}

.feildarea h1 {
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.feildarea {
	width: 55%;
	margin: 0 auto!important;
	text-align: center;
	height: 100%!important;
	float: right;
}

.feildarea select {
	width: 100%!important;
	background-color: #fff!important;
	margin-bottom: 10px!important;
	border-radius: 5px 5px!important;
	border: 1px solid #ddd!important;
}

.feildarea input[type="text"],.feildarea input[type="password"] {
	width: 100%!important;
	padding: 8px 15px!important;
	background-color: #fff!important;
	margin-bottom: 10px!important;
	border-radius: 5px 5px!important;
	font-size: 14px!important;
	border: 1px solid #ddd!important;
}

.feildarea input[type="text"]:focus,.feildarea input[type="password"]:focus {
	box-shadow: 2px 5px 5px #e3e3e3!important;
}

.btn_signin {
	width: 100%!important;
	margin: 0 auto!important;
	background-color: #4587e3;
	border-radius: 5px!important;
}

@media only screen and (max-width:444px) {
	.login_area {
		width: 95%!important;
	}

	.feildarea {
		width: 90%!important;
	}
}

.passwordField {
	position: relative;
}

.passwordField i {
	position: absolute;
	top: 12px;
	right: 12px;
}

.section-title-divider {
	width: 50px;
	height: 3px;
	background: #23bbee;
	margin: 0 auto 30px;
	margin-bottom: 30px;
	margin-bottom: 0;
	margin-bottom: 20px;
}

.inp_btn {
	margin: 5px 0 0px!important;
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.News i {
	margin-right: 5px;
}