@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url("/style/custom/arnhem/style_menu.css");

h1,
h2,
h3,
h4,
h5 {
    color: var(--primary);
    font-weight: 900;
    line-height: normal;
    font-family: var(--font-family-heading);
}

.jive header.topheader {
	height: 100%;
}

#innercontainer {
    & #ctl00_menu {
        li {
            box-sizing: border-box;
        }
    }
}

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

body.responsive-menu-open .of-hidden {
    overflow: visible;
}

body.responsive-menu-open #innercontainer header {
    overflow: visible;
}

#container_menu_top ul {
    list-style-type: none;
}

#header {
        height: 100%;
}

#innerheader a.lnkhome {
    width: 180px;
    height: 65px;
	background-size: contain;
}

.header-title {
    top: 16px;
    font-size: 1.2em;
}

#innerheader,
#innercontainer header {
    padding: 0 !important;
}

#container_menu {
	font-size: 14px;
}
 
/* standard button color, background and text color*/
.button-color {
    border: 0 solid #fff;
    background-color: #275582;
    color: #fff;
}
 
/* disable button color, background and text color*/
.button-color:disabled {
    background-color: #999;
    color: #ccc;
}
 
/* highlighted button color */
button.highlight {
    background-color: #275582;
}
 
/* error message color*/
.error {
    color: darkred;
}
 
/* semi selected icon color, for example in the period control when some months from one year are selected */
.icon-color-low {
    color: #999;
}
 
/* default icon color */
.icon-color-reg {
    color: #275582;
}
 
/* selected icon color */
.icon-color-high {
    color: #275582;
}
 
/* delete icon color */
.icon-color-delete {
    color: red;
}
 
/* unselected viewtype icon color */
.viewtype-color-back {
    color: #275582;
}
 
/* selected viewtype icon color */
.viewtype-color-front {
    color: #275582;
}
 
/* left panel header color */
.header-color {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    text-transform: uppercase ;
    background: #f6f7f8;
    color: #000;
}
 
/* left panel icons li first elements */
.icon-color.high {
 color: #275582;
}
 
/* left panel icons li sub elements */
.icon-color{
 color: #005566;
}
 
/* left panel icons new element */
.button-color.high {
    background-color: #C4DB0D;
    color: #275582;
}
 
/* j-list icons active element */
.viewtype-color.high {
 color: #275582;
}
 
/* j-list icons in-active element */
.viewtype-color {
 color: #000;
}
 
/* spinner during loading */
.jive-spinner-holder .jive-spinner .side .fill {
 background: #275582;
}

@media (max-width: 532px) { 
	.url{
		display: none;
	}
}