/**
 *
 * Apply your custom CSS here
 *
*/
body {
	background-color: #FFF;
}

.user-info-navbar {
	background-color: #eeeeee;
	margin-bottom:10px;
	height:62px;
}

.user-info-navbar .user-info-menu > li > a {
	padding: 24px 20px;
}

.sidebar-menu {
    background: #005a8e;
}

.sidebar-menu.annual {
    background: #195e12;
}

.sidebar-menu .logo-env {
	border-bottom: 1px solid #ccc;
}

.sidebar-menu .main-menu a {
	border-bottom: 1px solid #ccc;
	color: #FFF;
}

.sidebar-menu .logo-env .logo {
	float: none;
}

.sidebar-menu .main-menu > li.opened > ul {
    display: none;
}

@media screen and (min-width: 769px) {
	.sidebar-menu.collapsed .main-menu > li.active, .sidebar-menu.collapsed .main-menu > li li.active {
		background-color: #00304d;
	}
	
	.sidebar-menu.collapsed .main-menu > li > ul {
		background: #00304d;
	} 

	.sidebar-menu.collapsed.annual .main-menu > li.active, .sidebar-menu.collapsed.annual .main-menu > li li.active {
		background-color: #208c18;
	} 
	
	.sidebar-menu.collapsed.annual .main-menu > li > ul {
		background: #208c18;
	} 
	
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
		background-color: #FFF;
	}
}

.switch-report {
	font-weight: 800;
	color: #00304d!important;
}



/* QLIK SENSE MASHUP */

.qvplaceholder, .qvobject {
	flex: 1 1 auto;
	height: 100px;
	min-width: 100px;
	background-color: #FFF;
	/*margin: 45px 0 0 45px;*/
}

.fullscreen {
    z-index: 999999998; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
	padding:40px;
	text-align:center;
    top: 0; 
    left: 0; 
	background-color: #FFF;
}

#toolbox {
	display: block;
	background-color: FFF;
	/*position:absolute;*/
	text-align:right;
	width:100%;
}

#toolbox i {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding:10px;
}

#popup {
	background-color: #c3534b;
	color: #FFFFFF;
	position: fixed;
	max-width: 250px;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
	z-index: 6;
	font-family: sans-serif;
}

.close {
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	position: absolute;
	right: 9px;
	top: 7px;
}

.close:hover {
	opacity: .5;
}

#popupText {
	margin-right: 23px;
}

.h-50 {  height: 50px;  }
.h-75 {  height: 75px;  }
.h-100 { height: 100px;  }
.h-150 { height: 150px;  }
.h-200 { height: 200px;  }
.h-250 { height: 250px;  }
.h-300 { height: 300px;  }
.h-350 { height: 350px;  }
.h-400 { height: 400px;  }
.h-450 { height: 450px;  }
.h-500 { height: 500px;  }
.h-550 { height: 550px;  }
.h-600 { height: 600px;  }
.h-650 { height: 650px;  }
.h-700 { height: 700px;  }
.h-750 { height: 750px;  }
.h-full { height: 100%;  }

.sidebar-menu .main-menu {
    padding-left: 30px;
    padding-right: 30px;
}

.user-info-menu .dropdown-backdrop {
    display:none;
}

.buttons-end.borderbox {
	display:none;
}

@media screen and (min-width: 769px)
	.sidebar-menu.collapsed {
	    z-index: 100;
	}
}	

.qv-object-cl-horizontalselectionbar div.container.RIGHT:last-child {
    float:none!important;  
}
.qv-object-cl-horizontalselectionbar .lui-radiobutton .lui-radiobutton__input:checked+.lui-radiobutton__radio-wrap .lui-radiobutton__radio {
    background: #42c24e;
    border-color: transparent; 
}

/* ANNUAL */

.btn-detail-table{
    background-color:#195e12!important;  
}