/**
 * Place your custom styles here.
 */

.infographic{
    display: block!important;
}

.mainMenu .navbar-default .navbar-nav li {padding: 0px;}

.mainMenu .navbar-default .navbar-nav a.active,
.mainMenu .navbar-default .navbar-nav a.active:focus,
.mainMenu .navbar-default .navbar-nav a.active:hover {background: #45429A; color: #B1DEA2;}

.mirror {
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}



.sideNav .nav>li>a {
    border-bottom: 1px solid #21A594;
    border-radius: 0;
    padding-right: 0;
    font-size: 16px;
    color: #E8F0F8;
}

.sideNav .nav>li.last>a {
    border-bottom: 0;}


.sideNav .nav>li {
    margin: 0;
    padding: 0;
}

.sideNav .nav>li.active>a, .sideNav .nav>li.active>a:focus, .sideNav .nav>li.active>a:hover {
    background-color: transparent;
    border-radius: 0;
    color: #04685B;
}
ul.menu.nav.sub-list{
	padding-left:15px;
}

@media only screen and (max-width: 767px) { 
ul.dl-menu.dl-menuopen {
    height: 250px;
    overflow: scroll;
}
}





.video-item,.photo-item {
    background: #EEEEEE;
    text-align: center;
    padding: 10px;
    min-height: 231px;
    margin-bottom: 20px;
}


.video-item img, .photo-item img{
    float: none;
    margin: 0;
}

.video-item h2, .photo-item h2{
    font-size: 15px;
    margin: 10px 10px 0 10px;
}

.event-list .news-item{overflow: auto;}

.news-item{
    border-bottom: 1px solid #21BAA6;
    margin-bottom: 15px;
    color:#9EACC1;

}

.news-item img{
        background: #F5F5F5;
    padding: 5px;
    border: 1px solid #E2E2E2;
}

.news-item h1 a{
        color:#00B2DC;
}




.pollBox .title, .pollBox .form-item-choice label{
    color: #DADADA;
    margin-bottom: 15px;
    padding: 0;
}

.pollBox .iradio_flat-blue{margin-right: 10px;}

.pollBox .poll .text{padding-bottom: 3px;}

.pollBox .poll .form-submit {
    background: #25A6C7;
    border: none;
    color: #fff;
}

.pollBox ul.links{
    text-align: right;
    position: relative;
    top: -25px;
    float: right;
    width: 80%;
}

.pollBox ul.links .first a{
    background: #2BC08D;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 12px;
}

.pollBox ul.links li.last{
    display: none;
}

.pollBox .poll .total, .pollBox .poll .text{color: #DADADA;}

.pollBox .poll .progress{background: #DADADA;}


.news-item a.more {
    background: #21BAA6;
    padding: 5px 10px;
    color: #ffffff;
    padding: 10px 20px;
}



.infographic .mask {
    width: 100%;}

.mainNews .swiper-slide .newsText{
    height: 50px;
}

.i18n-en .mainNews .swiper-pagination{
    /* text-align: right !important;
    padding-left: 20px; */
}


.contact-block .tabContent p{
    display: block;
    color: #fff;
    line-height: 1.7;
}
/* 
.contact-block label{
    color: #fff;
    margin: 9px 0;
    } */

.contact-block .form-actions {margin-top: 10px;}
.more-map {
    background: #25a6c7;
}
.more-map a{
    color: #fff;
}

.book-explorer ul.menu li{background: none;}
.book-explorer-toggle{background: none;}


.topics a img{
    height: auto;
    display: initial;
}


.topics > a {min-height: 205px;}

.mainContent .statisticsContent {
    padding-top: 0;
}


.topContent{
    margin-bottom: 20px;
}


.banners .box p {
   /*  font-size: 20px;
    line-height: 32px; */
}

.banners .box {
    /* padding: 20px 45px; */
    text-align: center;
}

.topLinks li.active {display: none;}


#block-system-main .book-navigation .menu.nav li.collapsed a {position: relative;}
#block-system-main .book-navigation .menu.nav li.collapsed a:before {

    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #337ab7;
    font-size: 18px;
    padding-right: 0.5em;
}
#block-system-main .book-navigation .menu.nav li a{
    background: #EAEAEA;
}
#block-system-main .book-navigation .menu.nav li.leaf a:before {
    content: "\f15c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #337ab7;
    font-size: 18px;
    padding-left: 0.5em;
}

 .sideNav ul.menu.nav ul {
    display: none;
} 

header .topBarLeft ul li.facebook {background-color: #3b5998}
header .topBarLeft ul li.youtube {background-color: #b31217}
header .topBarLeft ul li.instgram {background-color: #125688}

.node-type-services .article img {
    float: none;
    margin-left: 0;
    max-width: 100%;
}

.article img {
   /*  float: left;
    margin-left: 20px; */
   /* max-width: 300px;*/
	height: auto;
}

p.articleText {
    line-height: 22px;
}



.pull-left.newsDescription {
    line-height: 24px;
}

.pull-left.newsDescription .more {
    margin-right: 15px;
}

.btn-2BC08D{
    background: #2BC08D;
    color: #ffffff;
}

.info-center-desc p{
    padding-bottom: 10px;
}

.player iframe{width: 100%;}

.media-center-page .custom-page-title {background: #00b2dc;float: right;padding: 10px 20px;color: #fff;font-size: 21px;margin: 15px 0;}
.media-center-page .sideBox.announcements .links ul li a {line-height: 28px;display: block; margin-bottom: 11px;}
.media-center-page .info-slider .swiper-slide a .slider-text {position: absolute;width: 100%; text-align: right; padding: 10px 20px; bottom: 0;background: rgba(11,37,43,1);
background: -moz-linear-gradient(left, rgba(11,37,43,1) 0%, rgba(11,37,43,0.9) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,37,43,1)), color-stop(100%, rgba(11,37,43,0.9)));
background: -webkit-linear-gradient(left, rgba(11,37,43,1) 0%, rgba(11,37,43,0.9) 100%);
background: -o-linear-gradient(left, rgba(11,37,43,1) 0%, rgba(11,37,43,0.9) 100%);
background: -ms-linear-gradient(left, rgba(11,37,43,1) 0%, rgba(11,37,43,0.9) 100%);
background: linear-gradient(to right, rgba(11,37,43,1) 0%, rgba(11,37,43,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b252b', endColorstr='#0b252b', GradientType=1 );}
.media-center-page .info-slider .swiper-slide a .slider-text h1{color: #21baa6}
.media-center-page .info-slider .swiper-slide a .slider-text p{color: #fff;width: 75%;font-size: 15px;overflow: hidden;height: 20px;}
.media-center-page .info-slider.media-slider .swiper-container-horizontal>.swiper-pagination {text-align: left;padding-left: 20px;}
.media-center-page .info-slider.media-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #21baa6}
.media-center-page .infographic.inside-album .mask .fa {font-size: 30px;margin-top: 20px;}
.media-center-page .media-two-boxs .first-box .box-content , .media-center-page .media-two-boxs .events .box-content {background: #ccd3de;overflow: hidden;}
.media-center-page .media-two-boxs  h1 , .media-center-page .media-two-boxs .events h1 {background-color: #2bc08d;float: left;color: #fff;padding: 10px;font-size: 18px;}
.media-center-page .media-two-boxs  h1 i{margin-right: 10px;}
.media-center-page .media-two-boxs .first-box ul {list-style-type: none;padding: 30px;float: right;width: 100%;text-align: center;}
.media-center-page .media-two-boxs .first-box ul li {display: inline-block;margin: 0 12px 20px;}
.media-center-page .media-two-boxs .first-box ul li a span {display: block;color: #45429a;margin-top: 10px;}
.media-center-page .media-two-boxs .events .box-content {background: #25a6c7}
.media-center-page .media-two-boxs .events h1 {background: #168ead}
.media-center-page .media-two-boxs .events-list ul {padding: 0 20px;width: 100%;margin-top: 60px;}
.media-center-page .media-two-boxs .events-list ul li {display: block;margin-bottom: 20px;border-bottom: 1px solid #168EAD;padding-bottom: 7px;}
.media-center-page .media-two-boxs .events-list ul li a span.date {background: #168ead;color: #fff;font-size: 14px;padding: 5px;margin-bottom: 10px;}
.media-center-page .media-two-boxs .events-list ul li a p {color: #fff;margin-top: 10px;line-height: 30px;}
.media-center-page .media-two-boxs .events-list .moreLink {float: right;margin-right: 15px;margin-bottom: 11px;color: #fff;}
.media-center-page .media-two-boxs .events-list .moreLink i {margin-right:5px}
.media-center-page .mediaCenter.innernews {margin-top: 30px;float: right;}
.media-center-page .mediaCenter.innernews .mediaNews .news-content {}
.media-center-page .mediaCenter.innernews .news-content h1 {display: block;margin-top: 10px;width: 100%;float: right;color: #3C3C3C;font-size: 15px;line-height: 24px;}
.media-center-page .mediaCenter.innernews .news-content p {display: block;width: 100%;float: right;margin-top: 14px;font-size: 14px;line-height: 23px;color: #9EACC1;}
.media-center-page .infographic.inside-album {float: right;width: 100%}
.media-center-page .mediaCenter.innernews .news-content p {margin-bottom: 20px}
.media-center-page .mediaCenter.innernews .otherNews a {float: right;border-radius: 0;background: #C0C0C0;color: #373737;}

@media screen and (min-width:0) and (max-width:1200px) {
    .media-center-page .custom-page-title {width: 100%}
    .media-center-page .sideBox {padding: 0}
}

@media screen and (min-width:0) and (max-width:1024px) {
    .media-center-page .mediaCenter {margin-bottom: 20px}
}

@media screen and (min-width:0) and (max-width:992px) {
    .media-center-page .mediaCenter {margin-bottom: 25px}
    .media-center-page .media-two-boxs .events  {margin-top: 20px}
}

.view-taxonomy-term .views-row{
    border-bottom: 1px dotted #21baa6;
    margin-bottom: 15px;
    color: #9eacc1;
    padding-bottom: 15px;
    line-height: 1.5;
}


.view-taxonomy-term .views-field-title-field a{color: #00b2dc;}

#block-system-main .field .field-label {
    font-weight: bold;
    padding-bottom: 10px;
    width: 150px;
    margin-top: 14px;
}

.shareNews {}
.shareNews ul {float: right;list-style-type: none;padding-right: 15px;margin-bottom: 0;}
.shareNews ul li , .otherActions ul li {display: inline-block;float: right}
.shareNews span {position: relative;top: 7px;color: #9D9D9D;}
.shareNews i {display: block; width: 25px; height: 25px; background-color: rebeccapurple; text-align: center; border-radius: 100%; color: #fff; padding: 6px; margin-left: 5px;}
.shareNews i.fa-facebook {background-color: #254398;}
.shareNews i.fa-twitter {background: #19a1e0;}
.shareNews i.fa-instagram {background: #1e6fa8;}
.shareNews i.fa-google-plus {background: #bb1540;}
.shareNews i.fa-whatsapp {background: #149E14}

h2.block-title {
    color: #fff;
}
/* ol.search-results.apachesolr_search-results {
    line-height: 35px;
} */

/*.i18n-en .mainNews .swiper-pagination {
    text-align: right !important;
    padding-left: 20px;
}*/

/*-----------GAD LatestRelease 10/8/2016 */
.Border{
    background: #25a6c7;color: #fff;padding: 0px 10px;border-radius: 0 25px 0 0;
}
/* BreadCrumb no loink */ 
.breadcrumbDiv{
   /*pointer-events: none;*/
   cursor: default;
}

/* Iphone Table Fixed */
.table-responsive
{
max-width: none;
}

#go-top {
	
	position: fixed;
	bottom: 6em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	
}

#go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}


h1>a , h1>a:hover{
	color:#00B2DC;
}
/* custom image in metholodgy */
.metholodgy img {
    float: none;
    margin-left: 0px;
    max-width: 100%;
    height:auto;
}
}
/* display download file */
.file,.file-size{display: inline-block;}

@media (max-width: 976px) {
    .navbar-toggle {
      display: block;

    }
	.box img{
		width:10%;
	}
}

@media (max-width: 1199px) {
    .box img{
		width:10%;
	}
}
@media (max-width: 768px) {
    .navbar-toggle {
      display: block;

    }
}
/* hide next previous*/
.page-links{
    display: none !important;
}
.img-res{
    display: block;
	width:100%;
    text-align: center;
}
.new_indicator{text-align: center;}
/*custom box for kaba in front page*/
.custom_box{border-left: solid 5px #fff;}
.custom_box_kabba{border-right: solid 5px #fff; display: block; text-align: center;}

.clickable-row a{
	color:#9EACC1;
}
.clickable-row {
	cursor: pointer;
	color:#9EACC1;
}
.views-view-grid.cols-4 {
    margin-top: 20px;
}
.views-view-grid .views-field{
    padding-right: 40px !important;
}

.filters-form-submit{
	margin-top:25px;
	
}

/* ---- css for charts data table -- start */
.highcharts-data-table table {
    border-collapse: collapse;
    border-spacing: 0;
    background: white;
    width:100%;
}


/*
 * Datatables Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #f3f4ee; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable th:active {
	outline: none;
}

 /*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

/*
 * Survey Webform
 */
.webform-progressbar {
    margin-top: 75px;
    margin-bottom: 75px;
}
#webform-client-form-12177 label {
    font-size: 16px;
    margin-left: 40px;
    line-height: 24px;
}
.select-or-other-other {
    width: 80%;
    margin-left: 60px;
}
/*
 *  Profile Page
 */
.field-name-field-reg-stats .field-label,.field-name-field-reg-reason .field-label,.field-name-field-reg-updates .field-label, .field-name-field-reg-sector .field-label{width:100% !important;}
.custom-width {
    width: 100%;
    margin-top: 4px;
    text-align: center;
}
.profile-picture-holder img {
    text-align: center;
    margin: 0 auto;
	padding-bottom:10px;
}
.tabbable.tabs-left.vertical-tabs.clearfix{display:none !important;}
/* responive table for iphone */
.table-responsive .table {
    max-width: none;
}
.tb-megamenu.tb-megamenu-menu-organization-role-menu {
    background-color: inherit;
    font-size: 13px;
}
.tb-megamenu.tb-megamenu-menu-organization-role-menu a {
    color: #337ab7 !important;
    font-weight: 600;
}
.tb-megamenu.tb-megamenu-menu-organization-role-menu ul li {
    margin-top: -2px;
}
.flag-message{
	top: -78px;
	z-index: 1;
    background-color: #dff0d8;
    text-align: center;
    /* right: 125px; */
    border-radius: 4px;
    padding: 5px;
    border-color: #d6e9c6;
	color: #3c763d;
}
#user-picture-data-rom{
	background-color: #EEEEEE;
    /* width: 106%; */
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
}
.field-name-field-infographic-image img{ max-width:100% !important;}
.fa-icon{
	float: right;
}
.btnmore a{
	right:5%;
}
.Monthly {
    display: block !important;
    float: left;
}
.marker-img{
	float: right;
    margin-top: -4px;
	width:14px;
}
#edit-field-date-type-from-value-max-wrapper, #edit-field-date-type-from-value-min-inside-wrapper{
  float: left;
}
/*---- jobs occupation page style start ---- */

.e-btn {
  margin: 10px;
  height: 100px;
}
.e-btn .fa {
  font-size: 18pt;
}
.e-btn span {
  display: block;
}

/* -- views-accordion Start --*/


.view-grouping {
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #d3d3d3;
  border-top: 0;
  border-right: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
}
.view-grouping-content {
  margin-top: 5px;
}
.ui-accordion h3.ui-accordion-header {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
}

.ui-accordion .ui-accordion-content {
  margin: -6px 15px 10px 15px;
  width: auto !important;
}

/* -- background last collapse views-accordion Start  --*/
.ui-accordion h3.ui-accordion-header,
h3.views-accordion-unified_saudi_occ_classification-page-header.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all {
  background: linear-gradient(30deg, #24b9a6 0%, #239bb1 100%) !important;
}

h3.views-accordion-unified_saudi_occ_classification-page-header a {
  color: #FFFFFF !important;
}

h3.views-accordion-unified_saudi_occ_classification-page-header a .badge {
  background-color: #FFFFFF !important;
  color: #239bb1 !important;
}


/* btn for View details .. in Unified Saudi Occ Classification view */
.ui-accordion-content .views-field .views-field-views-conditional {
	text-align: end;
}
/* a.btn.btn-default { */
	/* background-color: #91a2bc !important; */
/* } */
.ui-accordion-content a {
	background-color: #91a2bc !important;
	color: white !important;
}


/* -- Job Details --*/
.list-group-item {
  background: linear-gradient(30deg, #24b9a6 0%, #239bb1 100%) !important;
  color: white;
}
/* ---- jobs occupation page style end ----*/
.contact-block .tabContent p a {
    /* display: block; */
    color: #fff;
    line-height: 1.7;
}


/* micro data content type form css start (10-27-2022)*/
.group-micro-data-applicant-info .panel-body .form-wrapper {
    width: 45%;
    /* white-space: nowrap; */
    display: inline-block;
    float: left;
    /* position: relative; */
    margin: 10px;
    /* padding: 10px; */
}
.mobile-number-field .verified.show {
    right: -171px;
}
.group-micro-data-project-info .panel-body .field-type-text {
    width: 50%;
    /* float: right; */
    padding: 8px;
}

/* page review webform */
.page-reviews-box div {
    float: left;
}
.total-yes-count {
    margin-right: 2px;
}
.total-page-reviews-count{
    margin-left: 2px;
}
.form-item-submitted-page-review-fieldset1-field-page-likeness-yes-no .form-radio {
    right: 5px;
}