header.custom.topheader {	
	padding:0;
	height:90px;	
	background:#fff url(logo.jpg) no-repeat;	
	background-position: 5px 5px;
	border-bottom: 5px solid #e37006;
}

/* standard button color, background and text color*/
.button-color {
    border: 0 solid #fff;
    background-color: #0e5e9b ;
    color: #fff;
}
 
/* disable button color, background and text color*/
.button-color:disabled {
    background-color: #999;
    color: #ccc;
}
 
/* highlighted button color */
button.highlight {
    background-color: #0e5e9b ;
}
 
/* 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: #0e5e9b ;
}
 
/* selected icon color */
.icon-color-high {
    color: #0e5e9b ;
}
 
/* delete icon color */
.icon-color-delete {
    color: red;
}
 
/* unselected viewtype icon color */
.viewtype-color-back {
    color: #0e5e9b ;
}
 
/* selected viewtype icon color */
.viewtype-color-front {
    color: #0e5e9b ;
}
 
/* left panel header color */
.header-color {
 background: #0e5e9b ;
 color: #fff;
}
 
/* left panel icons li first elements */
.icon-color.high {
 color: #0e5e9b ;
}
 
/* left panel icons li sub elements */
.icon-color{
 color: #000;
}
 
/* left panel icons new element */
.button-color.high {
 background-color: #1C1A1B;
}
 
/* j-list icons active element */
.viewtype-color.high {
 color: #0e5e9b ;
}
 
/* j-list icons in-active element */
.viewtype-color {
 color: #000;
}
 
/* spinner during loading */
.jive-spinner-holder .jive-spinner .side .fill {
 background: #0e5e9b ;
}

.heading {
	position: absolute;
	background-color: #e37006;
	padding: .6em 1.6em;
	margin-top: 55px;
	color: #fff;
	font-size: 1.2em;
	font-family: arial, sans-serif;
	right: 0;
}

h2.header{
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #015f9d;
    float: right;
    margin: 5px;
    margin-right: 27px;
    padding: 0;
    margin-top: 10px;
}

h3.header{
	font-size:21px;
	color:#fff;
	float:right;
	clear: both;
	margin:3px 5px;	
	margin-right:15px;
	padding:0;
}

@media only screen and (max-width: 640px) {
    .heading {
        display: none;
    }
	h2.header {
		margin-right: 15px;
		margin-top: 27px;
	}
}

@media only screen and (max-width: 440px) {
	h2.header {
		display: none;
	}
}