div.j-workspace-bar-header {
	background-image: url(klein_logo.png);
	background-size: 100% auto;
}
.right {
    position: absolute;
    right: 10px;
    bottom: 5px;
	color:#00b9e9;
}
#j-workspace-bar {
	box-sizing: border-box;
}
.right a{
	color:#00b9e9;
	font-weight:bold;
}

.right a:hover{
	text-decoration:underline;
	color:#00b9e9;
	font-weight:bold;
}

#logos-right{
    float: right;
    width: 250px;
    height: 80px;
/*     background-color: #000; */
}

header.custom.topheader
{	
	padding:0;
	height:80px;
	color:#fff;
	text-align:center;
}

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

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

.active:before {
    right: 0 !important;
    left: 0 !important;
}