
@font-face {
font-family: "flaticon";
    src: url("../font/flaticon.ttf") format("truetype"),
url("../flaticon.woff") format("woff"),
url("../flaticon.woff2") format("woff2"),
url("../flaticon.eot") format("embedded-opentype"),
url("../flaticon.svg") format("svg");
font-display: swap;
}

.wrapper{ }
.header{padding:15px 0;display: flex;align-items:center;justify-content:center;background-color:#851714;}
.logo{padding-top:12px;}
.alumni_logo {font-size:40px;line-height:40px;color:#fff;font-weight:bold;text-transform:uppercase;text-align:right;}

.ctaBttn{ padding:20px 0;}
.galleryThumbnail{padding:22px 0 0 0;}
.galleryThumbnail ul li{}
.galleryThumbnail ul li img{ border-radius:10% 0;}
.gallery_page .caption-style-2 img{padding:0px;z-index:4; height:160px;width:100%;margin:10px auto 10px;display:block;box-shadow:none;}
.gallery_page .caption-style-2 .caption-text{width:103%;top:-130px;bottom:0;height:180px;border-radius:0;left:0;}
.gallery_page .caption-style-2 .caption-text img{ width:25px;height:auto;margin: 25% auto 0;text-align:center;box-shadow:none;}
.gallery_page .caption-style-2 .read_more{margin-top:9px;}
.gallery_page .galleryThumbnail ul li img{ border-radius:0;}
.gallery_page .caption-style-2 .caption{left:-8px;}

/*.mainGallery{ padding:60px 0;}*/
.mainGallery{ padding:10px 0;}
.mainGallery h2{ text-align:center; text-transform: uppercase;color:#851714;}
.mainGallery .container{ padding-top:40px;}
.hover-mask img {width:100%;height: auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.hover-mask:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
    

    
/* CAPTION 2 */
.caption-style-2{list-style-type: none;margin:0px;padding:0px;}
/*.caption-style-2 li{float:left;position:relative;overflow:hidden;text-align:center;margin:0 auto;}*/
.caption-style-2 li:hover .caption{opacity:1;transform: translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-ransform:translateY(-100px);-o-transform:translateY(-100px);}
.caption-style-2 img{margin:5px;padding:5px;z-index:4; box-shadow: 0 0 3px 3px #ccc; width:96%; height: 250px; max-width:100%;}
.caption-style-2 .caption{cursor:pointer;position:absolute;opacity:0;top:230px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:100%; left:2px;}
.caption-style-2 .caption-text h1{text-transform:uppercase;font-size:18px;margin-top:20px;}
.caption-style-2 .caption-text p{margin:0 0 5px 0;padding:0;}
.caption-style-2 .caption-text{z-index:10;color:#fff;position:absolute;width:92%;height:120px;text-align:center;top:0;background-color: rgba(0,0,0,0.7);left:10px;border-radius: 15% 0;}
.caption-style-2 .read_more{ background-color:#f1644a; color: #fff; border:1px solid #f1644a; font-size:14px; text-align:center; display:block; margin:0 auto; padding:4px 10px; border-radius:4px;}
.caption-style-2 .read_more:hover{ background-color:#fff; color:#a91f20; border:1px solid #fff;}
.blockImg{position:relative;overflow:hidden;text-align:center;margin:0 auto;width:300px;max-width:100%;}


/*Modal*/
/*.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;}
.modal-content {position:relative;background-color:#fefefe;margin: auto;padding:0;width:50%;max-width:1200px;}
.close {color:#fff;position: absolute;top:10px;right:25px;font-size:35px;font-weight:bold;}
.close:hover,.close:focus {color:#999;text-decoration:none;cursor:pointer;}
.mySlides {display:none;}
.cursor {cursor:pointer;}

.prev, .next {cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none; text-decoration:none;}
.next {right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0, 0, 0, 0.8);}
.numbertext { color:#f2f2f2;font-size:12px; padding:8px 12px;position:absolute;top:0;}*/


/*banner css*/
.alumni_banner{display:block;}
.alumni_banner img{ width:100%;}
.login_form {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.login_form .form-group{width:auto; position:relative;}
.login_form label{ color:#fff; font-size:14px;}
.caption{ color:#fff; font-size:14px;}
.caption a{text-decoration:none; color:#f1644a;}
.caption a:hover{ color:#fff; text-decoration:underline;}
.login_form input{ position:relative; padding:6px 6px 6px 46px;}
.login_form input.btn.btn-primary{background-color:#c5281c; border:1px solid #fff;text-transform:uppercase;padding:6px 16px 6px 16px;font-size:14px;}
.login_form input.btn.btn-primary:hover{ background-color:#fff; border:1px solid #c5281c; color:#c5281c;}
.login_form input:focus{ border:1px solid #ccc;box-shadow:none;}
.cap_img{ position:absolute;top:25px;width:40px;height:36px;background-color:#cccccc8a;left:1px;}
.cap_img img{width:20px;height:20px;position:absolute;left:10px;top:7px;}
/*banner css*/

/*Latest news css*/
.latest_news_panel{ background-color:#ffefef; padding:70px 0; position:relative;}
.latest_news_panel::before{position: absolute;width: 100%;height: 140px;content: "";background-color:#e96349;top: 58%;left:0;transform: translate(0%, -50%);}
.latest_news_panel h2{ text-align:center; text-transform: uppercase;color:#851714;}
.bar{display:block;height:5px;width:100px;background:#e96349;position:relative;border-radius: 5px;overflow: hidden;margin:0 auto;}
.bar:before {content: '';position:absolute;left:0;right:0;top:0;height:100%;width: 5px;background: #fff;-webkit-animation-duration: 2s;animation-duration: 2s;
-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;animation-name: MOVE-BG;}
@keyframes MOVE-BG{
0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {-webkit-transform: translateX(85px);transform: translateX(85px);}
}
.main_news {display:flex;align-items:center;justify-content:space-around;position:relative;margin-top:40px;}
.rgt_media { border:10px solid #e96349;padding:30px;background-color:#FFFFFF;position:relative; border-radius:4px;}
.rgt_media p{ margin:0; padding:0;}
.rgt_media ul{ list-style:disc; padding:0 0 0 30px;}
.rgt_media ul li{ color:#000; padding:5px 0;}
.lft_news {border:10px solid #e96349;padding:0;background-color:#FFFFFF;position:relative;right:-45px;border-radius:4px;}
.lft_news img{ width:100%;}
/*Latest news css*/

/*footer-top*/
.footer-top {
	background-color: #37475a;
	/* padding-top: 8px;
    padding-bottom: 8px;*/
	height: 35px;
	color: #fff;
}
.social-links{ display: flex; justify-content: flex-end; align-items:center; }
.social-links h3{ margin: 0px; opacity: 0.6; font-size: 1rem; }
.social-links ul{ list-style: none; margin: 0px; padding: 0px; display: flex; margin-left: 20px; }
.social-links ul li{ padding: 0 4px; }
.social-links ul li a{ width: 24px; height: 24px; border-radius: 2px; display: flex; justify-content: center; color: #fff;text-decoration:none;}
.social-links ul li a:hover{ background-color: #fff; color: #37475a; }
.social-links ul li a i{ align-items: center; display: flex; }
.footer-top:hover h6{ opacity: 1; }
/*footer-top*/

/*footer-bottom*/
.footer-bottom {
	background-color: #131a22;
	padding-top: 5px;
	/*padding-bottom: 10px;*/
	height: 35px;
	font-size: 14px;
}
.footer-bottom-link{ display: flex; justify-content: space-between; align-items: center; }
.footer-bottom-link p{ color: #fff; margin-bottom: 0px; }
.footer-bottom-link ul{ list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center; }
.footer-bottom-link ul li{ padding-right: 20px; }
.footer-bottom-link ul li a{ color: #fff; opacity: 0.6; line-height: 24px; }
.footer-bottom-link ul li a:hover{ opacity: 1; }
.footer-bottom-link .btn{color: #fff; background-color: #a91f20; padding: 0.175rem .75rem;}
.footer-bottom-link .btn:hover{ background-color: #f35435; }
/*footer-bottom*/

/*Inner Page css*/
.title_right{ text-align:right;}
.p_text{ font-weight:normal;}
/*Inner Page css*/

/*Option Tiles*/
.inner_module {padding:40px 0;}
.inner_module h2{ text-align:center;color:#851714;text-transform:uppercase;}
.option_tiles {width:1000px;margin:0 auto;padding:10px 20px;}
.option_tiles a{ color:#752127; text-decoration:none; font-size:18px;display:block;}
.option_tiles p{text-align:center;padding-bottom:20px;margin:0;}
.report_icons{text-align: center;padding:25px 10px;margin:20px 0 4px 0;box-shadow: 2px 2px 8px #ccc;border-radius: 6px; background-color:#fff; width:100%;}
.report_icons img{ display:block;margin:0 auto;}
.report_icons.caption_ { display:block;}

.caption_ {padding:24px 0 10px 0;display: block; line-height:18px; position:relative; transition: 0.5s;}
.btn_hover{border:3px solid #f1644a;position: relative;}
.btn_hover::before,.btn_hover::after{content: "";width: 30px;height: 4px;background:#fff;position: absolute;transform: skewX(50deg);transition: .4s linear;}
.btn_hover::before{top:-3px;left:0%;}
.btn_hover::after{bottom:-3px;right:0%;}
.btn_hover:hover::before{left:85%;}
.btn_hover:hover::after{right:85%;}
.btn_hover:hover .caption_::after{ content: '»';position:absolute;opacity:3;bottom:-10px;right:0;transition:2s;left:0;transform: rotate(90deg);font-size:25px;}
/*Option Tiles*/

/*DatePicker model css*/
.download_popup .btn-primary{ background-color:#851714;border:1px solid #851714;cursor:pointer;}
.register_popup .btn.btn-primary{background-color:#851714;border:1px solid #851714;}
.input-group-append{ cursor:pointer;}
.password_popup button.btn.btn-primary {background-color:#851714;border:1px solid #851714;}


/*User Profile css*/
.User-area {width: 45px;cursor: pointer;display: inline-block;vertical-align: middle;margin-left:0;position:relative;}
.User-area > .User-avtar { width:100%;height:100%;}
.User-area > .User-avtar > img {width:100%;height:100%;border-radius:30px;}
.User-Dropdown {display: none;position: absolute;border-radius:7px;background: #fff;box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);list-style: none;padding:0 12px;width:200px;margin:0;top:70px;left:-70%;z-index:9;text-align:left;}
.User-Dropdown:before {content: "";position: absolute;width: 0;height: 0;margin-left: -0.5em;left:41%;box-sizing: border-box;border: 7px solid black;border-color: transparent transparent #fff #fff;transform-origin: 0 0;transform: rotate(135deg);box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);}
.User-Dropdown.U-open {display: block;}
.User-Dropdown > li {padding: 0px;line-height: 37px;border-bottom: 1px solid rgba(215, 215, 215, 0.17);}
.User-Dropdown > li:last-child {border-bottom: 0px;}
.User-Dropdown > li > a {font-size:14px;padding:0;text-decoration: none;color: #a91f20;transition: all 0.2s ease-out;text-align: left !important;}
.User-Dropdown span {background:#a91f20;padding: 3px 10px;color: #fff;border-radius: 30px;font-size: 13px;}
.User-Dropdown > li:before {content: "";width: 0px;height:35px;position: absolute;background:#a91f20;margin-top:4px;border-radius: 0 1px 1px 0;left: 0px;
  transition: all 0.2s ease;}
.User-Dropdown > li:hover:before {width: 5px;border-radius: 30px;}
.User-Dropdown > li a:hover {margin-left: 5px;}
.app_CTA {padding:15px 0 0 0;text-align:right;display:flex;align-items:center;justify-content:space-evenly;vertical-align: middle;}
/*User Profile css*/



/*.gallery_page{margin:40px 0;}*/
.gallery_page{margin:10px 0;}
.gallery_content{ background-color:#ffefef; padding:30px 30px 40px 20px; margin:0;}
.gallery_content h3{ color:#851714; font-size:30px;padding:0;margin-bottom:20px;}
.gallery_content p{ margin:0; padding:0 0 10px 0;font-size:14px;}
.img_01 {width:100%;height:100%;}
.img_01 img{border-radius:10% 0; box-shadow:0 0 3px 3px #ccc;padding:5px;margin:5px;}

.profile_content_detail{margin:40px 0;}
.profile_content_detail h2{ text-align:center;color:#851714;text-transform:uppercase;}
.profile_content_detail .container{ width:1000px; margin:0 auto;}
.profile_content_detail ul{ list-style: none;padding:20px;margin:30px 0 0 0;background-color:#fff;border:3px solid #e96349;border-radius:4px;box-shadow: 2px 2px 8px #ccc;color:#851714;}
.profile_content_detail ul li{ display:inline-block;margin:10px 0;}
.profile_content_detail ul li label {width: 100%;}
.profile_content_detail ul li label span.dataShow {display: inline-block;padding:5px 10px;border-bottom: 1px solid #851714;width:100%;text-align: left;text-transform: capitalize;}



.linkRediretion ul{ list-style:none; padding:0; margin:0 auto 0;text-align: center;}
.linkRediretion ul li{ display:inline-block;margin: 0 10px;}
.linkRediretion ul li a{display: block;padding:4px 25px;font-size:16px;text-decoration:none;color:#fff;background-color:#851714;border:1px solid #a91f20;border-radius: 4px;
text-transform: uppercase;}
.linkRediretion ul li a:hover{ background-color:#fff; color:#851714;}
.exitIcon img{ width:30px;}
.small_icon img {width:40px;padding-right:5px;}
.basicForm {display:block;padding:10px;text-decoration:underline;}

/*Feedback form*/
.feedbackBanner {
	background-color: #ffefef;
	padding: 20px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	text-align: center;
	margin: 0;
}

	.feedbackBanner h2 {
		line-height: 35px;
		color: #851714;
		padding-bottom: 20px;
		margin: 0;
		text-align: left;
	}

	.feedbackBanner img {
		width: 77.5%;
		margin: 0 auto;
		text-align: center;
	}

.feedbackForm {
	padding: 50px 0 50px 0;
}

	.feedbackForm h1 {
		padding: 10px 20px;
		font-size: 26px;
		line-height: 24px;
		color: #fff;
		background-color: #851714;
		margin-bottom: 30px;
		border-bottom: 4px solid #ff5e00;
		text-align: center;
	}

	.feedbackForm p {
		font-size: 16px;
		text-align: left;
		padding: 0;
		margin-bottom: 20px;
	}

.msform {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

	.msform fieldset {
		background: #fff;
		border: 0 none;
		border-radius: 3px;
		box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
		padding: 30px 30px 15px 30px;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		position: inherit;
		text-align: left;
	}

		.msform fieldset:not(:first-of-type) {
			display: none;
		}

	.msform input, .msform textarea {
		padding: 5px 15px;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-bottom: 10px;
		width: 100%;
		box-sizing: border-box;
		color: #851714;
		font-size: 13px;
		height: 40px;
	}

	.msform .action-button {
		width: 100px;
		background: #851714;
		font-weight: bold;
		color: #fff;
		border: 0 none;
		border-radius: 1px;
		cursor: pointer;
		padding: 10px 5px;
		margin: 10px 5px;
		position: relative;
	}

		.msform .action-button:hover,
		.msform .action-button:focus {
			box-shadow: 0 0 0 2px #fff, 0 0 0 3px #851714;
			outline: none;
		}

.fs-title {
	font-size: 16px;
	text-transform: uppercase;
	color: #851714;
	margin-bottom: 5px;
}

.fs-subtitle {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 15px;
}

.progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	text-align: center;
	padding: 0;
}

	.progressbar li {
		list-style-type: none;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		width: 25%;
		float: left;
		position: relative;
	}

		.progressbar li:before {
			content: counter(step);
			counter-increment: step;
			width: 30px;
			line-height: 30px;
			display: block;
			font-size: 14px;
			color: #851714;
			background: #fff;
			border-radius: 3px;
			margin: 0 auto 5px auto;
			border: 1px solid #851714;
		}

		.progressbar li:after {
			content: '';
			width: 100%;
			height: 2px;
			background: #851714;
			position: absolute;
			left: -50%;
			top: 15px;
			z-index: -1;
		}

		.progressbar li:first-child:after {
			content: none;
		}

		.progressbar li.active:before,
		.progressbar li.active:after {
			background: #851714;
			color: #fff;
		}

.help-block {
	font-size: 0.8em;
	color: #7c7c7c;
	text-align: left;
	margin-bottom: 0.5em;
}

/*0 to 10 rating css start*/
.ratingSec {
	width: 100%;
	margin: 7px auto 12px;
	background-color: #ffefef7d;
}

.ratingW {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}

	.ratingW li {
		display: inline-block;
		margin: 0px;
	}

.squreBox {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 14px;
	margin-right: 15px;
	margin-bottom: 15px;
}

	.squreBox:before, .squreBox:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: .6em;
		left: -1em;
		border: 12px solid #ccc;
		border-radius: 50px;
	}

	.squreBox:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.squreBox:before {
		box-shadow: 0px 4px 0 #cccccca3;
	}

.ratingW li.on .squreBox {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 14px;
	margin-right: 15px;
	margin-bottom: 15px;
}

	.ratingW li.on .squreBox:before, .ratingW li.on .squreBox:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: .6em;
		-webkit-transform: rotate(-35deg);
		transform: rotate(0deg);
		border: 12px solid green;
	}

	.ratingW li.on .squreBox:after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

.num_ {
	position: absolute;
	left: -8px;
	top: 22px;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-around;
	z-index: 9;
	color: #fff;
}

.ratingW li:nth-child(1) .squreBox:hover:after {
	border: 12px solid #e43e3d;
}

.ratingW li:nth-child(2) .squreBox:hover:after {
	border: 12px solid #ea484d;
}

.ratingW li:nth-child(3) .squreBox:hover:after {
	border: 12px solid #ec654e;
}

.ratingW li:nth-child(4) .squreBox:hover:after {
	border: 12px solid #ef874c;
}

.ratingW li:nth-child(5) .squreBox:hover:after {
	border: 12px solid #f3a74c;
}

.ratingW li:nth-child(6) .squreBox:hover:after {
	border: 12px solid #f8c43d;
}

.ratingW li:nth-child(7) .squreBox:hover:after {
	border: 12px solid #e1c63b;
}

.ratingW li:nth-child(8) .squreBox:hover:after {
	border: 12px solid #c1cc36;
}

.ratingW li:nth-child(9) .squreBox:hover:after {
	border: 12px solid #9fcd35;
}

.ratingW li:nth-child(10) .squreBox:hover:after {
	border: 12px solid #7fcd31;
}

.ratingW li:nth-child(11) .squreBox:hover:after {
	border: 12px solid #5aaf2b;
}

.ratingW li.on:nth-child(1) .squreBox:after {
	border: 12px solid #e43e3d;
}

.ratingW li.on:nth-child(2) .squreBox:after {
	border: 12px solid #ea484d;
}

.ratingW li.on:nth-child(3) .squreBox:after {
	border: 12px solid #ec654e;
}

.ratingW li.on:nth-child(4) .squreBox:after {
	border: 12px solid #ef874c;
}

.ratingW li.on:nth-child(5) .squreBox:after {
	border: 12px solid #f3a74c;
}

.ratingW li.on:nth-child(6) .squreBox:after {
	border: 12px solid #f8c43d;
}

.ratingW li.on:nth-child(7) .squreBox:after {
	border: 12px solid #e1c63b;
}

.ratingW li.on:nth-child(8) .squreBox:after {
	border: 12px solid #c1cc36;
}

.ratingW li.on:nth-child(9) .squreBox:after {
	border: 12px solid #9fcd35;
}

.ratingW li.on:nth-child(10) .squreBox:after {
	border: 12px solid #7fcd31;
}

.ratingW li.on:nth-child(11) .squreBox:after {
	border: 12px solid #5aaf2b;
}

.legend_sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5px 5px 5px;
	margin: 25px 0 0px 0;
	font-size: 12px;
	color: #851714;
	font-weight: bold;
}

.counterW {
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	color: #851714;
}

/*0 to 10 rating css end*/

/*Range slider css*/
#rating_slider {
	width: 306px;
	margin: 0 auto;
}

	#rating_slider input[type="range"] {
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	#rating_slider input[type="range"] {
		width: 304px;
		height: 26px;
		background: #ddd;
		background: repeating-linear-gradient(90deg, #bbb, #bbb 2px, transparent 0px, transparent 26px);
		background-repeat: no-repeat;
		background-size: 330px 100%;
		background-position: 22px center;
		border: none;
	}

	#rating_slider input[type=range]::-webkit-slider-runnable-track {
		-webkit-appearance: none;
		background: #FF5E00;
		width: 100%;
		height: 4px;
		border-radius: 4px;
	}

	#rating_slider input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5E00;
		height: 16px;
		width: 16px;
		border-radius: 50%;
		background: #fff;
		margin-top: -6px;
	}

	#rating_slider input[type=range]:focus {
		outline: none;
	}

	#rating_slider .score {
		text-align: center;
		display: inline-block;
		font-size: 1em;
		background: #ff5e00;
		color: #fff;
		border-radius: 8px;
		width: 40px;
		height: 40px;
		padding-top: 0;
		position: relative;
		top: -52px;
		left: 60%;
		line-height: 40px;
	}

	#rating_slider .number {
		list-style: none;
	}

		#rating_slider .number ul {
			padding: 0;
			margin: 0;
		}

		#rating_slider .number li {
			display: inline-block;
			padding: 5px 6px;
		}

.legend {
	display: flex;
	justify-content: space-between;
	margin: 0;
	font-size: 12px;
	padding-bottom: 0;
	position: relative;
	top: -33px;
}

select.selectBox {
	padding: 5px 10px;
	width: 100%;
	border-radius: .2em;
	border: 1px solid #ccc;
	color: #181820;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url("../images/thumSlider/dropdownArrow.png");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: right;
	background-origin: content-box;
	margin-bottom: 10px;
}

/*Rating section css*/
.success-box {
	margin: 0 0 5px 0;
	padding: 0;
}

	.success-box > div {
		display: inline-block;
		color: #ff912c;
		font-size: 14px;
		font-weight: bold;
	}

.rating-stars ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
}

	.rating-stars ul > li.star {
		display: inline-block;
		font-size: 10px;
		cursor: pointer;
	}

		.rating-stars ul > li.star > i.fa {
			font-size: 2.5em;
			box-shadow: 0px 4px 0 #cccccca3;
			border-radius: 50%;
			margin: 3px;
		}

		.rating-stars ul > li.star > i.fa {
			color: #ccc;
		}

		.rating-stars ul > li.star.hover > i.fa.far.fa-angry {
			color: #e40613;
		}

		.rating-stars ul > li.star.hover > i.fa.far.fa-frown {
			color: #ea4e1b;
		}

		.rating-stars ul > li.star.hover > i.fa.far.fa-meh {
			color: #f29200;
		}

		.rating-stars ul > li.star.hover > i.fa.far.fa-smile {
			color: #94c11e;
		}

		.rating-stars ul > li.star.hover > i.fa.far.fa-grin-wink {
			color: #018d36;
		}

		.rating-stars ul > li.star.selected i.fa.far.fa-angry {
			color: #e40613;
		}

		.rating-stars ul > li.star.selected i.fa.far.fa-frown {
			color: #ea4e1b;
		}

		.rating-stars ul > li.star.selected i.fa.far.fa-meh {
			color: #f29200;
		}

		.rating-stars ul > li.star.selected i.fa.far.fa-smile {
			color: #94c11e;
		}

		.rating-stars ul > li.star.selected i.fa.far.fa-grin-wink {
			color: #018d36;
		}



/*Feedback form*/



/*Midea query css*/
@media (max-width:1366px){
	.modal-content {
		width: 80%;
		
	}
}
	
@media (max-width:1024px){
.option_tiles{ width:100%; padding:10px 0;}
.rgt_banner .form-control{ width:94%;}
.caption{ font-size:12px;}	
.alumni_banner img{ height:200px;}
.profile_content_detail .container{ width:90%;}		

	
}

@media (max-width:768px){
.logo {text-align:center;padding:0 0 10px;}	
.title_right{ text-align:center;}	
.caption_{font-size:15px;}	
.home_page_header .logo	{ text-align:left; padding:0;}
.caption{ font-size:14px;}	
.lft_news{ right:0;margin-bottom:20px;}	
.latest_news_panel{padding:30px 0;}
.profile_content_detail .container{ width:90%;}	
.User-Dropdown{left:-136%;}	
.User-Dropdown:before{left:60%;}	

.img_01{ padding-bottom:20px;}	
.blockImg{ margin-bottom:20px;}
	
.gallery_page .caption-style-2 img{padding:0px;z-index:4; height:160px;width:250px;margin:10px auto 10px;display:block;}	
	
	
}


@media (max-width:599px){
.logo {text-align:center;padding:0 0 10px;}
.alumni_logo{font-size:32px;line-height:30px; text-align:center;}	
.title_right{ text-align:center;}
.caption_{font-size:16px;}
.home_page_header .logo{ text-align:center;padding-bottom:10px;}	
.login_form{display:block;background-color:#dee2e6f0;padding:10px 30px;margin-top:20px;}
.rgt_banner .form-control{width:100%;}
.login_form .form-group{width:100%; margin:4px 0;}
.login_form input.btn.btn-primary{ width:100%;margin:5px 0 10px 0;}	
.caption a{color:#c5281c;}	
.cap_img{ background-color:#b3b3b3f0;}
.login_form label ,.caption{ color:#444242;}
.alumni_banner img{ height:150px;}	
.rgt_media{ padding:10px;}	
.latest_news_panel::before{ display:none;}
	
.social-links ul{margin:5px auto; text-align:center;display:inline-flex;}	
.social-links {text-align:center;margin:0 auto;display:block;}	
.footer-bottom-link{ display:block;}
.footer-bottom-link p{ margin-bottom:10px;}
.linkRediretion ul li{margin:0 9px;}
.linkRediretion ul{ margin:40px auto 10px;}	
.profile_content_detail .container{ width:95%;}		
.profile_content_detail{ padding:0;}
.User-Dropdown{ top:57px;}	
.User-Dropdown:before{left:55%;}

	
	
}

/*Midea query css*/



.sing-required {
	color: #dc3545 !important;
	padding-left: 2px;
}

.page-title {
	text-align: center;
	color: #851714;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 15px;
}

/*.alumni-table table, .alumni-table tr td {
	border: 1px solid red
}*/

.alumni-table tbody {
	display: block;
	height: 450px;
	overflow: auto;
}

	.alumni-table thead, .alumni-table tbody tr {
		display: table;
		width: 100%;
		table-layout: fixed; /* even columns width , fix width of table too*/
	}

.alumni-table thead {
	width: calc( 100% - 1em ) /* scrollbar is average 1em/16px width, remove it from thead width */
}

.alumni-table table {
	width: 400px;
}

.float-right {
	float:right !important;
}

.btn-style-custom {
	padding: 4px 25px;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	background-color: #851714;
	border: 1px solid #a91f20;
	border-radius: 4px;
	text-transform: uppercase;
}

	.btn-style-custom:hover {
		background-color: #fff;
		color: #851714;
	}

.pointer{
	cursor:pointer !important;
}

.img-zoom-modal .close {
	font-size: 22px;
	font-weight: 900;
	cursor: pointer;
	color:#fff;
}

.img-zoom-modal .nav-btn {
	display: block;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
}

.ul-inner-node{
	margin-left:2em;
}

.custom-nav-collaps-icon {
	position: absolute !important;
	left: 80% !important;
	top: 25% !important;
}

.ui-autocomplete {
	max-height: 350px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	/*padding-right: 20px;*/
}

#loader {
	position: fixed;
	top: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
}

	#loader .loader-text {
		position: absolute;
		top: 55%;
		left: 50%;
		font-size: 14px;
		color: white;
		transform: translate(-50%,-50%);
	}

#overlay {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
}

#text {
	position: absolute;
	top: 60%;
	left: 50%;
	font-size: 30px;
	color: white;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

#overlay {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
}

.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}

.is-hide {
	display: none;
}

img {
	max-width:100%;
}
.login_form .form-group.cus-btn-wrap {
	/*width: 12% !important;*/
	display: flex;
	gap: 10px;
}
@media (max-width: 481px)
{
	.login_form .form-group.cus-btn-wrap {
		width: 100% !important;
		gap: 0px;
		flex-direction: column;
	}
}

.text-wrap-nowrap {
	text-wrap: nowrap;
}

.text-decoration-none {
	text-decoration: none !important;
}


.zoom {
	transition: transform .2s; /* Animation */
}

	.zoom:hover {
		transform: scale(1.1); 
	}


#tableFeedback th, #tableEmployees th, #tblEmployeeRequests th, #tblEmployeeRequestCallback th{
	white-space: nowrap;
}

#tableFeedback div.dataTables_wrapper, #tableEmployees div.dataTables_wrapper {
	width: 100%;
	margin: 0 auto;
}

.dtfc-fixed-right, .dtfc-fixed-left {
	background-color: white !important;
}

#tableEmployees_processing, #tableFeedback_processing {
	position: fixed;
	left: 50%;
	transform: translate(-50%, 169%);
}

.dtfc-fixed-left {
	background-color: white !important;
	z-index: 99;
}



/*#sideBarOpen {
	margin-top: 7.5rem !important;
}*/

@media only screen and (min-device-width: 10px) and (max-width: 768px) {
	.social-links h3, .footer-bottom {
		font-size: 0.7rem;
	}

	.social-links {
		display: flex
	}

	.modal-content{
		width:100% !important;
	}
}

/*:root {
	--code-color: darkred;
	--code-bg-color: #aaaaaa;
	--code-font-size: 14px;
	--code-line-height: 1.4;
	--scroll-bar-color: #c5c5c5;
	--scroll-bar-bg-color: #f6f6f6;
}*/

/* Works on Chrome, Edge, and Safari */
/**::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-track {
	background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--scroll-bar-color);
	border-radius: 20px;
	border: 3px solid var(--scroll-bar-bg-color);
}*/