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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);

/*Font Calling: font-family: 'Roboto', sans-serif;*/

body { font-family: 'Roboto', sans-sarifs !important;}

/**Admin Toobar**/
#toolbar{ display: none;}

.pull-left { margin-right: 10px; }

.name-slogan{ float: left;}

.name-slogan-logo{ margin-bottom: 20px;}

#site-name{font-weight: 900; font-size: 16px; color: rgb(0, 0, 0) !important; letter-spacing: -1px; font-style: italic; padding-top: 25px;}

#slogan{display: block; font-size: 11px; font-weight: bold; text-transform: uppercase;}

.navbar-header { float: none;}

form .error{display: block !important}

#hp{ float: right;}

/*Custom Search and form elements styling*/

#block-block-24{ float: right;}

.btn-primary{ color: #333; background-color: #fff; border-color: #ccc;}

.navbar #block-search-form { float: right; margin: 7px 0 5px 5px;}

.form-control{ border-radius: 0px; }

.btn{border-radius: 0px;}


/*Main Menu Styling*/
.navbar-default .navbar-nav > li > a { color: #00698C;}

.menu-holder{background-color: #f8f8f8; background-color: #f8f8f8; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 30px;}

.menu-holder .navbar-default {background-color: transparent; border-color: transparent !important; margin-top: 0px; margin-bottom: 0px; height: 50px;}

.menu-holder .navbar-default  ul.secondary { float: right; display: none;}

.logo-holder .navbar-default{ background-color: transparent; border-color: #fff;}

.navbar.custom-container{ max-width: 1140px;}

h1, .h1 {font-size: 24px; color: #00698C; }


h2, .h2 { font-size: 19px; color: #6B6B6B;
}

.menu-holder nav ul.menu .first.leaf a.fa.fa-home{font-size: 0px;}

.menu-holder nav ul.menu .first.leaf a.fa.fa-home:before{font-size: 17px;}

/****End Main Menu Styling****/

.region.region-sidebar-second{ border-left: 1px solid rgb(227, 227, 227); padding-left: 10px; }

.region.region-sidebar-second ul, .region.region-sidebar-second ol{ margin-left: -10px; }

.region.region-sidebar-second .view-content ul, .region.region-sidebar-second .view-content ol{ margin-left: -39px;}

.region.region-sidebar-second .view-content ul li{ list-style: none; }

.region.region-sidebar-second .view-content a{ font-family: 'Roboto', sans-sarifs !important; }

.region.region-sidebar-second .fa-angle-right:before, .chrome .region.region-sidebar-second .fa-angle-right:before { margin-right: 5px; font-size: 15px; font-weight: bold; content: "\f105";}

.region.region-sidebar-second .views-label{color: rgb(0, 105, 140); float: left; margin-right: 5px}

.region.region-sidebar-second .view{border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 10px;}


/**Main Content Begin**/
section.col-sm-9{ background: #F8F8F8; box-shadow: 0 0 1px 1px #eee; padding-top: 15px; padding-bottom: 15px;}


/**Styling For Footer**/

.footer { margin-top: 45px; padding-top: 13px; padding-bottom: 13px; border-top: 1px solid #E5E5E5; padding-left: 0px; padding-right: 0px; }
.ubi-footer{background: #eaeaea; padding: 13px;}

.ubi-footer ul{ margin-left: -15px;}

.ubi-footer h2.block-title{ color: rgb(0, 105, 140); font-weight: bolder; font-size: 24px; font-family: inherit; font-weight: 900;}

.ubi-footer .nav > li > a, .ubi-footer a{color: #6F6F6F; font-size: 13px; line-height: 3px;}

/*Footer Views*/
.ubi-footer .view a:before{content:"" !important;}

.ubi-footer .view .fa, .ubi-footer .view .fa-angle-right:before{font-family: 'Roboto', sans-sarifs !important; content: ""; text-rendering: unset;}

.ubi-footer .view ul {margin-left: -40px;}

.ubi-footer .view ul li{ list-style: none; }

.ubi-footer .view a{ color: rgb(96, 96, 96) !important; font-size: 14px !important;}

.ubi-footer .views-label{ color: rgb(0, 105, 140); float: left; margin-right: 5px}

.ubi-footer .pane-menu-menu-sector, .ubi-footer .pane-menu-menu-local, .ubi-footer .pane-menu-menu-other-resources{ border-top: 1px solid rgb(240, 240, 240)}

.ubi-footer .pane-quick-links{padding-left: 4px;}

.ubi-footer .pane-individual-lg-budgets-block, .ubi-footer .pane-national-lg-reports-block, 
.ubi-footer .pane-sector-budget-docs-block, .ubi-footer .pane-sector-spending-agency-block { border-top: 1px solid rgb(240, 240, 240)}


.nav > li > a:hover, .nav > li > a:focus { text-decoration: underline !important; background-color: transparent !important;}

.ubi-footer h2.pane-title{ margin-bottom: 2px; margin-top: 6px;}

.ubi-footer .comm-news a{line-height: 15px; padding-left: 9px;}

.ubi-footer .comm-news .pull-left { float: left !important; margin-right: 0px; margin-left: 0px;}

.ubi-footer .comm-news h3{ color: rgb(0, 105, 140); font-size: 24px; font-family: inherit; font-weight: 900; margin-top: -35px; margin-bottom: 13px;}

.ubi-footer .comm-news .btn-primary{background: #00698C; color: #fff !important;}

.ubi-footer .comm-news .pane-content{margin-left: 4px;}

#block-block-1{ padding: 10px 11px; background: rgb(0, 105, 140) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px 0px rgb(0, 117, 156); color: rgb(238, 238, 238); text-align: center; font-size: 12px;}

#block-block-1 a{color: #fff !important;}

/***Styling For Views***/
.view-national-budgets-and-performance ul, .view-id-national_budget_performance_reports ul, .view-national-lg-reports ul{ list-style: none; line-height: 26px; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgba(0, 105, 140, 0.14)}

.view-national-budgets-and-performance th.views-field-field-financial-yearnationalbud, .view-id-national_budget_performance_reports th.views-field-field-financial-yearperformance, .view-national-lg-reports th.views-field-field-financial-yearlgreports,
.view-workshops-meetings-and-events- th.views-field-field-financial-yearevent, .view-research-and-other-publications th.views-field-field-financial-yearpub{ width: 106px;}

/***===End Styling For Views===***/

/*Responsive Styling*/

@media screen and (min-width: 1200px){

.navbar.container { max-width: 1170px; padding-left: 0px; padding-right: 0px;}


@media screen and (min-width: 768px){

.ubi-footer	.panel-3col-33 .panel-col { border-left: 1px solid rgb(240, 240, 240); padding-left: 5px; height: 472px;}

.panel-3col-33 .panel-col-last { height: 472px;}

.panel-3col-33 .panel-col-last .inside { border-left: 2px solid #F3F2F2; padding-left: 5px; height: 508px;}

}

.not-logged-in .error { display: none;}