@charset "utf-8";
/*!
 * Qatar University Reserch Center Menu
 * Copyright 2015 Qatar University.
 * Created: 		31-10-2016
 * Last Modified: 	01-12-2016
 * --------------------------------
 * !This Style file only YSC Research Center Main Menu!
 */

/*Start of Menu */
#logo_holder {
	margin-top: 1em;
}
.navbar {
	border: none;
}
.navbar .container > .row {
	position: relative;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}
.vui-preview-toolbar {
	direction: ltr;
}
#ver_logo {
	display: none;
}
.pushed-nav {
	position: static!important;
}
.top-nav {
	top: 39px;
}
.pushed-nav .top-nav {
	padding: 15px 15px 30px;
	left: auto;
}
.right-most .top-nav {
	right: 0;
}
#qu_search {
	padding: 0;
	width: 160px;
}
#mob_search_box form {
	padding-top: 20px;
}
#qu_search form,
#mob_search_box form {
	position: relative;
}
#qu_search input:focus {
	-webkit-box-shadow: none;
    box-shadow: none;
}
#qu_search input,
#mob_search_box input {
    width: 100%;
}
#qu_search .btn,
#mob_search_box .btn {
    border-radius: 0;
    background-color: #01395E;
    border: 0;
    color: #FFF;
    position: absolute;
    right: 0;
    font-weight: 100;
    top: 0;
    bottom: 0;
}
#mob_search_box .btn {
	top: 20px;
}#lower_nav > a {
	border: 1px solid transparent;
}
#lower_nav > a:focus {
	background-color: transparent;
}
#lower_nav .open>a,
#lower_nav>.dropdown:hover>a {
	border: 1px solid;
	z-index: 1500;
}
.top-nav h4 {
	font-weight:400;
}
.singular-nav a {
	display: block;
	padding: 7px 5px 7px 10px;
}
.nav-1-col {
	width: 215px;
}
#upper_nav {
	position: relative;
	background-color: #222;
	height: 34px;
	line-height: 31px;
	margin-right: 38px;
}
#upper_nav:before,
#upper_nav:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 41px;
	background-repeat: no-repeat;
	background-position: top;
}
#upper_nav:before{ right:100%; background-image: url(/file_source/qu/global/images/global_images/top-nav-border.png); background-position: left; }
#upper_nav:after{ left: 100%;  background-image: url(/file_source/qu/global/images/global_images/top-nav-border.png); background-position: right; }
#upper_nav a {
	background-color: transparent;
}
#lower_nav .glyphicon {
	display: none;
}
#lower_nav ul {
	margin-top: 10px;
}
#lower_nav>li:first-child {
	background-image: none;
}
#lower_nav .smaller {
	font-size: 1.05em;
}
#mob_search_btn {
	width: 25px;
	height: 25px;
	color: #FFF;
	font-size: 22px;
	background-image: url(/file_source/qu/global/images/magnifier.png);
	margin-right: 7px;
}
#mobile_lang {
	height: 25px;
	margin-right: 7px;
	color: #FFF;
}
#lower_nav>li>a {
	font-size: 1em;
    border: 1px solid transparent;	
}
#right_nav {
	padding: 0;
}
@media only screen and (min-width: 992px) {
	#lower_nav_holder {
		background: #800000; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#8B0E3A, #800000); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#8B0E3A, #800000); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#8B0E3A, #800000); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#8B0E3A, #800000); /* Standard syntax */
		border-radius: 5px 5px 0 0;
	}
}
#college_qk_linx {
	padding: 10px;
	display: block;
	background-color: #186869;
	color: #FFF;
	border-radius: 0 5px 0 0;
	cursor: pointer;
	float: right;
}
#college_qk_linx > ul {
	display: none;
	z-index: 5000;
    position: absolute;
    right: 0px;
    width: 235px;
    padding: 5px;
	top: 40px;
    background: #bf2e39;
	cursor: default;
}
#college_qk_linx > ul > li {
	float: left;
}
#college_qk_linx:hover > ul {
	display: block;
}
#college_qk_linx .glyphicon-chevron-down {
	border-radius: 3px;
	margin-left: 5px;
}
.navbar-brand, .navbar-nav>li>a {
	color: #333;
}
.dropdown-menu {
	background-color: #929292;
}
@media only screen and (max-width : 400px) {
	#logo {
		padding: 0;
		margin-top: 2.6%
	}
}
@media only screen and (max-width : 767px) {
	#mobile_comp {
		float: right;
		padding: 0;
	}
}
@media only screen and (min-width : 992px) {
	#logo_holder {
		margin-bottom: 20px;
	}
	.dropdown-menu {
		border: 1px solid #929292;
	}
	#lower_nav .dropdown:hover>.dropdown-menu {
		display: block;
	}
	#lower_nav>li>a {
		padding: 9px;
		font-size: 1em;
	}
	#lower_nav>li {
		list-style: none;
		background-image: url(/file_source/qu/global/images/research/menu-breaker.png);
		background-position: left center;
		background-repeat: no-repeat;
	}
	.navbar-brand, .navbar-nav>li>a {
		color: #FFF;
	}
	.top-nav a {
		color: #FFF;
	}
}
@media only screen and (min-width : 1200px) {
	#lower_nav>li>a {
		padding: 9px;
		font-size: 1em;
	}
}
@media only screen and (max-width : 991px) {
	#nav_holder,
	#right_nav,
	#lower_nav_holder,
	.pushed-nav .top-nav,
	.top-nav .container-fluid,
	.top-nav .row > div {
		padding: 0;
	}
	.navbar .row {
		margin:0;
	}
	.navbar .container {
		width: 100%;
		padding: 0;
	}
	#right_nav ul {
		width: 100%;
	}
	#upper_nav {
		margin-top:1em;
		text-align: center;
		background-color: #EEE;
	}
	#upper_nav li {
		padding: 0;
		width: 32.6%;
		margin: 0 1px;
	}
	#upper_nav a {
		display: block;
		padding: 15px 15px;
		text-decoration: none;
	}
	#upper_nav {
		font-weight: 500;
	}
	#upper_nav li:first-child a,
	#upper_nav li:last-child a{
		margin: 0;
	}
	#lower_nav {
		margin: 0;
		margin-top: 1px;
		padding: 0;
	}
	#lower_nav li {
		width: 100%;
	}
	#lower_nav a {
		border: none !important;
	}
	#lower_nav .dropdown,
	#lower_nav > li {
		margin-bottom: 1px;
	}
	#lower_nav .dropdown .glyphicon-triangle-bottom {
		display: block;
	}
	#lower_nav .dropdown .glyphicon-triangle-top {
		display: none;
	}
	#lower_nav .open .glyphicon-triangle-bottom {
		display: none;
	}
	#lower_nav .open .glyphicon-triangle-top {
		display: block;
	}
	.top-nav a {
		display: block;
		padding: 7px 5px 7px 10px;
	}
	.top-nav h4 {
		margin: 0.5em;
	}
}
@media only screen and (min-width : 768px) {
	.nav-3-col,
	.nav-4-col {
		width: 705px;
	}
}
@media only screen and (min-width : 992px) {
	.nav-2-col {
		width: 460px;
	}
	.nav-3-col {
		width: 705px;
	}
	.nav-4-col {
		width: 950px;
	}
}
	/* Menu images Begin*/
		.menu-thumbs {
			width: 100%;
			height: 100px;
			background-size: cover;
			background-position:center;
		}
		.menu-bthumbs {
			width: 100%;
			height:200px;
			background-size: cover;
			background-position:center;
		}
		#admission_undergrad {
			background-image: url(/file_source/qu/global/images/menu/admission-undergrad.jpg);
		}
		#admission_grad {
			background-image: url(/file_source/qu/global/images/menu/admission-grad.jpg);
		}
		#admission_coe { /* NOT USED */
			background-image: url(/file_source/qu/global/images/menu/admission-coe.jpg);
		}
		#admission_int { 
			background-image: url(/file_source/qu/global/images/menu/admission-international-students.jpg);
		}

		#colleges_cas {
			background-image: url(/file_source/qu/global/images/menu/colleges-cas.jpg);
		}
		#colleges_law {
			background-image: url(/file_source/qu/global/images/menu/colleges-law.jpg);
		}
		#colleges_cbe {
			background-image: url(/file_source/qu/global/images/menu/colleges-cbe.jpg);
		}
		#colleges_med {
			background-image: url(/file_source/qu/global/images/menu/colleges-med.jpg);
		}
		#colleges_edu {
			background-image: url(/file_source/qu/global/images/menu/colleges-edu.jpg);
		}
		#colleges_pharm {
			background-image: url(/file_source/qu/global/images/menu/colleges-pharm.jpg);
		}
		#colleges_eng {
			background-image: url(/file_source/qu/global/images/menu/colleges-eng.jpg);
		}
		#colleges_islamic {
			background-image: url(/file_source/qu/global/images/menu/colleges-islamic.jpg);
		}
		
		#academic_found {
			background-image: url(/file_source/qu/global/images/menu/academic-found.jpg);
		}
		#academic_ccp {
			background-image: url(/file_source/qu/global/images/menu/academic-ccp.jpg);
		}
		#academic_hp {
			background-image: url(/file_source/qu/global/images/menu/academic-hp.jpg);
		}
		#academic_lib {
			background-image: url(/file_source/qu/global/images/menu/academic-lib.jpg);
		}
		
		#research {
			background-image: url(/file_source/qu/global/images/menu/research.jpg);
		}
		
		#students_reg {
			background-image: url(/file_source/qu/global/images/menu/students-reg.jpg);
		}
		#students_service {
			background-image: url(/file_source/qu/global/images/menu/students-service.jpg);
		}
		#students_activites {
			background-image: url(/file_source/qu/global/images/menu/students-activites.jpg);
		}
		#students_suc_n_dev {
			background-image: url(/file_source/qu/global/images/menu/student-success-dev.jpg);
		}
	/* Menu images done */
/*End of Menu */

/** COLORS START **/
	/* Menu */
	.top-nav a {
		color: #333;
		text-decoration: none;
	}
	#upper_nav li a {
		color: #FFF;
	}
	#upper_nav a:hover {
		background-color: #39a2b9;
		color: #FFF;
	}
	#lower_nav .dropdown,
	#lower_nav > li {
		background-color: #EEE;
	}
	#lower_nav .open>a {
		background-color: #DDD;
	}
	.top-nav a:hover {
		color: #FFF;
		background-color: #01395E;
	}
	.navbar-toggle {
		background-position: center;
		background-repeat: no-repeat;
		margin-right: 0;
		padding: 2px 5px;
	}
	.navbar-toggle:hover {
		color: #06829d;
		border: 1px solid transparent !important;
	}
	.icon-bar {
		background-color: #FFF;
	}
	.top-nav a.important {
		color: #754100;
	} 
	.top-nav a.important:hover {
		color: #FFF;
	}
	.col-md-3 #sidenav .active,
	.navcontent:before {
		background-color: #8B0E3A !important;
	}
	#sidenav .panel .glyphicon {
		color: #253d4f !important;
	}
	@media only screen and (min-width : 992px) {
		#qu_search input,
		#mob_search_box input {
			border-radius: 0;
			background-color: #333;
			color: #eee;
			height: 20px;
			border: 0;
			padding: 6px 12px;
			padding-right: 40px;
			width: 100%;
		}
		#qu_search .btn,
		#mob_search_box .btn {
			font-size: 12px;
			padding: 3px 6px;
		}
		.navbar {
			margin-bottom: 0;
		}
		.top-nav a {
			color: #FFF;
		}
		#lower_nav .open>a,
		#lower_nav .dropdown:hover>a,
		#lower_nav > li:hover > a {
			background-color: #929292 !important;
			border-color: #929292 !important;
			border-bottom-color: #929292 !important;
		}
		.top-nav a.important {
			color: #f39200;
		}
		.top-nav a:hover,
		.top-nav a.important:hover {
			color: #01395E;
			background-color: transparent;
		}
		.singular-nav li:hover a {
			background-color: #1b7374;
			color: #FFF;
		}
		#lower_nav .dropdown,
		#upper_nav li a,
		#lower_nav > li {
			background-color: transparent;
		}
		#upper_nav a:hover {
			background-color: transparent;
			color: #39a2b9;
		}
		#lower_nav .dropdown .glyphicon {
			color: #333;
		}
	}
	/* Menu */
/** COLORS END **/