/*!
 * Qatar University Library
 * Copyright 2015 Qatar University.
 * Created: 		06-11-2018
 * Last Modified: 	06-07-2020
 * --------------------------------
 * !This style sheet overrides and defines general Library and changes to main style!
 */
/** VGN OVVERRIDES */
@media only screen and (min-width : 992px) {
		
		.content_area article {
			padding: 15px 30px;
		}
    article .title  {
				margin: 30px 0px 25px 0px
                                                      }


	}
#tools {
		display: contents;
		position: relative;
		
		/* background-color: rgba(255, 255, 255, 0.8); */
		/* min-height: 50px; */
		/* line-height: 46px; */
	}
	.breadcrumb {
		font-size: 1.15em;
		margin: 0;
		padding: 0 15px;
		border-radius:0;
		display: inline-flex;
		
		zoom: 1;
		background-color: transparent;
	}
	.breadcrumb a {
		color:  #fff;
	}
	.breadcrumb>li+li:before {
		font-weight: bold;
		color:  #fff;
		content: "\00a0/\00a0";
	}
	#tools .list-inline {
		display: flex;
		margin: 0;
        margin-top: 3px;
	}
	#tools .list-inline li {
		vertical-align: middle;
	}
	#tools>.list-inline>li {
		background: url(/file_source/qu/global/images/global_images/toolbar-sep.png) no-repeat right;
		padding-right: 9px;
		display: inline-block;
	}
	#tools>.list-inline>li:last-child {
		background: none;
	}
	#tools button {
		vertical-align: middle;
		background-color: transparent;
		    cursor: pointer;
		padding: 6px;
		border: 0;
		border-radius: 0;
	}
	#share_box li {
		width: 150px
	}
	#tools_popover,
	#share_popover {
		display: none;
	}
	
	.popover {
		border-radius: 0;
		background-color: #fff;
		border: 0;
	}
	.popover.bottom>.arrow,
	.popover.bottom>.arrow:after {
		border-bottom-color: #7373a9;
	}
	.popover-content {
		padding: 0;
		color: #fff;
	}
	.popover-content a {
		text-decoration: none;
		display: block;
		color: #FFF;
		padding: 5px 10px;
	}
	.popover-content a:hover {
			background-color: #7373a9;
	}
	.popover_hover .popover-content { 
		width: 190px;
		padding: 5px;
		color: #FFF;
		font-size: 12px;
	}
	.hidetreeroot > a {
		display: none !important;
	}
.navcontent:before {
	content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.navcontent:hover:before {
	-webkit-transform: scaleX(0.03);
	transform: scaleX(0.03);
}
.navcontent.active,
.active>.navcontent,
#sidenav .active > .navcontent a {
	color: #FFF !important;
}
.vgn-ext-component {
	display: contents;
}
[id*=inline-text] {
	display: contents;
}
.epi-mod-drg {
	margin-bottom: 0 !important;
}
/** END VGN OVVERRIDES */
html {
	min-height: 100%;
	position: relative;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	min-height: 100%;
	max-width: 100%;
	background: url(/file_source/qu/Featured/System/Media/bg_body.jpg) bottom no-repeat;
	background-size: contain;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}    

#quickfacts-slider .h3 {
	line-height: 135%;
}
#breadcrumbs_holder {
			
        margin-top: -53px;
			background-color: #7373a9;
			padding: 15px;
            margin: auto;
            min-height: 75px;
            border-top: 5px solid  rgba(238, 238, 246, 0.56);
            border-top-color:  rgba(238, 238, 246, 0.56);
            border-bottom: 5px solid  rgba(238, 238, 246, 0.56);
            border-bottom-color:  rgba(238, 238, 246, 0.56);
		}
.vgn-ext-region {
    min-height: 0px  !important;
}
@media only screen and (min-width : 767px) {
	#quickfacts-slider {
		margin: 0 60px;
	}
	#quickfacts-slider .carousel-inner {
		margin-right: 110px;
		width: auto;
	}

}
@media only screen and (max-width : 767px) {
	#quickfacts-slider {
		margin: 0 40px;
	}
	#quickfacts-slider .h1 {
		font-size: 1.4em;
	}
	#quickfacts-slider .h3 {
		font-size: 1.2em;
	}

	
}
#quickfacts-arrows a {
	font-size: 54px;
}


.link-hover img{
	    max-width: 100%;
}
.link-hover a img {
    position: absolute;

}
.link-hover a:hover img {
    bottom: 0;
}
#mainshowarea  .heading {
	font-size: 1.55em;
	background-color: transparent !important;
	font-weight: 500;
}
#mainshowarea  .carousel-control:focus {
	color: #FFF;
}
#mainshowarea  .carousel-control {
	background: none;
}
#mainshowarea .carousel-control-prev, .carousel-control-next  {
 
    z-index:5;
}

.white a{
    color: #FFF;
}

.tab-content .btn:hover {
  border: 1px solid #ccc;
  color:black;

}
.vui-preview button:hover, .vui-preview .buttons a:hover {
    background-color: #ccc;
    border: medium none;
    color: black;
}
@media only screen and (min-width : 991px) {
	#mainshowarea  .text-holder {
		position: absolute;
		bottom: 0;
		width: 100%;
		zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
		padding: 25px;
	}
	#mainshowarea  .heading {
		font-size: 2.14em;
		font-weight: 300;
		color: #FFF;
	}
	#mainshowarea  .desc {
		font-size: 1.28em;
		font-weight: 100;
	}
}
.gridsubmenu::after {
	display: block;
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 10px;
	top: 50%;
	color: #FFF;
	margin-top: -9px;
	content: "\e259";
}
.gridsubmenu:hover:after {
	content: "\e260";
}
.gridsubmenu .absolute {
	display: none;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0;
	border: 1px solid #999;
	background-color: #FFF;
	z-index: 1;
	padding: 0;
}
.gridsubmenu:hover .absolute {
	display: block;
}
.gridsubmenu li {
	list-style: none;
	background-color: #f3f3f3;
}
.gridsubmenu li:nth-child(odd) {
	background-color: #FFF;
}
.gridsubmenu li a {
	display: block;
	padding: 10px 5px;
}





    .navbar{
     background: #fff;
     padding-top: 0;
     padding-bottom: 0;
    /* box-shadow: 1px 3px 4px 0 #adadad33;*/
}
 /*.navbar-light .navbar-brand {
     color: #2196F3;
}
 .navbar-light .navbar-nav .nav-link {
     color: #1ebdc2;
}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #1ebdc2;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #fff;
}


 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     background: #1ebdc2;
     transition: 0.3s;
}
*/

 .navbar-light .navbar-nav .nav-link{
     /*padding-top: 22px;
     padding-bottom: 22px;*/
     transition: 0.3s;

         font-size: 14px;
}



.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3c1a5f !important;
}

.sm-menu{
    border-radius: 0px;
    border: 0px;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
        font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3C1A5F;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #1ebdc2;
}
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 80rem;
	left: 0;
	right: 0;
	padding: 0px;
}
.megamenu p{
    margin-left: 5px;
}

a {
	color: #7373a9;
}
a:hover {
	color: #2C0420;
}
img {
    height: auto;  
}

.library-search-tabs.nav>li>a{
    background:  rgba(156, 155, 155, 0.26);
    font-size: 17px;
    padding: 5px;
}
@media (max-width: 768px){}
.library-search-tabs li.nav-item {
    padding: 5px 2px 5px 2px;
}

.nav-pills .nav-link.active,.nav-pills a.nav-link:hover{

    background: #7373a9;
    color: white;
    font-weight: 400;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #7373A9;
    border-color: #7373A9;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
     color: #7373A9; 
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: #7373A9;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.pagination .disabled {
    display: none;
}
/*
.library-search-tabs.nav > li > a{
    color: #161747;
    font-weight: 600;
}*/

#psulib-top-bar {
background-color: #F5F5F5;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 20px;
}
#searchContainer {
    padding-top: 25px;
}

#searchContent {
    flex-grow: 1;
    padding: 10px 1px 15px 1px;
}

.advance-search-link{
    float: right;
    margin-top: -10px;
    margin-right: 3px;
    font-size: 15px;

}

.tab-content .btn {
    border: 1px solid #ccc;
}

.library-search-tabs.nav-pills .nav-link.active, .library-search-tabs.nav-pills a.nav-link:hover {
    color: white !important;
}

.alphabet_name {
    display: block !important;
}

@media(min-width:768px) {

    .library-search-tabs li.clicked::after{
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0, 0, 0, 0.8);
        padding-bottom: 2px;
        display:block;
        margin: 0 auto;
    }

    .tab-content {
        margin-top: -5px;
    }
    .alphabet_name .d-none.d-sm-block {
        display: flex !important;
        margin-left: 5px;
        margin-right: 5px;
    }

    .alphabet_name {
        border-top: 1px solid #ccc;
    }

    .alphabet_name a.char_set , .alphabet_name span.char_set {
        padding-top: 5px;
    }

    .alphabet_name {
        font-size: 14.5px;
    }

    #eresources label[for="database"]{
        padding-right: 5px;
    }

}

#outterWrapper {
    overflow-x: hidden;
}
.carousel-indicators {
	bottom: 0;
}
.navbar-brand img {
	max-width: 250px;
}.content-tab{
  
    padding: 10px;
}


.carousel-caption {
	position: relative;
	text-align: left;
	color: #000;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}
/*-----Light#7C68B9------Dark#3C1A5F----------------------*/

/** HEADER START **/
#mainNavigation{
	flex-flow: row-reverse;
    
}

#mainNavigation .dropdown-item:hover, #mainNavigation .dropdown-item:focus {
	background-color: #3C1A5F;
	color: #FFF;
}

#mainNavigation .dropdown-item:active {
	background-color: #333;
}
.nav-col-item {
	display: block;
	padding: 0.2rem 0;
	color: #000;
}
#mainNavigation > ul {
	padding: 0;
}
#mainNavigation .dropdown-toggle {
	color: #000;
	position: relative;
}

[class*="col-nav"] {
	padding-left: 15px;
	padding-right: 15px;
}

@media only screen and (min-width : 768px) {
[class*="col-nav"] {
	right: 0;
	left: auto;
	font-size: 0.9rem;
}
.nav-col {
	position: static;
}
#outterWrapper {
	padding-bottom: 350px;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#footer-contents {
	position: relative;
	top: 5rem;
}

#footer-contents img
		{z-index: -1;}

}

@media only screen and (min-width: 992px) {
.col-nav-2 {
	width: 460px;
}
.col-nav-3 {
	width: 705px;
}
.col-nav-4 {
	width: 950px;
}
#mainNavigation .nav-link {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.15rem;
	border: 1px solid transparent;
	background-color: transparent;
}
#mainNavigation .nav-item:hover .nav-link, #mainNavigation .nav-item:focus .nav-link, #mainNavigation .nav-link:focus, #mainNavigation .dropdown.show .nav-link {
	border: 1px solid #CCC;
	border-bottom: 1px solid white;
}
#mainNavigation .dropdown {
	z-index: 1;
}

#mainNavigation .dropdown:hover .dropdown-menu, #mainNavigation .dropdown:focus .dropdown-menu, #mainNavigation .nav-link:focus + .dropdown-menu {
	display: block
}
#mainNavigation .dropdown-menu {
	border: 1px solid #CCC;
	margin-top: -1px;
	border-radius: 0;
}
}
@media screen { @media (min-width: 0px) {
	


	#mainNavigation .dropdown-menu {
        z-index: -1;
    }
}
_:-ms-lang(x), #mainNavigation .dropdown-menu {
        z-index: 1 !important;
    }
}
#search-navigation {
}
#search-navigation > input {
	height: 25px;
	border-radius: .2rem 0 0 .2rem;
}
#search-navigation > button {
	border-radius: 0 .2rem .2rem 0;
	height: 25px;
}

/** HEADER END **/
.padding-lg-ver {
    padding-top: 10px;
    padding-bottom: 10px;
}
.omit-ver-pad {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.padding-md-hor {
    padding-left: 15px;
    padding-right: 49px;
}

.color-main-dark {
	color: #1c1c4e;
}
.color-main {
	color: #7373a9;
}
.color-main-light {
	color: #ababcc;
}
.color-main-light2 {
	color: #e3e3ee;
}
.color-alt {
	color: #dfdddd;
}
.color-alt-light {
	color: #eeeeee;
}
.color-main-dark-bg {
	background-color: #1c1c4e;
}
.color-main-bg {
	background-color: #7373A9;
}
.color-main-light-bg {
	background-color: #ababcc;
}
.color-main-light2-bg {
	background-color: #e3e3ee;
}
.color-alt-bg {
	background-color: #dfdddd;
}
.color-alt-light-bg {
	background-color: #eeeeee;
}
.bg-black {
	background-color: #000;
}
/*Start of Menu */
.white {
    color: #FFF;
}
a {
	color: #7373a9;
}
a:hover {
	color: #2C0420;
}
.navbar {
	border: none;
}
.navbar .container > .row {
	position: relative;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}show
.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;
}
.time{
	padding: 5px;
} 
#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: #7373A9;
    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;
}
.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: #7373a9;
	}
}
#college_qk_linx {
	padding: 10px;
	display: block;
	background-color: #1c1c4e;
	color: #FFF;
	cursor: pointer;
	float: right;
}
#college_qk_linx > ul {
	display: none;
	z-index: 5000;
    position: absolute;
    right: 0px;
    width: 235px;
    padding: 5px;
	top: 40px;
    background: #1c1c4e;
	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: #dfdddd;
}*/
@media only screen and (max-width : 400px) {
		#mainshowarea{display:none;}
	#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-top: -1.5em;
		margin-bottom: 20px;
	}
	.dropdown-menu {
		border: 0;
	}
	#lower_nav .dropdown:hover>.dropdown-menu {
		display: block;
	}
	#lower_nav>li>a {
		padding: 9px;
		font-size: 1em;
	}
	#lower_nav>li:after {
		content: '';
		display: block;
		width: 2px;
		height: 20px;
		position: absolute;
		right: -1px;
		background-color: #FFF;
		top: 0;
		top: 50%;
		margin-top: -10px;
		z-index: 9999;
	}
	.navbar-brand, .navbar-nav>li>a {
		color: #040404;
	}
	.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-heading {
	font-weight: 100;
	font-size: 1.3em;
}

#subsites_news_small_header {
	background-color: #7373a9;
}
#subsites_news_small_header .view-all {
    position: absolute;
    right: 0;
    top: 0;
}
#subsites_news_small_body aside {
	float: left;
	width: 4.25em;
	text-align: center;
}
#subsites_news_small_body .day {
	display: block;
	background-color: #9dce59;
	color: #FFF;
	font-size: 2.5em;
	font-weight: 300;
	border-radius: 10px 10px 10px 10px;
}
#subsites_news_small_body .month {
	display: block;
	background-color: #7373a9;
	color: #FFF;
	font-size: 1.2em;
	font-weight: 300;
	border-radius: 10px 10px 10px 10px;
}
#subsites_news_small_body .details {
    margin-left: 5em;
    overflow: hidden;
}
#subsites_news_small_body .title {
	color: #dfdddd;
}
.tint {
  position: relative;
}
.tint:after {
  transition: all .3s linear;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tint:hover:after {
  background: rgba(182,18,27, 0.5);
}
#mainshowarea:before {
        width: 215px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	content: '';
background: url('/file_source/qu/global/css/library/showarea-pattern.png') no-repeat right top;
	text-align: right;
	z-index: 5;
	background-size: contain;
}
#mainshowarea:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	/*background: url('/file_source/qu/global/css/library/library-showarea-toplayer.png') right no-repeat;*/
	background-size: contain;
	text-align: right;
	content: '';
}
#mainshowarea .heading {
	font-size: 1.55em;
	background-color: transparent !important;
	font-weight: 500;
	color: #7373a9;
}
#mainshowarea .carousel-control:focus {
	color: #FFF;
}
#mainshowarea .carousel-control {
	background: none;
}
@media only screen and (min-width : 991px) {
	#mainshowarea .text-holder {
		position: absolute;
		bottom: 0;
		width: 100%;
		zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
		padding: 25px;
	}
	#mainshowarea .heading {
		font-size: 2.14em;
		font-weight: 300;
		color: #FFF;
	}
	#mainshowarea .desc {
		font-size: 1.28em;
		font-weight: 100;
	}
}
.carousel-item{

    z-index: 3;

}

article .title {
	color: #1c1c4e;
    margin: 30px 0px 25px 0px;
}
.btn.btn-primary:hover {
	background-color: #dfdddd;
}
.lib-pattern {
	background-image: url(/file_source/qu/global/css/library/libary-pattern.jpg);
	height: 36px;
}
.view-all {
	position: absolute;
    right: 0;
    top: 0;
}


.active-bg	
{
	width: 90px; height: 47px; background:url(/file_source/qu/global/images/library/lib-tab-active-edge.png) no-repeat; position: absolute; right: -90px; top: 0; z-index: 10; display: none; 
}

.default-bg				{
	
	width: 75px; 
	height: 47px; 
	background:url(/file_source/qu/global/images/library/lib-tab-default-bg.png) no-repeat; 
	position: absolute; right: -75px; top: 0; z-index: 9; 
	display: block; 
}



.tabs {
	display: flex;
      border-bottom: 1px solid #fff;
    padding:0px;
    padding: 5px 2px 5px 2px;
}

.tab-content{
	

      
    background:  rgba(156, 155, 155, 0.26);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    min-height: 135px;
    
}
.tab-content a{
    color: #161747;
}
.tab {
	flex-grow: 1;
    text-align: center;
    border-top: none;
    border-right: none;
    border-bottom: none;
    /*background:#ccc;*/
    border-radius: 5px 5px 0px 0px;
    border-color: #FFF;
    border-width: 5px;
    padding-left:0px;
    padding: 5px 4px 5px 4px;
}

li.active  {
    
 
    
}
.tab:first-child{
     margin-left: 0px;
}
.tab:hover {
	/*background-color: #7373a9;*/
      z-index: 10
}
.tab:first-child {
	border-left: 0;
}

.tab a{
  /*  color: #1c1c4e !important;*/
    font-size: 1.3em;
    font-weight: 300;
    text-decoration: none;
}
.active a {
	color: #1c1c4e !important;
	/*	
	color: #FFF !important;
	*/
}

 .table td, .table th {
    padding: .55rem;
}

#searchContainer {
	display: flex;
	flex-direction: column;
}
#searchContent {
	flex-grow: 1;
	
}
.alphabet_name {
	display: flex;
}
.char_set {

flex: auto;
}
/** 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: #00718f;
	}
	.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: #1c1c4e !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: #1c1c4e;
		}
		#lower_nav .open>a,
		#lower_nav .dropdown:hover>a,
		#lower_nav > li:hover > a {
			background-color: #dfdddd !important;
			color: #1c1c4e;
		}
		.top-nav a.important {
			color: #f39200;
		}
		.top-nav a:hover,
		.top-nav a.important:hover {
			color: #00718f;
			background-color: transparent;
		}
		.singular-nav li:hover a {
			background-color: #1c1c4e;
			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;
		}
	}
/* FOOTER START */
.BTNSocial {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	background-color: #3C1A5F;
	color: #FFF;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
	text-align: center;
	padding-top: 7px;
	
}
.BTNSocial:hover {
	background-color: #7C68B9 ;
}
#facebook {
	background-image: url(/file_source/qu/global/images/sm/facebook.png);
}
#twitter {
	background-image: url(/file_source/qu/global/images/sm/twitter.png);
}
#youtube {
	background-image: url(/file_source/qu/global/images/sm/youtube.png);
}
#linkedin {
	background-image: url(/file_source/qu/global/images/sm/linkedin.png);
}
#instagram {
	background-image: url(/file_source/qu/global/images/sm/instagram.png);
}
#google {
	background-image: url(/file_source/qu/global/images/sm/google.png);
}
#flickr {
	background-image: url(/file_source/qu/global/images/sm/flickr.png);
}
#foursquare {
	background-image: url(/file_source/qu/global/images/sm/foursquare.png);
}
#rss {
	background-image: url(/file_source/qu/global/images/sm/rss.png);
}
#snapchat {
	background-image: url(/file_source/qu/global/images/sm/snapchat.png);
}
@media only screen and (min-width : 992px) {
	#footer_wrapper {
		position: relative;
		padding-bottom: 12em;
	}
}
#footer_wrapper .container{
	position: relative;

}
#btm_bg_r {
	max-width: 971px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	width: 38%;
}
#btm_bg_l {
	max-width: 588px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: -2;
	width: 45%;
}
/* FOOTER END */



.nice-select.form-control {
            width: 100%;
            line-height: 1.5;
        }

        .nice-select .list {
            width: 100%;
        }

        .tab-content .card {
            border-top: none;
        }

        #myTab i {
            display: block;
            font-size: 1.1rem;
            margin-bottom: 4px;
        }

        #myTab a {
            font-size: 16px;
            padding: 5px 2px 5px 2px;
        }

        #alphabets li {
            width: 5rem;
        }

        #services .card {
            cursor: pointer;
        }

        #services .card:hover {
            border: 1px purple solid;
        }

   .fa-newspaper-o:before {
    content: "\f1ea";
}    

.view-all {
    position: absolute;
    right: 0;
    top:15px;
    
}

#quickfacts-slider .h3 {
	line-height: 135%;
}
@media only screen and (min-width : 767px) {
	#quickfacts-slider {
		margin: 0 60px;
	}
	#quickfacts-slider .carousel-inner {
		margin-right: 110px;
		width: auto;
	}
}
@media only screen and (max-width : 767px) {
	#quickfacts-slider {
		margin: 0 40px;
	}
	#quickfacts-slider .h1 {
		font-size: 1.4em;
	}
	#quickfacts-slider .h3 {
		font-size: 1.2em;
	}
}
#quickfacts-arrows a {
	font-size: 54px;
}

.link-hover a {
    text-align: left;
    position: relative;
    width: 250px;
    height: 180px;
    overflow: hidden;
    margin: 10px;
    display: inline-block;
}
.link-hover a img {
    position: absolute;
    
}
.link-hover a:hover img {
    bottom: 0;
}
#mainshowarea  .heading {
	font-size: 1.55em;
	background-color: transparent !important;
	font-weight: 500;
}
#mainshowarea  .carousel-control:focus {
	color: #FFF;
}
#mainshowarea  .carousel-control {
	background: none;
}
@media only screen and (min-width : 991px) {
	#mainshowarea  .text-holder {
		position: absolute;
		bottom: 0;
		width: 100%;
		zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
		padding: 25px;
	}
	#mainshowarea  .heading {
		font-size: 2.14em;
		font-weight: 300;
		color: #FFF;
	}
	#mainshowarea  .desc {
		font-size: 1.28em;
		font-weight: 100;
	}
}
.gridsubmenu::after {
	display: block;
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 10px;
	top: 50%;
	color: #FFF;
	margin-top: -9px;
	content: "\e259";
}
.gridsubmenu:hover:after {
	content: "\e260";
}
.gridsubmenu .absolute {
	display: none;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0;
	border: 1px solid #999;
	background-color: #FFF;
	z-index: 1;
	padding: 0;
}
.gridsubmenu:hover .absolute {
	display: block;
}
.gridsubmenu li {
	list-style: none;
	background-color: #f3f3f3;
}
.gridsubmenu li:nth-child(odd) {
	background-color: #FFF;
}
.gridsubmenu li a {
	display: block;
	padding: 10px 5px;
}

#events_container aside {
	float: left;
	width: 4.25em;
	background-color: #7C68B9;
}
#events_container aside .day {
	font-size: 2.5em;
	font-weight: 300;
color: #fff;
}
#events_container aside .month {
	font-size: 1.2em;
	color: #fff;
	background-color: #3c1a5f;
}
#events_container aside span {
	text-align: center;
	display: block;
}
#events_container .details {
	margin-left: 5em;
	overflow: hidden;
}
#events_container .details .time {
	margin: 0;
	line-height: 1em;
	font-size: 1em;
}
#events_container .details p {
	margin-top: 0.25em;
	margin-bottom: 0;
}

.margin-sm-top {
    margin-top: 1em !important;
}
.media-left {
    padding-right: 10px;
}
.block {
    display: block;
}

    .navbar{
     background: #fff;
     padding-top: 0;
     padding-bottom: 0;
    /* box-shadow: 1px 3px 4px 0 #adadad33;*/
}

 .navbar-light .navbar-nav .nav-link {
     color: #000000;
}
 .navbar-light .navbar-nav .nav-link:hover {
     color: #000000;
}
 /*.navbar-light .navbar-brand {
     color: #2196F3;
}

 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #1ebdc2;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #fff;
}

 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     background: #1ebdc2;
     transition: 0.3s;
}

*/

 .navbar-light .navbar-nav .nav-link{
     padding-top: 22px;
     padding-bottom: 22px;
     transition: 0.3s;

         font-size: 14px;
}



.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3c1a5f !important;
}

.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
    
    padding: 0.2rem 0.5rem;
    font-weight: 350;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3C1A5F;
}
.navbar-toggler{
    outline: none !important;
}

.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}
.megamenu h6{
    margin-left: 5px;
}
.megamenu i{
    width: 20px;
}

img {z-index:-1;height: auto;}


/** COLORS START **/
	/* FOOTER START */
		#footer_wrapper a {
			color: #754100;
		}
		
	/* FOOTER END */
/** COLORS END **/