/*-----------------------------------------------
** Version: 1.0
** Author: Mobarak Mesaied
** Last update : 11 - 12 - 2015
 -----------------------------------------------*/

/*
General
----------------------------------------------- */
body { font: 13px 'neo', serif; background:#eeeeee;direction: ltr }
a, input { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
*::selection { background: #00b0de; color: #fff }
*::-moz-selection {background: #00b0de;color:#fff}
*::-webkit-selection {background: #00b0de;color:#fff}
a:focus, button:focus { outline: 0 }
.clearfix { clear: both }
a:hover , a:active , a:focus , a {text-decoration: none}
.innerPages .content {padding-top: 25px}
body div {direction: rtl}
.example {margin: 20px 0}
.mainContent h1 {font-size: 20px;color: #00B2DC;margin-bottom: 10px;line-height: 30px;}
.mainContent h2 {font-size: 18px;color: #10B7C1;margin-bottom: 10px;}
/*.sideNav , .topBar , .topStatistics .swiper-slide , .toolBar {visibility: hidden}

/*
Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; }  blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }


ul.topLinks{list-style: none;}
/*
Fonts
----------------------------------------------- */
@font-face { font-family: 'neo'; src: url('../fonts/neo/NeoSansArabic.eot'); src: url('../fonts/neo/NeoSansArabic.eot?#iefix') format('embedded-opentype'), url('../fonts/neo/NeoSansArabic.woff') format('woff'), url('../fonts/neo/NeoSansArabic.ttf') format('truetype'), url('../fonts/neo/NeoSansArabic.svg#ge_neofont') format('svg'); font-style: normal; }
@font-face { font-family: 'univers-light'; src: url('../fonts/univers/UniversNextArabic-Light.eot'); src: url('../fonts/univers/UniversNextArabic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/univers/UniversNextArabic-Light.woff') format('woff'), url('../fonts/univers/UniversNextArabic-Light.ttf') format('truetype'), url('../fonts/univers/UniversNextArabic-Light.svg#ge_universfont') format('svg'); font-style: normal; }
@font-face { font-family: 'univers-regular'; src: url('../fonts/univers/UniversNextArabic-Regular.eot'); src: url('../fonts/univers/UniversNextArabic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/univers/UniversNextArabic-Regular.woff') format('woff'), url('../fonts/univers/UniversNextArabic-Regular.ttf') format('truetype'), url('../fonts/univers/UniversNextArabic-Regular.svg#ge_neofont') format('svg'); font-style: normal; }

/*
Content
----------------------------------------------- */
header{background: #fff;padding-bottom: 25px;}
header .topBar {height: 40px;color: #fff;background-color: #45429a;margin-bottom: 25px}
header .topBar p.date {margin-top: 13px;font-size: 12px;color: #C1C1D6}
header .topBarLeft ul li {display: inline-block; float: left; background-color: #21baa6; height: 40px; width: 40px; text-align: center; padding-top: 9px; font-size: 20px;    margin-right: 1px;}
header .topBarLeft ul li.twitter {background-color: #00b0de}
header .topBarLeft ul li i{}
header .topBarLeft ul li a {color: #fff}
header .topBarLeft ul li i.twitter {}
header .topBarLeft ul li.search {cursor: pointer}
header .searchForm {display: none; background-color: #9eacc1; padding: 20px; width: 100%; position: absolute; top: 41px; left: 0px;z-index: 1;}
input::-webkit-input-placeholder {
color: black !important;
}

input:-moz-placeholder { /* Firefox 18- */
color: black !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
color: black !important;
}

input:-ms-input-placeholder {
color: black !important;
}

.searchForm .form-search{
    background: #EEE;}

.searchForm .form-search button {
    background: #21BAA6;
    margin: 0;
    line-height: 0.4;
    padding: 8.5px;
    border-radius: 0;
}


.searchForm .form-search .form-actions button{display: none;}



header .searchForm input {background-color: transparent; width: 95%; border: none; height: 42px;padding: 0 10px 0;}
header .searchForm button {background: none; border: none; font-size: 25px; float: left;margin-top: 5px;}
header .searchForm input::-webkit-input-placeholder { color: #fff;font-size: 18px }
header .searchForm input:-moz-placeholder { /* Firefox 18- */ color: #fff;font-size: 18px }
header .searchForm input::-moz-placeholder { /* Firefox 19+ */ color: #fff;font-size: 18px }
header .searchForm input:-ms-input-placeholder { color: #fff;font-size: 18px }
header .ksa-population { position: relative; color: #21BAA6;width: 320px;margin-top: 15px;}
header .ksa-population p {width: 100%; margin-bottom: 10px;font-size: 17px;margin: 0;}
header .ksa-population p.number {font-weight: bold; font-size: 30px; margin-top: 15px;}
header .ksa-population img {position: absolute;left: 0;bottom: 0;width: 83px;}
header ul.topLinks { margin-top: 10px; margin-left: 15px; }
header ul.topLinks li { margin-right: 25px; float: left; }
header ul.topLinks li i { margin-left: 10px; }
header ul.topLinks li a { color: #C1C1D6; font-size: 13px; }
header ul.topLinks li a:hover {color: #fff}

/*
Menu
----------------------------------------------- */
.mainMenu {background-color: #9eacc1;    margin-bottom: 25px;}
.mainMenu .navbar-default {margin: 0;background: none;border: none;min-height: auto;}
.mainMenu .sm-clean>.active>a, .mainMenu .sm-clean>.active>a:focus, .mainMenu .sm-clean>.active>a:hover {background: #45429A; color: #B1DEA2;border-radius: 0;}
.mainMenu .sm-clean>li>a, .mainMenu .navbar-default .navbar-text {color: #fff;}
.mainMenu .sm-clean>li>a:hover{background-color: #8E9AB0;}
.navbar-header .navbar-toggle {border: medium none;color: red;font-size: 30px;color: #45429a}
.navbar-header .navbar-toggle:hover , .navbar-header .navbar-toggle:focus {background-color: transparent}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none}
button.navbar-toggle span{font-size: 18px;position: relative;top: -5px;color: #fff;}
button.navbar-toggle i{float: right;margin-left: 10px;}
.mainMenu .container-fluid , .mainMenu .navbar-collapse {padding:0}
.breadcrumbDiv + .container {position: relative}
.sm-clean a span.sub-arrow {left: 4px;right: auto;}



/*
Statistics
----------------------------------------------- */
.topStatistics .item {width: 100%}
.topStatistics .item img {width: 65px;margin-left: 20px;}
.topStatistics .item .number {font-size: 25px;font-weight: bold;font-family: 'univers-regular';margin-top: 5px;}
.topStatistics .item p {line-height: 22px;margin-top: 9px;overflow: hidden;font-size: 15px;}
.topStatistics .item.green p {color: #2BC08D;}
.topStatistics .item.blue p {color: #00b0de;}
.topStatistics .item.purple p {color: #45429a;}
.topStatistics .item.ligntGreen p {color: #7ac55f;}
.topStatistics .owl-controls {position: absolute;width: 100%;top: 25px;}
.topStatistics .statisticsNav .swiper-button-prev {left: -30px;}
.topStatistics .statisticsNav .swiper-button-next {right: -30px;}
.topStatistics .statisticsNav i {font-size: 25px;background-color: #9EACC1;border-radius: 50%;width: 30px;height: 30px;color: #fff;text-align: center;padding-top: 1px;}
.topStatistics .statisticsNav i.fa-angle-right {padding-left: 2px;}
.topStatistics {margin-bottom: 25px}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev , .swiper-button-next, .swiper-button-prev {background-image: none}
.topStatistics .swiper-container { width: 100%; height: 100%;direction: rtl}
.topStatistics .swiper-slide { border-left: 1px solid #9eacc1;font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.topStatistics .swiper-slide:last-child {border: none}




/*
Top Content
----------------------------------------------- */
.mainNews .swiper-container { width: 100%; height: 335px; direction: rtl}
.mainNews .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.mainNews .swiper-slide .newsText {background-color: rgba(0, 0, 0, 0.8);position: absolute;z-index: 1;bottom: 0;padding: 20px 20px 40px;width: 100%;text-align: right}
.mainNews .swiper-slide .newsText h1 {color: #fff;}
.mainNews .swiper-slide .newsText p {color: #E1E1E1;font-size: 15px;margin-top: 15px;}
.mainNews .swiper-pagination-bullet {background-color: #2bc08d;    padding: 8px;}
.mainNews .swiper-button-prev , .mainNews .swiper-button-next {background-image: none}
.mainNews .swiper-button-next {text-align: left}
.mainNews .swiper-button-prev i , .mainNews .swiper-button-next i {font-size: 40px;}
.mainNews .swiper-slide a {display: block;width: 100%}
.blueBox {background: #00b0de;}
.towBoxes .firstBox  {margin-bottom: 0px;}
.towBoxes .box a img {width: 75px;}
.towBoxes .box a p {font-size: 22px;float: right;padding-top: 22px;width: 76%;}
.towBoxes .box {padding: 30px 15px;}
.purpleBox {background: #45429a;}
.greenBox {background: #2bc08d;}
.towBoxes .purpleBox a p {color: #bebcff;}
.towBoxes .blueBox a p {color: #c6edf7;}

/*_______________________________
Hidden pagging By Gad  */


/*
Content
----------------------------------------------- */
.tabs ul.tabsNav {padding: 12px 0}
.tabs ul.tabsNav li {display: inline-block;margin: 0 0px 0px 1px;}
.tabs ul.tabsNav li a {padding: 8px 3px; background-color: #ccd3de; color: #405b87;font-size: 14px;}
.tabs ul.tabsNav li.ui-tabs-active a {background-color: #25a6c7;color: #fff}
.tabs div.tabContent {background-color: transparent;padding: 15px}
.tabs div.tabContent ul.list {margin-right:-90px;}
.tabs div.tabContent ul.list li {list-style-type: disc;color: #bff2ff;line-height: 28px;}
.tabs div.tabContent ul.list li a {color: #bff2ff;font-size: 14px;}

/*
Annual Book
----------------------------------------------- */
.banners {margin-top: 25px;overflow: hidden;}
.banners .box {padding: 20px;}
.banners .box p {color: #fff; overflow: hidden; display: block; padding-right: 13px; font-size: 18px; line-height: 25px; margin-top: 17px;}
.annualBook h1 {background: #2bc08d;color: #fff;padding: 20px 10px;}
.annualBook .content {text-align: center;background: #ccd3de;padding: 23px 0;}
.annualBook .content a img {}
.annualBook .content a p {color: #45429a;margin-top: 15px;font-size: 20px;}
.annualBook .more {text-align: left;padding: 10px;}
.annualBook .more a {color: #fff;}


/*
infographic
----------------------------------------------- */
.infographic .swiper-container{width:100%;height:100%;}
.infographic .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.infographic {background: #fff;padding: 15px;margin-top: 25px;margin-bottom: 25px;}
.infographic h1.title {margin-top: 10px; color: #2bc08d; font-size: 20px; margin-bottom: 20px;}
.infographic a {position: relative;}
.infographic h3 {margin-top: 10px;color: #414143;font-size: 16px;}
.infographic .mask {display: none;background-color: rgba(0, 0, 0, 0.8);overflow: hidden}
.infographic a:hover .mask {display: block; position: absolute; height: 100%; padding: 15px; line-height: 25px; font-size: 15px; color: #ccd3de;}
.infographic .image {position: relative}
.infographic .navigation {position: absolute;top: 35px;left: 30px;width: 80px;}
.infographic .navigation .fa {background-color: #2bc08d; width: 40px; height: 40px; color: #fff; text-align: center; border-radius: 100%; font-size: 30px; padding-top: 4px;}
.infographic .swiper-button-prev {left: 0;}
.infographic .swiper-button-next {right: 0;}

.page-statistical-knowledge .infographic {
    background: #EEEEEE;
}

.page-statistical-knowledge .infographic .navigation .fa{
    background-color: #21BAA6;}

.page-statistical-knowledge .infographic h1.title {color: #21BAA6;}

.btn-21BAA6 {
  background: #21BAA6;
  color: #ffffff;
}

/*
Media - Voting
----------------------------------------------- */
.media-voting {margin-top: 25px}
.mediaCenter .mediaNews {background: #fff;padding: 15px;overflow: hidden;}
.mediaCenter .mediaHeader {background: #2BC08D;overflow: hidden;padding: 15px 10px;}
.mediaCenter .mediaHeader h1 {color: #fff;float: right;}
.mediaCenter .mediaHeader ul li {display: inline-block;margin-right: 10px;}
.mediaCenter .mediaHeader ul li a {color: #fff}
.mediaCenter .mediaHeader ul li i.fa{font-size: 20px}
.mediaCenter .mediaNews .element {width: 100%;float: right;margin-bottom: 15px;}
.mediaCenter .mediaNews .element img {margin-left: 20px;}
.mediaCenter .mediaNews .element h1 {color: #0b252b;line-height: 24px;}
.mediaCenter .mediaNews .element p{color: #676767;line-height: 24px;font-size: 15px;margin-top: 10px;}
.mediaCenter .otherNews {float: right;width: 100%;}
.mediaCenter .otherNews ul {margin-right: 15px;}
.mediaCenter .otherNews ul li {list-style-type: disc;line-height: 25px;color: #2BC08D;}
.mediaCenter .otherNews ul li a {color: #7E706B;}
.media-voting .pollBox {background: #0b252b;padding: 15px;overflow: hidden;}
.media-voting .poll  h1 {color: #fff;background-color: #4137a8;padding: 15px 15px;}
.media-voting .poll p {color: #ddd;line-height: 25px;font-size: 16px;}
.media-voting .poll .submit , .media-voting .poll .archive {border: none;background: #25a6c7;color: #fff;padding: 10px 25px;border-radius: 5px;}
.media-voting .poll .archive {background: #2bc08d}
.media-voting .poll .answers span {display: block;margin: 23px 0;color: #DDD;font-size: 14px;}
.media-voting .poll .answers span .iradio_flat-blue {margin-left: 10px;}

/*
Sticky Footer
----------------------------------------------- */
* {margin: 0;}
html, body {height: 100%;}
.page-wrap {min-height: 100%;margin-bottom: -100px; }
.page-wrap:after {content: "";display: block;}
.site-footer, .page-wrap:after {height: 100px; }
.site-footer {background: #FFF;margin-top: 50px;padding-top: 50px;}
.site-footer p {color: #99a6be;font-size: 14px;white-space: nowrap;}
.site-footer ul li a {font-size: 14px;color: #99A6C6;}
.site-footer ul li {display: inline-block;border-left: 1px solid #99A6C6;margin-right: 10px;padding-left: 10px;}
.site-footer ul li:last-child {border: none;padding: 0}

/*
breadcrumb
----------------------------------------------- */
.breadcrumbDiv {border-bottom: 1px solid #ddd;}
.breadcrumbDiv .breadcrumb {background-color: transparent;margin-bottom: 10px;padding-right: 0;}
.breadcrumbDiv ol.breadcrumb li a {font-size: 14px;}
.breadcrumbDiv ol.breadcrumb>.active{color: #4DBF94; font-weight: normal; font-size: 14px;}



/*
Side Nav
----------------------------------------------- */
.sideNav {background: #21BAA6;padding: 15px;}
.sideNav h1 {font-size: 20px;color: #fff;margin-bottom: 20px;}
.sideNav h1 i {margin-left: 10px;}
.sideNav .nav-pills>li.active>a, .sideNav .nav-pills>li.active>a:focus, .sideNav .nav-pills>li.active>a:hover {background-color: transparent; border-radius: 0;color: #04685B;}
.sideNav .nav-pills>li>a {border-bottom: 1px solid #21A594; border-radius: 0; padding-right: 0; font-size: 15px;color: #E8F0F8;}
.sideNav .nav>li>a:focus, .sideNav .nav>li>a:hover {background-color: #1FAE9B; padding-right: 10px;/* color: #fff; */}
.sideNav .nav-stacked>li+li {margin: 0}
.sideNav .nav-pills>li.active>a:hover {padding-right: 0;}
.sideNav .nav-pills>li:last-child a {border:none}
.menu-button {display: none}
.menu-button , .menu-button:hover , .menu-button:focus {position: absolute; top: 0; right: 15px; background-color: #45429a; padding: 10px; color: #fff;}
.menu-button i {margin-left: 10px}
.menu-wrap{background: #001C23;}
.menu-wrap ul li.active a {color: #46BB88;background-color: transparent;}
.menu-wrap ul li a {font-size: 14px;color: #B1AFCF;}
.menu-wrap ul li a:hover {background-color: transparent;color: #3FAD7E;}
.menu-wrap .nav-pills>li.active>a, .menu-wrap .nav-pills>li.active>a:focus, .menu-wrap .nav-pills>li.active>a:hover {background-color: transparent;}
.dl-menuwrapper {display: none}
.dl-trigger i {color: #fff;font-size: 20px;margin-left: 10px;}


/*
Inner Pages
----------------------------------------------- */
.mainContent {background-color: #fff}
.table {color: #3F3F40;font-size: 14px;}
.table th {color: #45429a;}
.article {overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #E7E7E7; padding-bottom: 30px;color: #3F3F40;}
.article .field-name-field-news-image img {float: right;margin-left: 20px;}
.article {color: #3F3F40;line-height: 24px;font-size: 14px;}
.article .date {font-size: 12px;color: #3961B0;margin-bottom: 5px;display: block;}
.innerPages .mainContent {padding-top: 30px;padding-bottom: 30px;overflow: hidden}


/*
Info Center Page
----------------------------------------------- */
.info-slider {margin-bottom: 20px}
.info-slider .swiper-container { width: 100%; height: 100%; }
.info-slider .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #45429A}
.info-slider .swiper-pagination-bullet {background-color: #c9d4e3;width: 15px;height: 15px;opacity: 1;}
.info-slider .swiper-slide a {width: 100%;display: block}
.info-slider .swiper-slide img {width: 100%}
.info-slider .swiper-container-horizontal>.swiper-pagination {text-align: right;padding-right: 20px;}
.sideBox {margin-bottom: 20px}
.sideBox .links {background-color: #0b252b;overflow: hidden;}
.sideBox .links ul {padding: 14px 20px;float: right;width: 100%;}
.sideBox .links ul li a {background: url('../images/linksIcon.png') no-repeat right 9px;padding-right: 15px;font-size: 15px;line-height: 40px;color: #abb7c9;}
.sideBox .links ul li a:hover {color: #21BAA6;}
.sideBox h2 {background: #45429a;float: right;padding: 15px 25px;color: #d7d7ed;font-size: 17px;margin-bottom: 10px;}
.sideBox h2 i {margin-left: 10px;position: relative;top: 2px;}
.sideBox a.moreLink {float: left;margin-left: 20px;margin-bottom: 20px;color: #6664b3;}
.sideBox a.moreLink i {top: 2px;margin-left: 10px;position: relative;}
.sideBox.tags h2 {background-color: #00b2dc;color: #fff}
.sideBox.tags ul li {display: inline-block;}
.sideBox.tags ul li a {background-image: none;background-color: #0d2930;padding: 10px;line-height: 50px;}
.sideBox.tags ul li a:hover {background-color: #193F49;}
.sideBox.tags a.moreLink {color: #00b2dc}
.topics {margin-bottom: 20px}
.topics > a {display: block;text-align: center;background: #eee;padding: 15px;color: #21BAA6;}
.topics a img{margin-bottom: 12px;width: 50px;height: 40px;}
.topics .boxTags {background: #e5e5e5;padding: 15px;}
.topics .boxTags ul li {display: inline-block}
.topics .boxTags ul li a {font-size: 13px;color: #bababa;line-height: 22px;font-family: 'univers-regular';}
.topics .boxTags ul li a:hover {color: #00B2DC}
.topics .boxTags ul li a:after {content: " , ";font-size: 16px;font-weight: bold;}
.topics .boxTags ul li a:hover:after {color:#bababa }
.topics .boxTags ul li:last-child a:after {content: ""}
.topics:hover > a { box-shadow: 0px 0px 5px 0px #959595 inset; background-color: white; }

/*
statistics inner
----------------------------------------------- */
.mainContent .toolBar{background: #21BAA6;overflow: hidden;position: absolute;width: 100%;top: 0;right: 0;height: 50px;padding: 15px 10px;color:#fff}
.mainContent .toolBar p.date {font-size: 14px;margin-top: 5px;}
.mainContent .toolBar ul li {display: inline-block;margin-right: 15px;position: relative;}
.mainContent .toolBar ul li a {color: #fff}
.mainContent .toolBar ul li a.voice i {margin-left: 5px;position: relative;top: 2px;}
.mainContent .toolBar ul li a.minus , .mainContent .toolBar ul li a.plus  {font-size: 20px; cursor: pointer;}
.mainContent .toolBar ul li a i {font-size: 20px}
.mainContent .toolBar ul li a.minus:before , .mainContent .toolBar ul li a.plus:before {font-family:'FontAwesome';position: absolute;font-size: 11px;right: -10px;}
.mainContent .toolBar ul li a.plus:before {content: "\f067";right: -2px;}
.mainContent .toolBar ul li a.minus:before {content: "\f068";}
.mainContent .toolBar ul li a.plus {margin-right: 8px;}
.mainContent .statisticsContent {padding-top: 40px;}
.mainContent .statisticsContent img {margin-left: 15px;margin-top: 10px;}
.mainContent .statisticsContent span {color: #21BAA6;font-size: 30px;font-family: 'univers-regular';font-weight: bold;position: relative;top: -10px;}
.statisticsContent .relatedContent {margin-top: 30px;}
.statisticsContent .relatedContent h2.subTitle{border-bottom: 1px solid #ddd;color: #45429A;padding-bottom: 10px;}
.statisticsContent .relatedContent .box {background: #eeeeee;margin-bottom: 20px;padding: 15px;}
.statisticsContent .relatedContent .box h3{color: #45429A;margin-bottom: 10px;}
.statisticsContent .relatedContent .box ul {padding-right: 15px;}
.statisticsContent .relatedContent .box ul li {list-style-type: disc;color: #9eacc1;line-height: 30px;}
.statisticsContent .relatedContent .box ul li a {color: #9eacc1;}
.statisticsContent .relatedContent .box ul li a:hover {color: #21BAA6}


/*
statistics
----------------------------------------------- */
.mainTopics.topics .boxTags ul li a:after {content: ""}
.mainTopics.topics .boxTags ul li {display: block;list-style: disc}
.mainTopics.topics .boxTags ul li a{color: #9eacc1}
.mainTopics.topics .boxTags ul li a:hover{color: #1FA8DA}
.mainTopics.topics h4 {color: #9EACC1;}
.mainTopics.topics span.number {color: #21BAA6; font-weight: bold; display: block; margin-top: 15px; font-size: 25px;}


/*
Media Queries
----------------------------------------------- */
@media (min-width: 1300px){
    .container {width: 1300px}
}

@media screen and (min-width:0) and (max-width:1200px) {
    .topStatistics .statisticsNav i {background-color: transparent;color: #9eacc1;height: auto;width: auto;font-size: 30px;}
    .topStatistics .statisticsNav .swiper-button-next {right: -10px;text-align: right;width: 20px;}
    .topStatistics .statisticsNav .swiper-button-prev {left: -10px;text-align: left;width: 20px;}
    .tabContent {margin-bottom: 25px}
    .sideNav {display: none}
    .menu-button {display: block}
    .content.row {margin-left: 0;margin-right: 0;}
    .mainContent h1 {width: 100%;overflow: hidden}
    .innerPages .content {margin-top: 25px}
    .dl-menuwrapper {display: block}
}

@media screen and (min-width:0) and (max-width:1024px) {
    .tabs ul.tabsNav {padding-bottom: 0}
    .tabs ul.tabsNav li a {float: right;}
    .tabs ul.tabsNav li {padding: 0}
    .mainNews {margin-bottom: 20px}
    .topContent {margin-bottom: 0}
    .annualBook .content a img {width: 60px}
    .mediaCenter {margin-bottom: 20px}

}

@media screen and (min-width:0) and (max-width:992px) {
    .infographic a {width: 100%}
    .mediaCenter {margin-bottom: 25px}

}

@media screen and (min-width:0) and (max-width:768px) {
    .banners .box img {width: 70px}
    .site-footer ul {float: none !important; overflow: hidden; width: 100%; text-align: center;}
    .site-footer {width: 100%}
    .site-footer {float: right;margin-bottom: 11px;padding-top: 10px;}
    .site-footer p {line-height: 22px;margin-bottom: 15px;text-align: center;white-space: pre-wrap;width: 100%;}
    .mainMenu .navbar-collapse {padding:15px}
	#main-menu {position: relative;z-index: 9999;}
    #main-menu ul {width: 12em;}
}

@media screen and (min-width:0) and (max-width:736px) {
    .banners .box img {width: 50px}
}

@media screen and (min-width:0) and (max-width:568px) {
    .banners .box img {position: absolute;right: 20px;top: 8px;width: 40px;width: 50px}
    .banners .box p {margin-top: 0;padding-right: 55px;font-size: 16px;}
    .banners .box {margin-bottom: 0;}
}

@media screen and (min-width:0) and (max-width:480px) {
    p.date , .mainNews .swiper-slide .newsText p , .mainNews .swiper-pagination {display: none}
    header ul.topLinks {float: right !important;margin-left: 0;margin-top: 10px;}
    header ul.topLinks li{margin-right: 10px}
    .topStatistics .swiper-slide {border: none}
    header .searchForm input {width: 70%}
    .logo {text-align: center}
    .logo img {width: 90%}
    .mainNews .swiper-slide .newsText {padding: 10px;}
    .mainNews .swiper-slide .newsText h1 {font-size: 15px;line-height: 25px;}
    .towBoxes .box a {text-align: center}
   /* .towBoxes .box a img {display: none} */
    .towBoxes .box a p {width: 100%;}
    .towBoxes .box a p {padding: 0}
    .tabs ul.tabsNav li {overflow: hidden;width: 100%}
    .tabs ul.tabsNav li a {width: 100%}
    .tabs ul.tabsNav {padding: 0;}
    #tabs {margin-bottom: 25px}
    .mediaCenter .mediaNews .element p {border-bottom: 2px solid #ddd;padding-bottom: 15px;float: right}
    .mediaCenter .mediaNews .element h1{float: right;margin: 10px 0;color: #20ac7c;}
    .topContent {margin-bottom: 20px}
}

@media screen and (min-width:0) and (max-width:320px) {
}

@media screen and (min-width:0) and (max-width:240px) {
    .topBarLeft , .infographic .navigation {display: none}
}



.statisticsContent{
    margin-bottom: 30px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 30px;}

.statisticsContent .tag .field-item{
    float: right;
    background: #21BAA6;
    padding: 5px 10px;
    margin: 0 5px;
}

.tabs ul.tabsNav{margin-bottom: 0px;}

.statisticsContent .tag .field-item a{color: #E6EFF7;}


.view-servcie-offices .views-exposed-form .views-exposed-widget .btn {
    margin-top: 15px;
    padding: 0 5px;
}


.view-requests .views-field-tid{display: none;}

.article th{
	color:#333;
}
.dates-details-table {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

@media only screen and (max-width: 767px) { 
ul.dl-menu.dl-menuopen {
    height: 250px;
    overflow: scroll;
}
}
#statistical-knowledge-node-form .field-name-field-awareness{display: none;}
div .cke_menu_panel{position:fixed !important;}

.services-link{text-align: center;}
.services-link a{margin-bottom: 10%;width: 100%;}


.tag_stat_file .field-item {
    float: right;
    background: #21BAA6;
    padding: 5px 10px;
    margin: 0 5px;
    color: #fff;
}
.tag_stat_file .field-item a{color: #fff;}



.table-responsive{
	-webkit-overflow-scrolling: touch;
	overflow-x:visible;}
	
/* mega menu */ 
.tb-megamenu .dropdown-submenu > .dropdown-menu{
	left:0%;
	right:100%;
	}
	.tb-megamenu .dropdown-submenu > a:after {
	  display: block;
  content: "\f0d9";
   font-family: FontAwesome;
   border-color: transparent;
  float: left;
  color: #cccccc;
  margin-top: -5px;
  margin-right: -10px;
}
.tb-megamenu .dropdown-submenu:hover > a:after {
  border-left-color: transparent;
}
.ind {
	text-align:right;
	color:#2BC08D;
    direction: ltr;
}
.breadcrumbDiv{
   pointer-events: none !important;
   cursor: default !important;
}
/* change modal opcity  for mthology modal*/
.modal-backdrop.in{ opcity:0 !important;}
/* change background of contact page*/
.tabContent-form{background-color: #25a6c7 !important;}
.release_dates {
    background-color: #25a6c7 !important;
    padding:15px;
}
.release_dates ul.list {
    margin-right: 0px !important;
}

 
/* topStatistics in internal page */
.topStatistics-internal .item {width: 100%}
.topStatistics-internal .item img {width: 65px;margin-left: 20px;}
.topStatistics-internal .item .number {font-size: 25px;font-weight: bold;font-family: 'univers-regular';margin-top: 5px;}
.topStatistics-internal .item p {line-height: 22px;margin-top: 9px;overflow: hidden;font-size: 15px;}
.topStatistics-internal .item.green p {color: #2BC08D;}
.topStatistics-internal .item.blue p {color: #00b0de;}
.topStatistics-internal .item.purple p {color: #45429a;}
.topStatistics-internal .item.ligntGreen p {color: #7ac55f;}
.topStatistics-internal .owl-controls {position: absolute;width: 100%;top: 25px;}
.topStatistics-internal .statisticsNav .swiper-button-prev {left: 15px;}
.topStatistics-internal .statisticsNav .swiper-button-next {right: 10px;}
.topStatistics-internal .statisticsNav i {font-size: 25px;background-color: #9EACC1;border-radius: 50%;width: 30px;height: 30px;color: #fff;text-align: center;padding-top: 1px;}
.topStatistics-internal .statisticsNav i.fa-angle-right {padding-left: 2px;}
/*.topStatistics-internal {margin-bottom: 25px}*/
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev , .swiper-button-next, .swiper-button-prev {background-image: none}
.topStatistics-internal .swiper-container { width: 100%; height: 100%;direction: rtl}
.topStatistics-internal .swiper-slide {width:32.5%; border-left: 1px solid #9eacc1;font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.topStatistics-internal .swiper-slide:last-child {border: none}
/* nav bar for charts in node distribution */
 .interactive_link {margin:5px;}
 .interactive_link ul li {list-style-type: none;margin:auto; }

/*search */ 
     .input-group-addon {border: 0px;
    /* margin-right: -25px; */
    z-index: 10;
    background: transparent !important;
    position: absolute;
    left: 10px;
}
.views-widget .form-item{float:right;}
.custom_search_btn{border-radius: 4px 0px 0px 4px;float: right;}

/*search */ 
.search-form{    display: inline-block;}
.search-form .control-label {
    display: none;
}
#edit-keys {
    width: 290px;
border-radius: 0px 4px 4px 0px;
}
 .ui-front{
	 background-color: #fff;
 }	
.search-form .form-item{ float:right} 
.search-form .btn {
    border-radius: 4px 0px 0px 4px;
    float: right;
}
//* high chart original  button */
.highcharts-button{visibility: hidden;}
.download_chart{margin-left:-30px}
.dropdown-menu{right:0px !important;}
.print_indicator{ float:left; margin-top:4px;margin-right:18px;}
table{width:100% !important }