/*=====================================================
TODO: These are the fonts specs. 
Author: Kevin Kavai

font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;

EMC colours:
    Green: #0A9345
    Yellow: #EFBF00
    Brown: #C44A3B
======================================================*/


/* Modifications to our header */
.navbar-default .navbar-nav>li>a {
    color: #FFF;
    background-color: none;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 25.5px;
    padding-bottom: 2%;

}

.navbar-default .navbar-nav>li>a:hover{
    border-bottom: 3px solid #0A9345;
    transition: .4s linear;
}
/* Modifications to our header */

/* Document centric */
h2{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-align: left !important;
    /* padding-bottom: 5px; */
}

.bottom-border{
    margin-top: 2px; 
    width: 120px; 
    height: 4px; 
    margin-bottom: 2px;
    background: #ffffff;
    margin-left: calc(1% + 5px);
}

.topPad{
    margin-top: 3%;
}
/* Document centric */

/* Budgets page */
#budgets, .emc-indicators {
    background-image: url('../image/keiyo.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
}

#budgets h2{
    color: #fff;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    

}




/* Budgets page */



/* @import url('../../map-sprite.php'); */

/* oi_edit_log:: Murage: 20170318 */

.col_full {
margin-bottom: 30px !important;
}

.m_t_90 {
margin-top: 95px;
padding-top: 20px;
}

.m_t_100 {
margin-top: 100px;
}

.revo-slider-emphasis-text {
font-size: 64px;
font-weight: 700;
letter-spacing: -1px;
font-family: 'Raleway', sans-serif;
padding: 15px 20px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
font-size: 20px;
font-family: 'Lato', sans-serif;
width: 100% !important;
text-align: center;
line-height: 1.5;
border: 0px solid #f00 !important;
}

.revo-slider-caps-text {
font-size: 16px;
font-weight: 400;
letter-spacing: 3px;
font-family: 'Raleway', sans-serif;
}

.tp-video-play-button {
display: none !important;
}

.tp-caption {
white-space: nowrap;
}

.sss input[focus],
.sss input[placeholder] {
border-color: #fff !important;
color: #fff !important;
}

.button-border {
margin: 4px 0px !important;
}

.toppad {
padding-top: 15px !important;
}

.toppad-5 {
padding-top: 5px !important;
}

.countyImg {
width: 100%; 
background-size: cover;
height: 350px;
}

.govImg img {
width: 100%;
height: auto;
min-height: 270px;
margin-left: 0px;
}

.govDesc {
background-color: #ee522b;
width: 100%;
height: auto;
padding: 10px 5px;
color: #fff !important;
margin-left: 0px;
text-align: center;
}

.tpad {
padding: 5px !important;
}

#logo img {
max-height: 65px;
}

#header-wrap {
height: 70px !important;
}
/* @@Murage */

.govImg {
height: 350px;
overflow: hidden;
position: relative;
margin-bottom: 0px;
}

.govDesc {
position: absolute;
left: 0;
bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 4px 0;
}
/* @@Murage :: END */

.govDesc h5 {
color: #fff !important;
}

.breadcrumb {
left: 0 !important;
padding: 0 15px !important;
/*padding-left: 15px; */
display: block;
/*padding-bottom: 0px !important;*/
margin-bottom: 0px !important;
border-bottom: 1px solid rgba(189, 189, 189, .4) !important;
border-right: .5px solid rgba(189, 189, 189, 0.2) !important;
border-left: .5px solid rgba(189, 189, 189, 0.2) !important;
}

.row2 {
padding-top: 0;
top: -20px;
}


.scl1,
.scl1 i {
	background: #829621;
}



.scl2,
.scl2 i {
background: #2ECC71;
}



.scl3,
.scl3 i {
background: #999;
}


.scl4,
.scl4 i {
background: #C13632;
}



.scl5,
.scl5 i {
background: #FF950D;
}


.scl6,
.scl6 i {
background: #9254B4;
}


.scl7,
.scl7 i {
background: #318FCE;
}



.scl8,
.scl8 i {
background: #F55;
}


.scl9,
.scl9 i {
background: #FF7F2A;
}


.scl10,
.scl10 i {
background: #9D93AC;
}

.scl11,
.scl11 i {
background: #FF950D;
}

.scl12,
.scl12 i {
background: #318FCE;
}

.scl13,
.scl13 i {
background: #C13632;
}

.scl14,
.scl14 i {
background: #999;
}

.scl15,
.scl15 i {
background: #318FCE;
}

.scl16,
.scl16 i {
background: #F55;
}

.scl17,
.scl17 i {
background: #FF7F2A;
}

.scl18,
.scl18 i {
background: #9D93AC;
}

.trade-industry,
.trade-industry i {
background: #D8890E;
}

.roads-transport,
.roads-transport i {
background: #222;
}

.indi small,
.source {
position: absolute;
left: 0;
right: 0;
text-transform: uppercase;
}

.source {
bottom: 7px;
color: #D8D8D8;
}

.indi small a {
color: #D8D8D8;
}

.alloc {
padding: 1px 7px;
}

.panel {
margin-bottom: 8px;
}

.overview div {
text-align: center;
}

.overview span /*,.sector span*/ {
color: #666;
font-size: 13px;
/*	font-weight: 300;*/
text-transform: uppercase;
border: none;
}

.sector .heading i {
border-radius: 50%;
color: #FFFFFF;
font-size: 24px;
height: 36px;
width: 36px;
padding: 5px 0;
position: absolute;
right: 0;
bottom: -10px;
text-align: center;
z-index: 90;
}

.sector .heading {
position: relative;
}

.sector .heading a:hover {
text-decoration: none;
}

.sector small {
font-size: 13px;
}

.sector {
/*border: 1px solid #eee;*/
padding: 5px 10px 15px;
display: block;
clear: both;
}

.sector h3 {
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
min-height: 40px;
padding: 5px 10px;
text-align: left;
text-transform: uppercase;
}

.sector h4 {
color: #AD413C;
font-size: 22px;
font-weight: 500;
padding: 10px;
}

.sector h4 span {
font-size: 16px;
font-weight: 400;
}

.sector h5,
.row2 {
color: #ccc !important;
font-family: 'Lato', sans-serif;
font-size: 11px !important;
padding-top: 20px;
text-transform: uppercase;
}

/*.sector span {
position: absolute;
top: 46px;
left: 0;
right: 0;
font-size: 12px;
}*/

.sector {
min-height: 100px;
}

.sector .panel-heading {
	font-size: 120%;
}
.sector .col-md-12 h5 {
margin-top: 0;
position: relative;
padding-top: 0;
}

/* .sector .date {
margin-top: -15px !important;
} */

.sector .col-md-12 h4 {
padding: 5px 0 0px 0;
}

.sector .col-md-12 h6 {
/*margin-top: -5px;*/
text-transform: uppercase;
color: #666;
font-size: 12px;
}

.sector h4,
.sector h5 {
margin-bottom: 0;
}

.no1 {
margin-top: -10px;
padding-bottom: 5px;
}

.no2 {
border-bottom: none !important;
padding-top: 10px;
padding-bottom: 5px;
}

.sector .no1 {
border-bottom: 1px solid #eee;
}

.overview h5 {
margin-top: 30px;
}

.overview h1.title {
font-size: 33px;
border-bottom: none;
font-weight: 500;
margin-top: 35px;
margin-bottom: 0;
}

.overview h5,
.glance h5,
.performance h5,
table caption {
color: #666;
font-size: 12px;
text-transform: uppercase;
}
/*@@ Murage */

.clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0
}

.clearfix {
display: inline-block
}

* html .clearfix {
height: 1%
}

.clearfix {
display: block
}

.subcolumns {
width: 100%;
overflow: hidden;
}

.container {
width: 100%;
max-width: 1400px;
}

section#content {
padding-bottom: 20px;
padding-top: 20px;
}

.affix {
width: 100%;
max-width: 285px;
}

.dropdown .selectpicker {
background: #FFF;
border: none;
border-radius: 0;
box-shadow: none;
margin-right: 20px;
}

.dropdown-menu,
.dropdown-toggle.btn.btn-default {
background: #F8F8F8 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none;
color: #777777;
outline: none !important;
}

.dropdown-toggle.btn.btn-default {
font-size: 18px;
padding-left: 0px;
padding-right: 0px;
}

.cfs {
border: 1px solid #eee;
margin-right: 10px;
padding: 0;
margin-bottom: 5px;
}

.cfs h3 {
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}

.cfs .cfs-head {
background: #D44926;
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 10px;
margin-bottom: 5px;
}

.column-side .cfs .cfs-head {
background: #EEEEEE;
color: #444444;
}

.column-side .cfs h3 {
color: #444444;
}

.cfs .cfs-body {
padding: 5px 10px;
}

.cfs ul.cfs-more span {
font-style: italic;
}

.cfs ul.cfs-more li {
margin-left: 15px;
list-style: none;
}
/* ============================================================================================= */
/* GALLERY COLUMNS
/* --------------------------------------------------------------------------------------------- */

.wrap_gallery {
padding: 0px 0px 0px;
width: 100%;
border: 0px solid #FFFEDE;
display: block;
}

ul.column {
display: block;
width: 100%;
padding: 0px;
margin: 0px;
list-style: none;
border: 0px solid #F00;
}

ul.column li {
float: left;
width: auto;
padding: 0;
margin: 0;
/* display: inline-block; */
}

ul.column li div.block {
height: auto;
display: block;
margin: 0px;
padding: 0px;
border: 0px solid #E5E6E7;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

ul.column li:hover, ul.column li div.block:hover {
background-color: #F9F9F9;
}

ul.column li div.block .carChopa {
display: block;
border: 0px solid #fff;
width: 100%;
height: 130px;
overflow: hidden;
margin-bottom: 5px;
background: none;
text-align: center !important;
padding: 0px;
}

ul.column li div.block .carChopa img {
width: auto;
}

ul.menu-column li {
text-align: left;
width: 50%;
font-size: 14px;
color: #828282;
position: relative;
}

ul.menu-column li div.block {
background: transparent !important;
border: none;
padding: 0 5px 25px;
position: relative;
}

ul.column.graphic-column li {
text-align: left;
width: 30%;
font-size: 14px;
color: #828282;
position: relative;
}

ul.column.graphic-column li div.block {
background: transparent !important;
border: none;
padding: 0 5px 25px;
position: relative;
}

ul.column.graphic-column li .carChopa {
position: relative;
padding: 5px;
margin: 0 auto;
border: 3px solid #eeeeee;
height: 250px;
width: 98%;
overflow: hidden !important;
display: block;
border-radius: 17px !important;
}

ul.menu-column li div.block .carChopa,
.profile_pic {
position: relative;
margin: 0 auto 5px;
border: 3px solid #eeeeee;
height: 170px;
width: 170px;
overflow: hidden !important;
display: block/*!important*/
;
}

.profile_pic {
height: 170px;
width: 170px;
-moz-border-radius: 100%;
-khtml-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

ul.menu-column li div.block .carChopa.menuborder {
border: 2px solid #F3F3F3;
}

ul.menu-column li div.block .carChopa img {
height: 170px;
min-width: 170px;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
ul.menu-column li {
width: 50%;
}
}
/* Phone  : 320px */

@media only screen and (max-width: 479px) {
ul.menu-column li {
float: none;
width: 100%;
display: block;
}
ul.menu-column li div.block .carChopa,
ul.menu-column li div.block .carChopa img {
height: 130px;
width: 130px;
}
}
/* ============================================================================================= */
/* LEADERS TABS
/* --------------------------------------------------------------------------------------------- */

ul.nav.tabs {
border-right: 1px solid #eee;
}

.nav-sidebar .active {
background: #EEE;
}

.nav-sidebar li a {
color: #333;
}

.nav-sidebar li.level2 {
cursor: pointer;
touch-action: manipulation;
/*margin-bottom: 3px;*/
/*padding: 5px 0;*/
/*background-color: beige;*/
position: relative;
display: block;
padding: 10px 15px;
}
/* ============================================================================================= */
/* county info / banner contact
/* --------------------------------------------------------------------------------------------- */

.county-info {
padding: 5px 0;
margin: 0;
border: 1px solid #eee;
}

.county-info .dropdown {
margin-top: 40px;
}

.county-info .links {
font-size: 18px;
color: #FEFEFE;
margin: 40px 20px 0 20px;
background-color: rgba(0, 0, 0, 0.3);
padding: 10px 25px;
min-width: 20%;
float: left;
text-align: center;
}

.county-info .links h3 {
color: #FEFEFE;
border-bottom: 1px solid #FEFEFE;
}

.county-info .links a {
color: #FEFEFE;
margin-left: 0px;
}

.county-info .links span {
line-height: 1.8;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
color: #ccc;
cursor: text;
}

@media (min-width: 768px) {
	#primary-menu ul>li.dropdown .dropdown-menu {text-align: left;}

	#primary-menu ul>li.dropdown-menu-full>.dropdown-menu {
	left: 15px;
	right: 15px;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	}

	#primary-menu ul>li.dropdown .dropdown-menu {
		left: auto;
		display: block;
		width: 900px;
		min-width: 200px;
		border: 0;
		margin: 0 !important;
		padding: 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		/*opacity: 0;
		filter: alpha(opacity=0);*/
	}
}

#primary-menu ul ul.mega-menu {
    padding: 10px 0px ! important;
    width: 900px;
    border-radius: 0;
    margin-top: 0px;
}
#primary-menu ul ul.mega-menu li {
    display: inline-block;
    /*float: none;*/
    width: 150px;
    margin: 0 !important;
}
.hermes.tparrows {
    display: none;
}
.highcharts-button-box {
    top: -100px !important;
}
/*oi_edit_log:Kevin 7th March 2017*/
.colG {
    color: #1ABC9C;
    cursor: pointer;
}
.breadcrumbx {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    width: auto !important;
    left: auto !important;
    right: 15px !important;
    font-size: 12px;
    background-color: #FFF !important;
    padding: 0 15px !important;
    display: block;
    margin-bottom: 5px !important;
}
.dlogo {
    width: 50%;
    margin: auto;
    padding: 10px 0;
}
.dlogo img {
    width: 100%;
    height: auto;
}
.genChart {
    min-width: 310px;
    max-width: 1000px;
    min-height: 600px;
    width: 99%;
}
/*Kevin Kavai Edit - Fixing screen adaptiveness*/
/* oi_edit_log :: Murage :: 20170330 - performance progress*/
.performance .panel {
    border-color: #ddd;
    border-style: solid;
    border-radius: 0;
    border-width: 1px;
    text-align: center;
    padding: 0 5px;
}

.six-sec-ease-in-out {
    transition: width 6s ease-in-out;
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
}


/*Kevin Kavai Edit - Fixing screen adaptiveness*/
/* oi_edit_log :: Murage :: 20170330 - performance progress*/
.performance .panel {
    border-color: #ddd;
    border-style: solid;
    border-radius: 0;
    border-width: 1px;
    text-align: center;
    padding: 0 5px;
}

.six-sec-ease-in-out {
    transition: width 6s ease-in-out;
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;}




/* UI Cards */
.ui.card, .ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    -webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    z-index: ''
}
.ui.card {
    margin: 1em 0
}
.ui.card a, .ui.cards>.card a {
    cursor: pointer
}
.ui.card:first-child {
    margin-top: 0
}
.ui.card:last-child {
    margin-bottom: 0
}
.ui.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -.875em -.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.ui.cards>.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .875em .5em;
    float: none
}
.ui.card:after, .ui.cards:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
.ui.cards~.ui.cards {
    margin-top: .875em
}
.ui.card>:first-child, .ui.cards>.card>:first-child {
    border-radius: .28571429rem .28571429rem 0 0!important;
    border-top: none!important
}
.ui.card>:last-child, .ui.cards>.card>:last-child {
    border-radius: 0 0 .28571429rem .28571429rem!important
}
.ui.card>:only-child, .ui.cards>.card>:only-child {
    border-radius: .28571429rem!important
}
.ui.card>.image, .ui.cards>.card>.image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, .05);
    min-height: 90px;
}
.ui.card>.image>img, .ui.cards>.card>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    padding: 10px 5px;
}
.ui.card>.image:not(.ui)>img, .ui.cards>.card>.image:not(.ui)>img {
    border: none
}
.ui.card>.content, .ui.cards>.card>.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    background: 0 0;
    margin: 0;
    padding: 1em 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0;
	position: relative;
	text-align: center;
}
.ui.card>.content:after, .ui.cards>.card>.content:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
.ui.card>.content>.header, .ui.cards>.card>.content>.header {
    display: block;
    margin: '';
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, .85)
}
.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
    font-weight: 500;
    /*font-size: 1.28571429em;*/
	font-size: 115%;
	text-transform: capitalize;
    /*margin-top: -.21425em;*/
    line-height: 1.28571429em
}
.ui.card>.content>.header+.description, .ui.card>.content>.meta+.description, .ui.cards>.card>.content>.header+.description, .ui.cards>.card>.content>.meta+.description {
    margin-top: .5em
}
.ui.card [class*="left floated"], .ui.cards>.card [class*="left floated"] {
    float: left
}
.ui.card [class*="right floated"], .ui.cards>.card [class*="right floated"] {
    float: right
}
.ui.card [class*="left aligned"], .ui.cards>.card [class*="left aligned"] {
    text-align: left
}
.ui.card [class*="center aligned"], .ui.cards>.card [class*="center aligned"] {
    text-align: center
}
.ui.card [class*="right aligned"], .ui.cards>.card [class*="right aligned"] {
    text-align: right
}
.ui.card .content img, .ui.cards>.card .content img {
    display: inline-block;
    vertical-align: middle;
    /* width: '' */
    /* width: 50%; */
    height: 80px;
	width: auto;
	margin: 0 auto 15px !important;
}
.ui.card .avatar img, .ui.card img.avatar, .ui.cards>.card .avatar img, .ui.cards>.card img.avatar {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}
.ui.card>.content>.description, .ui.cards>.card>.content>.description {
    clear: both;
    color: rgba(0, 0, 0, .68)
}
.ui.card>.content p, .ui.cards>.card>.content p {
    margin: 0 0 .5em
}
.ui.card>.content p:last-child, .ui.cards>.card>.content p:last-child {
    margin-bottom: 0
}
.ui.card .meta, .ui.cards>.card .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4)
}
.ui.card .meta *, .ui.cards>.card .meta * {
    margin-right: .3em
}
.ui.card .meta :last-child, .ui.cards>.card .meta :last-child {
    margin-right: 0
}
.ui.card .meta [class*="right floated"], .ui.cards>.card .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: .3em
}
.ui.card>.content a:not(.ui), .ui.cards>.card>.content a:not(.ui) {
    color: '';
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}
.ui.card>.content a:not(.ui):hover, .ui.cards>.card>.content a:not(.ui):hover {
    color: ''
}
.ui.card>.content>a.header, .ui.cards>.card>.content>a.header {
    color: rgba(0, 0, 0, .85)
}
.ui.card>.content>a.header:hover, .ui.cards>.card>.content>a.header:hover {
    color: #1e70bf
}
.ui.card .meta>a:not(.ui), .ui.cards>.card .meta>a:not(.ui) {
    color: rgba(0, 0, 0, .4)
}
.ui.card .meta>a:not(.ui):hover, .ui.cards>.card .meta>a:not(.ui):hover {
    color: rgba(0, 0, 0, .87)
}
.ui.card>.button, .ui.card>.buttons, .ui.cards>.card>.button, .ui.cards>.card>.buttons {
    margin: 0 -1px;
    width: calc(100% + 2px)
}
.ui.card .dimmer, .ui.cards>.card .dimmer {
    background-color: '';
    z-index: 10
}
.ui.card>.content .star.icon, .ui.cards>.card>.content .star.icon {
    cursor: pointer;
    opacity: .75;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}
.ui.card>.content .star.icon:hover, .ui.cards>.card>.content .star.icon:hover {
    opacity: 1;
    color: #ffb70a
}
.ui.card>.content .active.star.icon, .ui.cards>.card>.content .active.star.icon {
    color: #ffe623
}
.ui.card>.content .like.icon, .ui.cards>.card>.content .like.icon {
    cursor: pointer;
    opacity: .75;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}
.ui.card>.content .like.icon:hover, .ui.cards>.card>.content .like.icon:hover {
    opacity: 1;
    color: #ff2733
}
.ui.card>.content .active.like.icon, .ui.cards>.card>.content .active.like.icon {
    color: #ff2733
}
.ui.card>.extra, .ui.cards>.card>.extra {
    max-width: 100%;
    min-height: 0!important;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-top: 1px solid rgba(0, 0, 0, .05)!important;
    position: static;
    background: 0 0;
    width: auto;
    margin: 0 0;
    padding: .75em 1em;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}
.ui.card>.extra a:not(.ui), .ui.cards>.card>.extra a:not(.ui) {
    color: rgba(0, 0, 0, .4)
}
.ui.card>.extra a:not(.ui):hover, .ui.cards>.card>.extra a:not(.ui):hover {
    color: #1e70bf
}
.ui.raised.card, .ui.raised.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)
}
.ui.link.cards .raised.card:hover, .ui.link.raised.card:hover, .ui.raised.cards a.card:hover, a.ui.raised.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .15), 0 2px 10px 0 rgba(34, 36, 38, .25);
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .15), 0 2px 10px 0 rgba(34, 36, 38, .25)
}
.ui.raised.card, .ui.raised.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)
}
.ui.centered.cards {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.ui.centered.card {
    margin-left: auto;
    margin-right: auto
}
.ui.fluid.card {
    width: 100%;
    max-width: 9999px
}
.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {
    -webkit-transform: none;
    transform: none
}
.ui.cards a.card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, a.ui.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}
.ui.cards>.red.card, .ui.red.card, .ui.red.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.red.card:hover, .ui.red.card:hover, .ui.red.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.orange.card, .ui.orange.card, .ui.orange.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.orange.card:hover, .ui.orange.card:hover, .ui.orange.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.yellow.card, .ui.yellow.card, .ui.yellow.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.yellow.card:hover, .ui.yellow.card:hover, .ui.yellow.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.olive.card, .ui.olive.card, .ui.olive.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.olive.card:hover, .ui.olive.card:hover, .ui.olive.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.green.card, .ui.green.card, .ui.green.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.green.card:hover, .ui.green.card:hover, .ui.green.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.teal.card, .ui.teal.card, .ui.teal.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.teal.card:hover, .ui.teal.card:hover, .ui.teal.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd
}
.ui.blue.card, .ui.blue.cards>.card, .ui.cards>.blue.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5
}
.ui.blue.card:hover, .ui.blue.cards>.card:hover, .ui.cards>.blue.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.violet.card, .ui.violet.card, .ui.violet.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.violet.card:hover, .ui.violet.card:hover, .ui.violet.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.purple.card, .ui.purple.card, .ui.purple.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.purple.card:hover, .ui.purple.card:hover, .ui.purple.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.pink.card, .ui.pink.card, .ui.pink.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.pink.card:hover, .ui.pink.card:hover, .ui.pink.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd
}
.ui.brown.card, .ui.brown.cards>.card, .ui.cards>.brown.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5
}
.ui.brown.card:hover, .ui.brown.cards>.card:hover, .ui.cards>.brown.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd
}
.ui.cards>.grey.card, .ui.grey.card, .ui.grey.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5
}
.ui.cards>.grey.card:hover, .ui.grey.card:hover, .ui.grey.cards>.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd
}
.ui.black.card, .ui.black.cards>.card, .ui.cards>.black.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5
}
.ui.black.card:hover, .ui.black.cards>.card:hover, .ui.cards>.black.card:hover {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd
}
.ui.one.cards {
    margin-left: 0;
    margin-right: 0
}
.ui.one.cards>.card {
    width: 100%
}
.ui.two.cards {
    margin-left: -1em;
    margin-right: -1em
}
.ui.two.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em
}
.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em
}
.ui.three.cards>.card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em
}
.ui.four.cards {
    margin-left: -.75em;
    margin-right: -.75em
}
.ui.four.cards>.card {
    width: calc(25% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}
.ui.five.cards {
    margin-left: -.75em;
    margin-right: -.75em
}
.ui.five.cards>.card {
    width: calc(20% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}
.ui.six.cards {
    margin-left: -.75em;
    margin-right: -.75em
}
.ui.six.cards>.card {
    width: calc(16.66666667% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}
.ui.seven.cards {
    margin-left: -.5em;
    margin-right: -.5em
}
.ui.seven.cards>.card {
    width: calc(14.28571429% - 1em);
    margin-left: .5em;
    margin-right: .5em
}
.ui.eight.cards {
    margin-left: -.5em;
    margin-right: -.5em
}
.ui.eight.cards>.card {
    width: calc(12.5% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 11px
}
.ui.nine.cards {
    margin-left: -.5em;
    margin-right: -.5em
}
.ui.nine.cards>.card {
    width: calc(11.11111111% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 10px
}
.ui.ten.cards {
    margin-left: -.5em;
    margin-right: -.5em
}
.ui.ten.cards>.card {
    width: calc(10% - 1em);
    margin-left: .5em;
    margin-right: .5em
}
@media only screen and (max-width:767px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }
    
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }
    .ui.two.doubling.cards>.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    
}
@media only screen and (max-width:767px) {
    .ui.stackable.cards {
        display: block!important
    }
    .ui.stackable.cards .card:first-child {
        margin-top: 0!important
    }
    .ui.stackable.cards>.card {
        display: block!important;
        height: auto!important;
        margin: 1em 1em;
        padding: 0!important;
        width: calc(100% - 2em)!important
    }
}
.ui.cards>.card {
    font-size: 1em
}

.ui.two.buttons {
    width: 100%
}

/* .ui.two.buttons>.button {
    width: 45%
} */

/* Slight modification of the buttons:
Made the button 95% wide and centered the text
*/

.ui.basic.green.button {
    width: 95%;
    margin: auto;
    text-align: center;
}
/* End Slight modification of the buttons */
.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem;
}
a .ui.basic.green.button, a .ui.basic.green.buttons a .button {
    -webkit-box-shadow: 0 0 0 1px #21ba45 inset!important;
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important;
}

/* .ui.basic.green.button, .ui.basic.green.buttons .button {
    -webkit-box-shadow: 0 0 0 1px #21ba45 inset!important;
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important;
} */

a .ui.basic.red.button, a .ui.basic.red.buttons a .button {
    -webkit-box-shadow: 0 0 0 1px #db2828 inset!important;
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important;
}

/* .ui.basic.red.button, .ui.basic.red.buttons .button {
    -webkit-box-shadow: 0 0 0 1px #db2828 inset!important;
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important;
} */

.ui.basic.button, .ui.basic.buttons .button {
    background: transparent none!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none!important;
    -webkit-box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
}

.ui.buttons .button:last-child {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem;
}

.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
    margin-left: -1px;
}

/* End of UI Cards */
.sort{
    font-size:18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;

}

.sort:hover{
    color: #1ABC9C;
}

/* County projects section */
.CPmaps{
	width: 100%;
	/* min-height:65vh; */
	height: 85vh;
}

.btn-stairo{
	border: 2px solid rgba(160, 160, 160, .2);
	transition: .5s;
	background: rgba(160, 160, 160, .3);
	color: #333333;
	font-weight: bold;
}

.btn-stairo:hover{
	border: 2px solid green;
	transition: .5s;
	background: rgba(50, 130, 10, 1);
	color: #fff;
	font-weight: bold;
}
.feedback p{
	padding: 5px;
	background: rgba(50, 130, 10, .3);
	border-radius: 5px;
	border: 1px solid green;
}

#cpComments{
    height: 500px;
    overflow-y: scroll;
}

/* ul#cpCommentsList{
    
} */

ul#cpCommentsList li{
    list-style: none;
    border-radius: 5px;
    border: 1px solid rgba(160, 160, 160, .3);
    padding: 2px 5px;
    cursor: pointer;
    min-height: 120px;
    height: auto;
}

ul#cpCommentsList li:not(:first-child){
    margin: 3px auto;
}

ul#cpCommentsList li:hover{
    border: 1px solid rgba(160, 160, 160, .5); 
    background: #E5F4EF; 
    /* background: rgba(160, 160, 160, .3);  */
}

ul.legend{
    display: inline-table;
}

ul.legend li{
    list-style: none;
    float: left;
    text-align: center;
    margin: auto 5px;
}


/*
=======================================================================

-----------------------------------------------------------------------
*/

.pieloader {
	position:absolute; left:0%; top:0px; height:500px; width: 100%; text-align:center; padding-top:200px; background:rgba(255, 255, 255, 0.8);
	background: url(../image/emblem.png) no-repeat 50% 50%;
}

/* Sectors */
/* .sector .panel-default .panel-heading .panel-body-nopadding .panel-footer */
 
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
	border-color: #ddd
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5 !important;
	border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #ddd
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #ddd
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.panel-footer {
	padding: 20px;
}
.bggray_light {
	background-color: #f5f5f5 !important;
}

/* sector 1 Finance and Planning*/
.sec:nth-child(1) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(1) .sector .panel-heading{
    background: #000;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(1) .sector .panel-body-nopadding{
    background: rgba(0, 0, 0, .5);
}

.sec:nth-child(1) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(1) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 1 */

/* sector 2 Water and Sanitation*/
.sec:nth-child(2) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(2) .sector .panel-heading{
    background: #17A1F9;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(2) .sector .panel-body-nopadding{
    background: rgba(23, 161, 249, .5);
}

.sec:nth-child(2) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(2) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 2 */

/* sector 3 Health*/
.sec:nth-child(3) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(3) .sector .panel-heading{
    background: #FEE716;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(3) .sector .panel-body-nopadding{
    background: rgba(254, 231, 22, .5);
}

.sec:nth-child(3) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(3) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 3 */

/* sector 4  Infrastructure*/
.sec:nth-child(4) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(4) .sector .panel-heading{
    background: #708090;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(4) .sector .panel-body-nopadding{
    background: rgba(112,128,144, .4);
}

.sec:nth-child(4) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(4) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 4 */

/* sector 5 Agriculture*/
.sec:nth-child(5) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(5) .sector .panel-heading{
    background: #416422;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(5) .sector .panel-body-nopadding{
    background: rgba(65, 100, 34, .5);
}

.sec:nth-child(5) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(5) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 5 */

/* sector 6  Energy Science and Technology*/
.sec:nth-child(6) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(6) .sector .panel-heading{
    background: rgb(245, 99, 0);
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(6) .sector .panel-body-nopadding{
    background: rgba(245, 99, 0, .5);
}

.sec:nth-child(6) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(6) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 6 */


/* sector 7 Fisheries */
.sec:nth-child(7) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(7) .sector .panel-heading{
    background: #17A1F9;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(7) .sector .panel-body-nopadding{
    background: rgba(23, 161, 249, .5);
}

.sec:nth-child(7) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(7) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 7 */

/* sector 8  Education*/
.sec:nth-child(8) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(8) .sector .panel-heading{
    background: #1C375B;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(8) .sector .panel-body-nopadding{
    background: rgba(28, 55, 91, .5);
}

.sec:nth-child(8) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(8) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 8 */


/* sector 9  Trade */
.sec:nth-child(9) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(9) .sector .panel-heading{
    background: #BE2D70;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(9) .sector .panel-body-nopadding{
    background: rgba(190, 45, 112, .5);
}

.sec:nth-child(9) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(9) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 9 */


/* sector 10  Transport and communication */
.sec:nth-child(10) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(10) .sector .panel-heading{
    background: #3F1D0B;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(10) .sector .panel-body-nopadding{
    background: rgba(63, 29, 11, .5);
}

.sec:nth-child(10) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(10) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 10 */

/* sector 11  Land and Climate*/
.sec:nth-child(11) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(11) .sector .panel-heading{
    background: #643C0E;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(11) .sector .panel-body-nopadding{
    background: rgba(100, 60, 14, .5);
}

.sec:nth-child(11) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(11) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 11 */


/* sector 12  Security*/
.sec:nth-child(12) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(12) .sector .panel-heading{
    background: #1C375B;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(12) .sector .panel-body-nopadding{
    background: rgba(28, 55, 91, .5);
}

.sec:nth-child(12) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(12) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 12 */


/* sector 13  Forestry*/
.sec:nth-child(13) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(13) .sector .panel-heading{
    background: #416422;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(13) .sector .panel-body-nopadding{
    background: rgba(65, 100, 34, .5);
}

.sec:nth-child(13) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(13) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 13 */

/* sector 14 Population and vital statistics*/
.sec:nth-child(14) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(14) .sector .panel-heading{
    background: #000;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(14) .sector .panel-body-nopadding{
    background: rgba(0, 0, 0, .5);
}

.sec:nth-child(14) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(14) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 14 */

/* sector 15 Health*/
.sec:nth-child(15) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(15) .sector .panel-heading{
    background: #FEE716;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(15) .sector .panel-body-nopadding{
    background: rgba(254, 231, 22, .5);
}

.sec:nth-child(15) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(15) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 15 */

/* sector 16  Poverty Metrics */
.sec:nth-child(16) .sector .panel{
    background: rgba(0, 0, 0, .09);
    border: none;
}
.sec:nth-child(16) .sector .panel-heading{
    background: #BE2D70;
    color: #fff;
    font-weight: bold;
    border: none;
}

.sec:nth-child(16) .sector .panel-body-nopadding{
    background: rgba(190, 45, 112, .5);
}

.sec:nth-child(16) .sector .panel-body-nopadding h4{
    color: #fff;
}

.sec:nth-child(16) .sector .panel-body-nopadding h6{
    color: #fff;
}

/* sector 16 */

/* End Sectors */

/* Revenue page */
/* .bgGray{
    background: #E8E8E8 !important;
} */
/* Revenue page */


/* For sysadm */
header.secondary{
    height: 45px;
}

#login{
    background: url('../image/iten-img.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.loginPad{
    padding-top:22%; 
}

@media (max-width: 768px) {
    .loginPad{
        padding-top:5%; 
    }
}

.txtLogin, .loginArea{
    display:none;
} 

.txtLogin{
    padding-left: 50px;
    padding-top: 2%;
}

.txtLogin h2{
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: calc(28px * 1.5);
    font-family: 'Lato', sans-serif;
}

.txtLogin p{
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    width: 50%;
}

.txtLogin h2, .txtLogin p{
    text-align: left;
}

.loginArea{
    border:2px solid rgba(255,255,255, .5); 
    margin:20px auto; 
    max-width:500px;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
}

.loginArea:hover{
    border:2px solid rgba(255,255,255, 1);
}

.loginArea label{
    text-align: left;
    color: #fff;
}

.btn-login{
    background: #089244;
}

.logoArea{
    height:auto;
    width: 250px;
    margin-top: 3%;
    text-align: center;
}

.logoArea img{
    width: 100%;
}

.logoArea a h2{
    text-decoration: none;
    color: rgba(255,255,255, .5);
    font-size: 14px;
}

label .lbl{
    float: none;
}

/* For sysadm */

/* Revenue page */
/* .tbl{
 display: table;
}

.eqHeight{
    display: table-cell;
} */

/* .revenues{
    display: none;
} */

.rev-left{
 width: 70%;
 float:left;
 
}

.rev-right{
    width: 29%;
    margin-left:1%;
    background: #ffffff;
    float:right;
}

@media (max-width: 768px) {
    .rev-left{
        width: 100%;
        background: #ffffff;
        float: none;
       }
       
       .rev-right{
           width: 100%;
           margin-left:0;
           margin-top: 1%;
           background: #ffffff;
           float: none;
       }
}

/* Revenue page */


/* Backend Importer */

.importer{
    min-height: 50vh;
    padding: 4% 2% !important;
    border-left: 2px solid #0A9345;
}

/* .import-right{
    border-right: 2px solid rgba(85, 85, 85, 0.616);
} */



.upl-cont{
    display: table;
}

.upl-col{
    height:50px !important;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    height: 40px !important;
}

.selFiles{
    display: none;
    text-align: right;
    padding-top:1%;
}




/* Navigation */
header.secondary{
    background: red;
}
/* Navigation */

/* Backend Importer */

small{
    font-size: 9px !important;
    color: rgba(85, 85, 85, 0.616);
}