/*:root{
    --firstcolor:#b01622;
    --secoundcolor:#182f3f;    --thirdcolor:#efa11b;    --fourthcolor:#543070;

}*/

    .search-bx.style-1 .input-group-btn button{
        background-color: var(--secoundcolor);
    }
 
    a, .text-primary, .primary li:before, .menu-links .nav > li.active > a, .menu-links .nav > li:hover > a, .menu-links .nav > li .mega-menu > li ul a:hover, .menu-links .nav > li .sub-menu li:hover > a, footer a:active, footer a:focus, footer a:hover, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, .testimonial-1 .testimonial-position, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .ttr-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .btn.outline, .btn-link:hover {
        color: var(--secoundcolor) !important;
    }
    a:hover{
	 color: var(--firstcolor) !important;
}
    .line {
    
        background-color: var(--secoundcolor);
      }
      .event-time {
      
        background-color: var(--thirdcolor);
     
    }
    h1, h2, h3, h4, h5, h6 {
        color: var(--firstcolor);
      
    }
    .portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active, button.back-to-top, .upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
        background-color: var(--thirdcolor);
     
    }
    .upcoming-event-carousel.owl-btn-1 .owl-prev,.upcoming-event-carousel.owl-btn-1 .owl-next{
        color: var(--thirdcolor);
    }
    .course-info-list ul li a.active:hover, .course-info-list ul li a:hover, .btn:hover, .profile-tabnav .nav li a.active:hover, button.back-to-top:hover, .upcoming-event-carousel.owl-btn-1 .owl-prev:hover, .upcoming-event-carousel.owl-btn-1 .owl-next:hover, .courses-carousel .owl-nav .owl-next:hover, .courses-carousel .owl-nav .owl-prev:hover, .recent-news-carousel .owl-nav .owl-next:hover, .recent-news-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover, .testimonial-carousel .owl-nav .owl-prev:hover {
        background-color: var(--firstcolor) !important;
      
    }
    .college-header-menu .nav>li:after {
 
        background-color: var(--secoundcolor);

      }
      .card-links:nth-of-type(1)
  
{
  background-color: var(--thirdcolor) !important;
}
.card-links:nth-of-type(2)
{
  background-color: var(--firstcolor) !important;
}
.card-links:nth-of-type(3)
{
  background-color: var(--secoundcolor) !important;
}
.card-links:nth-of-type(4)
{
  background-color: var(--fourthcolor) !important;
}
.college-header-links {
    background-color: var(--firstcolor) !important;
 
  }
  .college-header-menu .nav>li>a:hover{
      background-color: var(--secoundcolor);
  }
    
  .news-hover-color {
    background-color: var(--firstcolor);
   
}
.event-left-section:hover>.event-left-side {
  
    border-left: 5px solid var(--secoundcolor);
}
.event-section .event-title, .event-section .event-month, .media-post {
    color: var(--thirdcolor);
}
.calender-year {
    background-color: var(--firstcolor);
  
}
.table .row .cell.active span {
    border-bottom: 5px solid var(--firstcolor);
   
}
button.back-to-top {

    background-color: var(--secoundcolor) !important;
}
.firstcolor{
    color: var(--firstcolor)!important;
}
.firstcolor-bg{
    background-color: var(--firstcolor)!important;
}

.secoundcolor{
    color: var(--secoundcolor)!important;
}
.secoundcolor-bg{
    background-color: var(--firstcolor)! important;
}
.list-inline .btn-link{
    background-color: var(--firstcolor);
    color: #fff;
}
.list-inline .btn-link:hover{
    background-color: var(--secoundcolor);
   
}
.pt-social-link .btn-link i:hover{
    color: #fff !important;
}
.ovpr-dark:after{
    background: var(--secoundcolor);
opacity: 50% ;
}
.bg-primary {
    background-color: var(--firstcolor);
}
.courses-search-bx .focused .input-group label,
.contact-bx .focused .input-group label{

	color:var(--secoundcolor);
}
.btn-link{
    color: var(--firstcolor);
}
.btn-link :hover
{
    color: var(--secoundcolor);
}

/*.text-holder{
	 background-color: var(--secoundcolor) !important;
	 background:var(--secoundcolor)  !important;
	
}*/

.b-bottom{
    border-bottom: var(--thirdcolor) solid 9px;
  }
  .footer_widget ul li a:hover, [class*="ovbl-"] .counter-style-1 .counter-text, .header-transparent .secondary-menu .btn-link:hover, .header-transparent .menu-links .nav > li:hover > a, .header-transparent .menu-links .nav > li.active > a {
    color: var(--firstcolor)!important;
}
.fill-first {
    fill:var(--firstcolor)!important ;
}
.fill-secound {
    fill:var(--secoundcolor)!important ;
}
.fill-cl .cls-4{
    fill: var(--firstcolor);
}

.college-news-date{
    background-color: var(--secoundcolor);
}
.share {
    background: var(--secoundcolor);
    color: white !important;
  }
  
  .icon-bar a:hover + .college-quick-links , 
  .college-quick-links:hover{
    left: -1px !important;
  }
  
  .college-quick-links{
    background: var(--firstcolor);
   
  }
  .college-quick-links li:hover{
    background: var(--secoundcolor);
   
  }
  .btn-section{
    background-color: var(--fourthcolor);
  }
  .feature-md:hover {
  
    background-color: var(--fourthcolor);
  }
  
  
  
    /* ========================= */
/* research */
/* ======================== */
.slider-info{
   background-color: var(--firstcolor);
   
   }
   .secoundcolor-bg{
    background-color: var(--secoundcolor)! important;
}
.research .event-title a{
    color: var(--thirdcolor) !important;
}
.sort a:hover{
    color: var(--secoundcolor);
    
    }
    .sort a:active{
        color: var(--secoundcolor);
      
      }
      .research-box {
       
        background-color: var(--secoundcolor);
    }
    .border-bottom-secound{
     

border-bottom-color: #fff !important;
     
	
}
      .arrow .fa-angle-right{
        color: var(--secoundcolor);

      }
      
      
      
element.style {
}
.section-sp2 {
    direction: ltr;
}
.section-bg {
    background-color: #8080802e !important;
     
    }
   
.ms-siteicon-img {
    display: block;
    max-width: 480px !important;
    min-height: 50px;
}
.btn {
     background-color: var(--secoundcolor) !important;
    color: #000;
}
.portfolio-bx .portfolio-info-bx, .btn.outline:hover, .course-info-list ul li a.active, .course-info-list ul li a:hover, .btn, .profile-tabnav .nav li a.active, button.back-to-top, .upcoming-event-carousel.owl-btn-1 .owl-prev, .upcoming-event-carousel.owl-btn-1 .owl-next, .courses-carousel .owl-nav .owl-next, .courses-carousel .owl-nav .owl-prev, .recent-news-carousel .owl-nav .owl-next, .recent-news-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .testimonial-carousel .owl-nav .owl-prev {
    background-color: var(--secoundcolor) !important;
    color: #fff !important;
}
  .owl-prev:hover{
 /* var(--firstcolor) !important; */
	
}
.owl-next:hover{
	 /* var(--firstcolor) !important; */
}
.cours-bx .info-bx{
	background-color:white;
}

.cours-bx:hover .action-box .btn {
   left: 0;
      background-color: var(--firstcolor) !important;
   
   }
   
   .social-image h4 {
    color: var(--firstcolor) !important;
}

.courses-carousel .owl-nav .owl-next:hover{
	     background-color: var(--firstcolor) !important;
    color:white !important;

}
.courses-carousel .owl-nav .owl-next:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}
.courses-carousel .owl-nav .owl-prev:hover{
	background-color: var(--firstcolor) !important;
    color:white !important;

}

.btn-section {
    width: 28px;
    height: 28px;
    background-color: var(--firstcolor) !important;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    top: 5px !important;
    /* bottom: 19px; */
    position: inherit;
}


/*.courses-carousel .owl-nav {
    position: ;
    top: -41px;
     right: auto !important; }
     */
     
     .info-bx h4{
	 color: var(--thirdcolor) !important;
	font-size:20px;
	font-weight: bold !important;
}
.sk-bg {
    background-image: url('rs-bg.jpg')!important;
}

.section-sp1 {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}

.text-white {
    color: #FFF !important;
}


.LinkTitle a{
	  color: #FFF !important;
}

h5.LinkTitle a:hover{
	color: #fff !important;
	font-weight:600
} 

div  .text-white {
    color: #FFF !important;
}

.service-bx .info-bx {
    padding: 10px 10px;
    color: white;
}

.arrow .fa-angle-right {
    color:#fff !important;
}
.abcCentersWrapper ul li {
    display: inline-block;
    list-style: none;
}
.abcCentersWrapper ul.AZList li {
    padding: 0.75em 0 0 0.75em;
}
.abcCentersWrapper ul.AZList li:not(:has(a)){
	display:none
}
.abcCentersWrapper ul.AZList li a {
    display: block;
    text-align: center;
    padding: 0.75em 1.1em;
    font-size: 1.1em;
    background:var(--firstcolor) !important;
    width: 3em;
    min-width: 0.3em;
       color: white !important;
    border: 1px solid var(--secoundcolor) !important;
     border-radius: 10px;
}
.abcCentersWrapper ul.AZList li a:hover {
     background:var(--secoundcolor ) !important;
      border: 1px solid var(--firstcolor) !important;

 }
.ABCCenters .panel-body {
    margin: 30px 0;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.ABCCenters .panel-default >.panel-heading {
    background: #f8f8f8 !important;
    /*padding: 2px 15px;*/
    border-color: #ddd;
}
.panel-heading {
    font-weight: bold;
    color: #333;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.ABCCenters h3 span {
    float: right;
    font-size: 1.5rem;
}
.ABCCenters h3, .ABCCenters h3 span > a {
    color:var(--secoundcolor);
    font-size: 16px !important;
    font-weight: normal;
}
.ABCCenters h3 span {
    float: left;
    font-size: 1.5rem;
}

.ABCCenters h3, .ABCCenters h3 span > a {
    color: var(--secoundcolor);
    display: block;
    margin: auto;
}
.ABCCenters .panel-body {
    margin: 0;
}
.sk-bg{
  background-image: url('Research 2022.png') !important;
}
.ABCCenters .panel-body{
	display:flex;
	 flex-wrap: wrap;
}
html[dir="ltr"] .ABCCenters .panel-body{
direction:ltr !important;
}

.header-transparent .menu-links .nav > li.active > a {
    color: #fff!important;}
    
    
        .AZList li:not(:has(a)) {
 display:none
}
.AZList{
direction:ltr !important;
}
html[dir="rtl"] .AZList {
direction:rtl !important;
}

 #theList{
    text-align: start;}
    
    /*topbar*/
.top-utility .top-header-links li.active {
    background-color: var(--firstcolor) !important;
    color: #fff !important;
}

.top-utility .quick-links{
	  background-color: var(--firstcolor) !important;
}

.top-utility .menu-links .nav>li .sub-menu li :hover{
	    background-color: transparent !important; 
	    color: #fff !important;
}

.top-utility .search-btn {
    color: #fff !important;
}

.menu-links .ms-core-listMenu-root>li .dynamic-children li:hover>a .menu-item-text {
    color: var(--secoundcolor) !important;
}

.top-utility .menu-links .nav>li .sub-menu li a:hover {
    background-color: var(--secoundcolor)!important;
}
footer .pt-social-link li a:hover{
    color: #fff !important;
	background-color: var(--secoundcolor)!important;
}
.ms-rteTable-default{
   -ms-name:"QU Table Style 1 ";
   margin: 8px 0;
   width:98%;
}

/*#sideNavBox .ms-core-listMenu-root a.selected {
    background-color: rgba(176,22, 34, 0.2) !important;
}*/

.sitelogo {
    margin-left: 1% !important;
    height: 100%;
}
.sitelogo .ms-siteicon-img {
    max-width: 400px !important;
}
html[dir="rtl"] div .sitelogo {
    margin-left: 4% !important;
    }
    
  html[dir="rtl"] div .fixed .stickylogo {
   
    margin-left: 9% !important;
}


/*Genral style*/
/*!
 * Qatar University Homepage Menu
 * Copyright 2015 Qatar University.
 * Created: 		29-08-2016
 * Last Modified: 	29-08-2016
 * --------------------------------
 * !This style sheet overrides and defines general RESEARCH colors and changes to main style!
 */
.service_btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 135px;
    height: 110px;
    margin: 10px;
}
.service_btn img {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
	}
.service_btn:hover img {
	top: auto;
	bottom: 0;
}
.color-main-dark {
	color: #b11924;
}
.color-main {
	color: #b11924;
}
.color-main-light {
	color: #bf2e39;
}
.color-main-light2 {
	color: #bf2e39;
}
.color-alt {
	color: #182f40;
}
.color-alt-light {
	color: #253d4f;
}
.color-alt2 {
	color: #186869;
}
.color-alt2-light {
	color: #1B7374;
}
.color-alt3 {
	color: #eba11d;
}
.color-alt4 {
	color: #1b7374;
}
.color-main-dark-bg {
	background-color: #b11924;
}
.color-main-bg {
	background-color: #b11924;
}
.color-main-light-bg {
	background-color: #bf2e39;
}
.color-main-light2-bg {
	background-color: #bf2e39;
}
.color-alt-bg {
	background-color: #182f40;
}
.color-alt-light-bg {
	background-color: #253d4f;
}
.color-alt2-bg {
	background-color: #186869;
}
.color-alt2-light-bg {
	background-color: #1B7374;
}
.color-alt3-bg {
	background-color: #eba11d;
}
.color-alt4-bg {
	background-color: #1b7374;
}
body {
	background: none !important;
}
@media only screen and (min-width : 768px) {
	#outterWrapper {
		margin-bottom: 230px !important;
	}
}
.explore-btn#calendar {
    background-image: url(/file_source/qu/global/images/colleges/chs/calendar-icon.png) !important;
}
.explore-btn#stories {
    background-image: url(/file_source/qu/global/images/colleges/chs/stories-icon.png) !important;
}

.gridmenu::after {
	display: block;
    font-family: 'Glyphicons Halflings';
	position: absolute;
    right: 5px;
    top: 50%;
	color: #259899;
    margin-top: -9px;
	content: "\e080";
}
#quickfacts-arrows {
	top: 50% !important;
	margin-top: -25px;
}
.view-all {
	position: absolute;
    right: 0;
    top: 0;
}
#events_container aside {
	float: left;
	width: 4.25em;
	background-color: #182f40;
}
#events_container aside .day {
	font-size: 2.5em;
	font-weight: 300;
}
#events_container aside .month {
	font-size: 1.2em;
	font-weight: 100;
	background-color: #eba11d;
}
#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;
}
#quickfacts-slider #quickfacts-arrows {
	position: absolute;
	right: 0;
	top: 0;
}
#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;
}


article .title {
	color: #253d4f !important;
}

/*Adding style Vprgs_custom*/

*  {
	box-sizing: border-box;
}
.containerStyle {
	margin:60px 0;
}
.containerStyle::before {
	content:" ";
	display: block;
}


.linkStyle a:hover {

	text-decoration:underline !important;
}

@media screen and (max-width: 640px) {

	ul.list-inline {
		float:left;
		max-width:25rem;
		padding:0 10px 0 0;
		line-height: 3rem;
		word-spacing: 0.3rem;
	}	
}
.list-inline a {
	color:white;
	margin-left: auto;
	padding: 10px;
}

#thebanner {
	width: 100%;
	max-height: auto;
}
.bannermeta{  
	margin-top: 1px;
	text-align: center;
 	padding:10px 20px;
  	background-color:#182f40;
	border-bottom: 5px solid #eba11d;

}
.bannermeta a { 
	color:antiquewhite;
	line-height: 1.42857143;
}

/* ITS banner */

#showarea_wrapper .text-holder {
	background-image:none;
	background:#aaaaaa;
}
div.text-content a::before {  
	margin-top:1px;
}
#showarea_wrapper .text-content a span {  
	display: block;	
	line-height: 1.5;
	margin-top: 0px;
	text-align: center;
 	padding: 0 20px;
	background:#aaaaaa;
	border-bottom: #aaa 5px solid ;
}

#showarea_wrapper .text-content a span.heading {  
	padding-top: 20px;
	font-size:1.7em;
	color:black;;
}
#showarea_wrapper .text-content a span.desc {  
	font-size:1.1em;
	color:black;;
}

#showarea_wrapper .text-content a span.blue { 
	padding-bottom: 10px; 
 	color:black;;
}
div.text-holder::before {
	margin-top:1px;
}
div.text-holder {
	border-bottom: 5px solid #bababa;
}

div.sectionHead {
	
	margin-top: 0;
	margin-bottom: 15px;
}
div.sectionHead p {
	
	font-size: 3.4rem;
    color:#a25b3f;
}
.theRPSSection, .theRRSSection, .LeadersSection  {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.theRRSSection  > div[class^="col-"] {
	flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
	margin-top: 10px;
	max-width:32.4444444444444444%;
	padding:0;	
}
.theRPSSectionFlex  > div[class^="col-"] {
	flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
	margin-top: 10px;
	max-width: 24%;
	padding:0;
}


@media screen and (max-width:870px) {
	
	.theRRSSection  > div[class^="col-"] {
		flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
		margin-top: 10px;
		max-width:49.333333333333%;
		padding:0;
	}
	
	.theRPSSectionFlex  > div[class^="col-"] {
		flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
		margin-top: 10px;
		max-width: 49.333333333333%;
		padding:0;
	}
}
@media screen and (max-width:500px) {
	
	.theRRSSection  > div[class^="col-"] {
		flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
		margin-top: 10px;
		max-width:100%;
		padding:0;
	}
	.theRPSSectionFlex  > div[class^="col-"] {
		flex: 1 0 auto; /* grow + shrink + basis=maxwidth */
		margin-top: 10px;
		max-width: 100%;
		padding:0;
	}
	
	div.sectionHead p {
	
	font-size: 5vw;
	
}
}
.extWrapper {
	height: 100%; 
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	padding-bottom: 25px;
}
.extWrapper1 {
	position: relative; 
	color: #fff;
	letter-spacing: 1.5px;
	line-height: 2;
	background: #343e79;
	height: 100%;
}
.PrioritiesExtWrapper {
	height: 100%; 
	border: 1px solid #D4D4D4;
	padding-bottom: 60px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	background-color:#eee6e1;

}

.extWrapper2:hover {
	background:#C5D0DB;
}
.innerWrapper {
	padding: 20px 20px 60px;
	padding-left: 20px;
	padding-right:20px;
	padding-bottom: 60px;
}

.innerWrapperContent{
	margin-bottom: 30px;

}
div.innerWrapper > h4{ 
	margin-bottom: 15px;
}
 .LeadersSection  > div[class^="col-"] {
	margin-top: 10px;
	text-align: center; 
	padding: 10px;
}

 .linkStyle {
	padding:15px;
	 
}
.whereResearch {
	position:absolute; 
	bottom: 0 ;
	backdrop-filter: blur(5px); 
	left:0; 
	right:0; 
	padding: 20px; 
	background: rgba(217,144,54,0.65); 
	box-sizing: border-box !important	
		
}
 .whereResearch h4 a{
	 
		color:white;
}
.whereResearch:hover {
	
	background: rgba(217,144,54,0.85 ); 

		
}


.innerWrapperButton a span {
	color: var(--secoundcolor) !important;
	float:right;
	margin-right: 30px;
	border: solid #eba11d;
  	border-width:  0 3px 3px 0;
  	/*display: block;*/
	padding:20px;
	transform: rotate(-45deg);
	background:transparent;

}

/* For Arabic website */
.innerWrapperButton a span[dir="rtl"] {
	color:  var(--secoundcolor) !important;
	float:left;
	margin-left: 30px;
	border: solid  var(--secoundcolor) ;
  	border-width:  0 3px 3px 0;
  	/*display: block;*/
	padding:20px;
	transform: rotate(-225deg);
	background:transparent;

}
/* end For Arabic website */
.innerWrapperButton a button  {
	position: absolute;
	bottom: 8px; 
	width:auto;
	color:white;
	background:transparent;
	border:none;
	margin-left:20%;	

}
.innerWrapperButton  {
	position: absolute;
	margin-bottom: 0px;
	bottom: 25px; 
	width: 100%;
}

.theRRSSection  > div[class^="col-"] :hover {
	background:#29506E;
}
.theRRSSection  > div[class^="col-"]  .innerWrapperButton a span:active  {
	border: solid antiquewhite;
	 border-width: 0 5px 5px 0;

}
.RPSWrapper  {
	text-align: left;
	margin: auto 0;
	line-height: 1.3;
	border-top:0.5rem solid #a25b3f;
	font-size: 1.7rem; 
	padding:1.75rem 1.30rem 0.5rem; 
	position: relative;
}
.RPSWrapper  a, .RPSWrapper[dir="rtl"] a  {color:#4e4040 !important;}
/* For Arabic website */
.RPSWrapper[dir="rtl"]   {
	text-align: right;
	margin: auto 0;
	line-height: 1.3;
	border-top:0.5rem solid #a25b3f;
	font-size: 1.7rem; 
	padding:1.75rem 1.30rem 0.5rem; 
	position: relative;
}
/* End for arabic */

 .imgRadius > div img {
	border-radius: 10px 10px 0 0;
}
hr.hrResourcesSec {
	width: 70px; 
	border: 1px solid  var(--secoundcolor) !important; 
	margin-top: 0px; 
	margin-left:0px;  
	margin-right: auto;  
}

/* for arabic */
hr.hrResourcesSec[dir="rtl"] {
	width: 70px; 
	border: 1px solid  var(--secoundcolor) !important; 
	margin-top: 0px; 
	margin-right:0px;  
	margin-left: auto;  
}
/* End for arabic */

.badgeContentContainer {
	padding: 1px; 
	/*background-color: #f7f8f8;*/
	/*text-align: center;*/
}
.badgeContentContainer > h3 {	

	height: auto; 
	color:#0e275a;
	margin-bottom: 0;
}
.badgeContentHR {
	width: 100%; 
	/*border: 1px solid #fff !important; */
	margin-top: -20px;
}
.badgeContentStart {
	display: flex; 
	justify-content: center;
	align-items: baseline; 
	flex-wrap: wrap; 
	flex-shrink: 1; 
	background-image: url('http://www.qu.edu.qa/file_source/qu/research/2020/images/background-image.png');
	background-size: cover; 
	background-repeat: no-repeat; 
	border-radius: 0;
}

div.RMSicons{
	padding: 5px; 
	margin: 20px;
}

div.RMSicons > .RMSiconsNumber {
	text-align: center; 
	font-size: 2.75rem; 
	color: #b11924; 
	margin: 10px 0;
}
div.RMSicons > .RMSiconsMeta {
	text-align: center;
	color:#182f40;
	font-size: 2rem;
}

.centerContent {
	margin-left: auto; 
	margin-right: auto;
}

#QPS img {
	width:100%;
}
.pressFont {
	font-size:2.5rem; 
	text-align: center;
	background:#a95435;
	padding: 15px 0;
	margin-top: auto;
	margin-bottom: auto;
}
.pressFont a {color:#fff; font-size: initial;}
.abcCentersWrapper ul li {	
	display: inline-block;
	list-style: none;	
}
.abcCentersWrapper ul.AZList{
	padding:1.5em 0;
}
.abcCentersWrapper ul.AZList li{
	padding:0.75em 0 0 0.75em;
}

.abcCentersWrapper ul.AZList li a {
	display: block;
	text-align: center;
	padding: 0.75em 1.1em;
	font-size: 1.1em;
    background:#182f40 ;
	width:3em;
	min-width: 0.3em;
	color:antiquewhite;
	border: 1px solid #182f40;
     border-radius:10px;
     
}

.abcCentersWrapper ul li a:hover {
	background:#eba11d;
	color:#182f40;
}
.ABCCenters  span a:hover {
	color:#182f40;
}
.ABCCenters .text-center{
	padding:  0.7em 0.1em;
}
.ABCCenters .panel-body {
	margin:30px 0;
}
.ABCCenters .panel-default >.panel-heading {
	
	background:#eba11d; 
	padding:2px 15px;
}

.ABCCenters h3, .ABCCenters h3 span > a {
	color:#182f40;
}

.ABCCenters h3 span {
	float:right;
	font-size:1.5rem;
}
/* For Arabic Website */

.abcCentersWrapper ul.AZList li a[dir="rtl"] {
	display: block;
	text-align: center;
	padding: 0.75em 1.1em;
	font-size: 1.1em;
        background:#182f40 ;
	width:3em;
	min-width: 0.3em;
	color:antiquewhite;
	border: 1px solid #182f40;
        border-radius:10px;
     
}
.ABCCenters h3 span[dir="rtl"] {
	float:left;
}
.ABCCenters .panel-body div[class^="col-"][dir="rtl"] {
	float:right;
}
/* End For Arabic Website */
ol.listedItemsNumbers[dir=ltr]{	
	list-style:none;
	list-style-position: outside;
	counter-reset: item; /*set counter item = 0*/
	/*text-indent: -41px;*/
	margin-left:10px;
	margin-top:10px;
	font-size:14px !important;
}

ol.listedItemsNumbers > li[dir=ltr]::before{
	display: inline-block;
	counter-increment: item; /*increment counter item by 1*/
	content: counter(item); /*insert the generated counter content */
	color:#fff;	
	width:35px;
	line-height: 35px;
	border-radius: 100%;
	text-align:center;
	font-size: 1.5rem;	
	background: var(--firstcolor);
	text-indent: 0px;
	margin-right: 7px;
}
ol.listedItemsNumbers > li[dir=ltr]{
	display: block;
	margin-bottom: 15px;	
	text-align: left;
	font-size:1.2em;
}
ol.listedItemsNumbers p, ol.listedItemsNumbers span, ol.listedItemsNumbers div {   /* for p, span, div nested in ol . Good for ar and en*/
		text-indent: 0px;
		font-size:14px; /*override the font size 1.2em set in listedItemsNumbers class*/
	
}
/* For Arabic */
ol.listedItemsNumbers[dir=rtl]{	
	list-style:none;
	list-style-position: outside;
	counter-reset: item; /*set counter item = 0*/
	/*text-indent: -41px;*/
	margin-right:10px;
		margin-top:10px;
		font-size:12px !important;
		

}

ol.listedItemsNumbers > li[dir=rtl]::before{
	display: inline-block;
	counter-increment: item; /*increment counter item by 1*/
	content: counter(item); /*insert the generated counter content */
	color:antiquewhite;	
	width:35px;
	line-height: 35px;
	border-radius: 100%;
	text-align:center;
	font-size: 1.5rem;	
	background: #182f40;
	text-indent: 0px;
	margin-left: 7px;
}
ol.listedItemsNumbers  > li[dir=rtl]{
	display: block;
	margin-bottom: 15px;	
	text-align: right;
	font-size:1.2em;
}

/*End for Arabic */
.theConferenceType  {
	color:#eba11d;
	
}
.theConference ~  h3 {
	margin-top: 0px;
	
}

.awardList {
	border-image: none;
	
}


ul.UorderedlistedItemsNumbers[dir="ltr"] {
	list-style: none;
	text-indent: 0px; /* good for nested ol / ul*/
   margin-top:10px;

}
ul.UorderedlistedItemsNumbers p, ul.UorderedlistedItemsNumbers span, ul.UorderedlistedItemsNumbers div {   /* for p, span, div nested in ol . Good for ar and en*/
		text-indent: 0px;
	font-size:14px /*do not use the font size 1.2em in UnorderedListedItemsNumbers */
}

ul.UorderedlistedItemsNumbers > li[dir="ltr"]::before{
	 content: "\2022";  /* \2022 is the CSS Code/unicode for a bullet */
	 display: inline-block; /* Needed to add space between the bullet and the text */
     color: #8e1837; /* Change the color */
	 font-weight: bold; /* make it bold */
	 width: 1em; /* Also needed for space (tweak if needed) */
	 margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
ul.UorderedlistedItemsNumbers > li[dir="ltr"]{
	
	margin: 1.5rem 0;
}

/* For Arabic */
ul.UorderedlistedItemsNumbers[dir="rtl"] {
	list-style: none;
	text-indent: 0px;  /* good for nested ol / ul*/
}

ul.UorderedlistedItemsNumbers > li[dir="rtl"]::before{
	 content: "\2022";  /* \2022 is the CSS Code/unicode for a bullet */
	 display: inline-block; /* Needed to add space between the bullet and the text */
     color: #8e1837; /* Change the color */
	 font-weight: bold; /* make it bold */
	 width: 1em; /* Also needed for space (tweak if needed) */
	 margin-right: -1em; /* Also needed for space (tweak if needed) */	
	}
ul.UorderedlistedItemsNumbers > li[dir="rtl"]{
	
	margin: 1.5rem 0;
}
/* ENd for Arabic*/

div.panel.awardList{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.researchcontent {
  float: left;
  display: none; /* Hide all elements by default */
}
		  
 /* The "show" class is added to the filtered elements */
.show {
	
  display: block;
}
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 275px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color:#eba11d;
  color:#fff;
  padding :20px;
  transform: rotateY(180deg);
}
div.leadersCard {
    margin-bottom: 20px;
	box-shadow: 0 4px 8px 0 rgba(24,47,64,0.2);
}


@media screen and (min-width:199px) {
	div.leadersCard {
	max-width: 100px;
	width: 100px;
	height:auto;
	}
}
@media screen and (min-width:200px) {
	div.leadersCard {
	max-width: 220px;
	width: 220px;
	height:auto;
	}
}
@media screen and (min-width:768px) {
	div.leadersCard {
	max-width: 220px;
	width: 220px;
	height:420px;
	margin:auto;
	}
}
img.leadersCardImg {
	max-width:250px;
	width:100%;
}
div.leadersCard-body {
	padding:15px;
	background:#FFFFFF;
}
div.leadersCard:hover {
   box-shadow: 0px 0px 15px 0px rgba(24,47,64,0.7);
   border-bottom: 5px solid var(--secoundcolor);
}

div.leadersCard a:hover {
	text-decoration: none !important;
	
}
p.leadersCard-title {
	color:#355D8E;
}

p.leadersCard-title, p.leadersCard-name {
	margin: 7px 0;
	letter-spacing: 1px;
	font-size: 1rem;
}
span.leadersCard-office {
	font-size: 0.9rem;
}

.article .title {
	text-transform: none !important;
}

/* OLD
.listedItems {	
	padding:0 15px; 
	font-size:1.2em;
}
.listedItems:last-child {	
	padding:0 15px 30px; 
	font-size:1.2em;
}
.listedItems a{
	display:inline-block;
	padding:0 50px 0 10px; 
	text-align: left;
}
 @media screen and (max-width: 550px) {
	 .listedItems a {
		display:block;
		margin: 0 10px;
		padding:10px auto 15px 0;
		text-align: left;
	 } 
  }
.listedItemsNumbers {
	display: inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50px;
	color:antiquewhite;
	text-align:center;
	background:#182f40; 
	font-size:1.2em; 
	margin:10px;
}

*/

/* TadTalk H1 Style*/
h1.title.hidden-xs.hidden-sm {text-transform:initial !important}
div.heading.row.visible-xs.visible-sm span {text-transform:initial !important}


.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,.nav>li>a:focus,.nav>li>a:active {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eee;
    border-color: #00576e
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}


.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

element.style {
}
span .list-inline a {
    color: var(--firstcolor);
    margin-left: auto;
    padding: 10px;
}

.btn-section {
    width: 28px;
    height: 28px;
    background-color:var(--firstcolor);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    /* bottom: 10px; */
    /* width: 45px; */
    /* height: 45px; */
    background-color:var(--firstcolor);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-top: 6px;
    position: absolute;
    margin-left: 10px;
    margin-top: 0px;
}
.choose-bx-in .info-bx .LinkTitle{
text-align: start;
}
.service-bx .info-bx {
      height: 250px;
}
.choose-bx-in .arrow {
	position: absolute;
    bottom: 8px;
}
html[dir="rtl"] .choose-bx-in .arrow {

left:24px}


html[dir="rtl"] .btn-section {

position: inherit !important;
margin-top:-4px  !important;
}

html[dir="ltr"] .choose-bx-in .arrow {

left:unset;
right:24px}

@media screen and (min-width: 1200px){
	.right-side {
    width: 65% !important;
}

}
#Path_71 , #Path_60 , #Path_61 , #Path_62{
	fill:var(--firstcolor)!important;
}

#ctl00_ctl68_g_fde76ed5_0966_456e_bd5a_a9034eb0dfc3_div_Ads1 img {
	height:418px
}
 #ctl00_ctl71_g_e3c05344_3132_4ce1_8dac_765cd726a99f img{
	height:407px
}
@media screen and (max-width: 553px){#ctl00_ctl68_g_ed3b78ad_1056_495c_b6fd_ab2b322b7edf .heading-bx.d-flex{
display:block  !important;
	
}
#ctl00_ctl68_g_ed3b78ad_1056_495c_b6fd_ab2b322b7edf .rs .sort {
margin-left:unset	
}
}
html[dir="ltr"] #ctl00_ctl68_g_ed3b78ad_1056_495c_b6fd_ab2b322b7edf .rs .sort {
direction:ltr
}

.leadersCard-title a{
	font-size: 14px !important;
	color: var(--fourthcolor) !important; 

}
.list-group-item.awardList{
	font-size: 1.05em !important ;
}
html[dir="rtl"] .list-group-item.awardList{
	font-size: 1em !important ;
}
/* @media (max-width: 991px) and (min-width: 850px) {
	.right .mail , .right .phone {
		margin-left: 16px;} 
	
	}
	@media (max-width: 768px) and (min-width: 675px) {
		.right .mail , .right .phone {
			margin-left: 42px;} 
		
		}
	 */
		.right .d-flex:has(.mail , .phone)  {
			justify-content: space-between;
		align-items: center;
		}   
		
			.staff-card .right:hover .fa-clone {
				  position: unset; 
				margin: 0 10px;
			}
			.staff-card .right span {
				color: #fff;
				margin-left: 20px;
				line-height: 1;
				width: 100%;
				height: auto;
				margin-top: unset;
				display: none;
			}
			.staff-card .right:hover span{
				display: block;
			 
			}
			.staff-card .right .fa-clone {
				display: none;
			}
			.staff-card .right:hover .fa-clone{
				display: block;
			}
			.right .mail , .right .phone {
				
				flex-grow: 1;
				align-items: center; 
				
			}