@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url("/style/custom/ghm/menu.css");

:root {
    --blue: #0074C7;
    --blueHover: #005D9F;
    --grey: #424242;
    --lightGrey: #F7F7F7;
    --white: #FFF;
    --darkBlue: #003648;
    --lightBlue: #CCE8EE;
    --focus-outline-color: currentColor;
    --focus-outline-offset: 0.2rem;
    --focus-outline-style: solid;
    --focus-outline-width: 2px;
}

.menu *:focus-visible, .b_menu-open *:focus-visible{
    outline-color: var(--focus-outline-color);
    outline-offset: var(--focus-outline-offset);
    outline-style: var(--focus-outline-style);
    outline-width: var(--focus-outline-width);
}


.b_header-wrapper{
    padding: 10px 0;
}

#p24 a{
    border-bottom: 2px solid var(--darkBlue);
    padding-bottom: 6px;
}


.b_header-wrapper {
    #ctl00_menu {
        align-items: center;
    }
}

#nav_module #categorymenu{
    display: none;
}

header.custom.topheader
{	
	padding:0;
	height: 104px;
	overflow: visible;
}

#innercontainer > header {
	padding: 0;
    overflow: visible;
}

.b_header-wrapper {
	overflow: visible;
}

#container_menu .menu {
    max-width: 100%;
	/* padding: 0 15px; */
}

div#container_menu_top {
    display: none;
}

.newslist a, .linklist li a, .theme_items a {
    font-family: 'Arvo', serif;
}

.menu li#p20 a{
	border-bottom: 3px solid #8DC63F;
}

#searchTxt {
    height: 21px;
    padding: 10px 25px;
    border-radius: 50px;
    border: none;
    margin-top: 14px;
    -moz-box-shadow: 0px 0px 20px #d9dcd2;
    -webkit-box-shadow: 0px 0px 20px #d9dcd2;
    box-shadow: 0px 0px 20px #d9dcd2;
    visibility: hidden;
    width: 0;
	display: none;
}

#searchButton {
    display: inline-block;
    margin-left: -50px;
    color: #004b8d;
	display: none;
}



.header-color {
    background: #f6f7f8;
    color: #000;
}

.button-color,
.button-color.high {
    background-color: #003648;
	color: #fff;
}

button.item:hover:not(.not-clickable) {
    background-color: #f8f8f8;
}



.jive header.topheader, .j-panel{
	box-shadow: none;
}

.j-panel div.search {
    border-bottom: 1px solid #cbcfe0;
    padding: .5em;
}

#j-tree button.item.pre i.icon-color, #j-tree button.item.rep i.icon-color, #j-tree button.item.url i.icon-color, #j-selection-tree-content button.item.pre i.icon-color, #j-selection-tree-content button.item.rep i.icon-color, #j-selection-tree-content button.item.url i.icon-color {
    background-color: transparent;
    color: #000;
}

.icon-color.low{
	color: #000;
}

.viewtype-color {
    background-color: transparent;
}

.presoption-color {
    color: #000;
}

button#start_intro {
    background-color: #000;
}

body{
	background-color: #fff;
}


header.header-color {
    border-bottom: 1px solid #ccc;
	font-weight: bold!important;
}

.j-workspace-bar .j-list li.current .item {
    border-bottom-color: #003648;
}

div.j-workspace-bar {
    background-color: #fff;
}

a.header-color{
	color:#000;
}

.j-showselpopup.button-color {
    background-color: #003648!important;
	color: #FFF !important;
}

#j-period header.header-color{
	border-right: 1px solid #ccc;
}

#j-tree h2, #j-dimensions h2, #j-geolevel h2, #j-period h2, #j-presentation h2, #j-legend h2 {
    font-weight: bold!important;
}

.fa-times-circle:before {
    color: #000;
}

button.item:hover:not(.not-clickable) {
    background-color: rgba(140,140,140, 0.1);
}

.item.header, .j-modal div.level2, .j-workspace-bar {
    background-color: #f6f7f8;
}

.j-datatable.lefttop-div, .j-datatable.lefttop-div td {
    background-color: #f6f7f8;
}

.j-datatable th {
    background-color: #f6f7f8;
}

.icon-color.high{
    color: #003648;
}


@media screen and (max-width: 1110px) {
	header.custom.topheader {	
		height: 90px;
	}
	#container_menu .menu {
		padding: 0;
        top: 89px;
	}
	.menu li a {
		border: none !important;
	}
	.menu li#p20 {
		padding-bottom: 0;
		border-bottom: 1px solid #e5eff7;
		background: #e5eff7;
	}
}

.b_header-wrapper {
    & #ctl00_menu {
        @media screen and (max-width: 1024px) {
            &.b_menu-open {
                top: 91px;
                z-index: 99;
            }
        }
    }
}

.b_menu-open a{
    padding: 16px 20px;
}


@media screen and (max-width: 900px) {
    .b_header-wrapper {
        padding: 5px;
    }
}