@charset "utf-8";

.logo_text {
	float: left;
	width: 100%;
	font-family: 'Organo'	
}

.introjs-helperLayer.introjs-fixedTooltip
{
	opacity: 0.2 !important;
}

.select-info {
	display:none !important;
}


/* CSS Document */
* {
  -webkit-box-sizing:content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  


}
a:hover {
	color:#20B471 !important;
}


.selectize-dropdown .active {
	background-color:#CBF8E3 !important;
}

body {
			background-color: #f9fafb;
			font-style: normal;
			font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif !important;
			color: #333333;
			margin: 0;
			padding: 0;
			cursor:auto;
		}
s
h1 {
	color: #6B6B6B;
	font-size: 15px;
	padding: 0 0 0 0;
	margin: 0 5px 1em 5px;
	font-weight: bold;
	border-bottom: 1px solid #e7ecea;
}

.main_title {
	float: left;
	width: 100%;
	font-family: ''anurati''	
}

.sidenav {
	overflow-y: auto;
    	width: 260px;
	padding: 0 15px 0 15px;
    	position: fixed;
	background: #fff;
    	z-index: 1002;
	height: 100%;
	left:0;
    	transition: all 0.2s;
	/*display: flex;*/
	margin-right: 0;
	border-right: 1px solid #e7ecea;
	border-bottom: 1px solid #e7ecea;
	/*box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.08);*/
float:left;
	white-space:normal;
			
}


.sidenav .closebtn {
	color:#bababa;
	display:none;
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	margin-right:20px;
	margin-top:20px;
}
/*
.sidenav a {
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.2s;
}
*/
		.main_logo {
			margin-top: -20px;
			margin-left: 20px;
			padding: 0;
			z-index: 30;
			position: fixed;
		}		
		.form {
		
		}
	
		.content-dashboard {
			margin: 0 0 0 250px;
		}
	 .nav-list {
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			z-index: 11;
			 position: fixed;
			top:0;
			width: 100%;
		
		}


.top_bar_dashboard {
	width: 100%;
	line-height: 50px;
	background: #fff;
	opacity: 0.85;
	margin:0;
	padding-left:300px;
	border-bottom: 1px solid #e7ecea;
	color:#00aaef;
	position: fixed;
	z-index:1001;
	transition: all 0.2s;
}

.top_bar_dashboard i.icon {
	color: #757575;
	transition: all 0.2s;
	font-size:20px;
}

.top_bar_dashboard i.icon:hover {
	color:#20B471;
	cursor:pointer;
	
}

.top_bar_dashboard i.question.circle.outline.icon {
	color: #757575;
	transition: all 0.2s;
	font-size:20px;
	margin-right: 320px;
	float:right;
	
}
.top_bar_dashboard i.question.circle.outline.icon:hover {
	color:#20B471;
	cursor:pointer;
}

.horizontal_navi {
	
			display: inline-block;
			text-align: left;
			vertical-align: middle;
			line-height: 3em;
			background-color: #00aaef;
			opacity: 0.85;
			/*border-bottom: 1px solid #e7ecea;*/
			width: 100%;
			z-index: 1001;
			position: fixed;
			/*	-webkit-box-shadow: 0 8px 3px -6px #e7ecea;
			-moz-box-shadow: 0 8px 3px -6px #e7ecea;
			box-shadow: 0 8px 3px -6px #e7ecea;	*/
			/*box-shadow: 5px 0px 4px rgba(0, 0, 0, 0.5);*/
}
		
.horizontal_navi ul {
			float:right;
			background-color: #00aaef;
			position: relative;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: flex;
			margin: auto;
			width: 15%;
			list-style: none;
			-ms-box-orient: horizontal;
			-ms-box-pack: center;
			-webkit-flex-flow: row wrap;
			-moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-webkit-justify-content: center;
			-moz-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			
		
		}
		.horizontal_navi ul li {
			
			display: inline-block;
			margin:auto;	
			display: block;
			text-align: center;
			-webkit-flex: 0.8;
			-moz-flex: 1;
			-ms-flex: 1;
			flex: 1;
			
			
		}
		
		.horizontal_navi ul li a {
			
			padding: 0;
			margin: 0;
			position: relative;
			display: block;
			text-align: center;
			text-decoration: none;
			color:#002533;
			line-height: 3.6em;
			/*border-left: 1px solid #e7ecea;*/
			
			-webkit-transition:color 0.1s ease-in-out,  box-shadow 0.2s ease-in-out;
  			transition:color 0.1s ease-in-out,  box-shadow 0.2s ease-in-out;
		
			
		}
		.horizontal_navi ul li:hover {
	  
		}
		.horizontal_navi ul li a:hover {
			color: #fff;
			 	/*-moz-box-shadow:inset  0px -5px 0px 0px #fff;
 			 	-webkit-box-shadow:inset  0px -5px 0px 0px #fff;
  				box-shadow:inset 0px -5px 0px 0px #fff;*/
		}

	 span {
		
			
			color:000;
			font-weight: 500;
			font-size: 12px;
			white-space: nowrap;
			/*font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;*/
		}

		 a i {
			
			z-index: 10;
	display: inline-block;
	/*margin: 0 0.7em 0.2em 0;*/
	vertical-align: middle;
	font-size: 20px;
	speak: none;
			font-weight: bold;


		}
		
		
		.logo {
			position: fixed;
			z-index: 20;
			
		}


		


/* c3 */


/*.c3 svg{
    font:10px sans-serif
}*/

.c3 text{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{
    shape-rendering:crispEdges
}
.c3-chart-arc path{
    stroke:#fff
}
.c3-chart-arc text{
    fill:#fff !important;
    font-size:13px
}
.c3-grid line{
    stroke:#aaa
}
.c3-grid text{
    fill:#aaa
}
.c3-xgrid,.c3-ygrid{
    stroke-dasharray:3 3
}
.c3-text.c3-empty{
    fill:gray;
    font-size:2em
}
.c3-line{
    stroke-width:1px
}
.c3-circle._expanded_{
    stroke-width:1px;
    stroke:#fff
}
.c3-selected-circle{
    fill:#fff;
    stroke-width:2px
}
.c3-bar{
    stroke-width:0
}
.c3-bar._expanded_{
    fill-opacity:.75
}
.c3-target.c3-focused{
    opacity:1
}
.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{
    stroke-width:2px
}
.c3-target.c3-defocused{
    opacity:.3!important
}
.c3-region{
    fill:#4682b4;
    fill-opacity:.1
}
.c3-brush .extent{
    fill-opacity:.1
}
.c3-legend-item{
    font-size:12px
}
.c3-legend-item-hidden{
    opacity:.15
}
.c3-legend-background{
    opacity:.75;
    fill:#fff;
    stroke:#d3d3d3;
    stroke-width:1
}
.c3-tooltip-container{
    z-index:10
}
.c3-tooltip{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#fff;
    empty-cells:show;
    -webkit-box-shadow:7px 7px 12px -9px #777;
    -moz-box-shadow:7px 7px 12px -9px #777;
    box-shadow:7px 7px 12px -9px #777;
    opacity:.9
}
.c3-tooltip tr{
    border:1px solid #CCC
}
.c3-tooltip th{
    background-color:#aaa;
    font-size:14px;
    padding:2px 5px;
    text-align:left;
    color:#FFF
}
.c3-tooltip td{
    font-size:13px;
    padding:3px 6px;
    background-color:#fff;
    border-left:1px dotted #999
}
.c3-tooltip td>span{
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:6px
}
.c3-tooltip td.value{
    text-align:right
}
.c3-area{
    stroke-width:0;
    opacity:.2
}
.c3-chart-arcs-title{
    dominant-baseline:middle;
    font-size:1.3em
}
.c3-chart-arcs .c3-chart-arcs-background{
    fill:#e0e0e0;
    stroke:none
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit{
    fill:#000;
    font-size:16px
}
.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{
    fill:#777
}
.c3-chart-arc .c3-gauge-value{
    fill:#959595 !important
}

.headers {
display: inline-block;
text-align: left;
vertical-align: middle;
line-height: 3em;

} 
.headers:hover .hambi {
	background-color: #fff;
}

.hambi {
    width: 20px;
    height: 2px;
    background-color: #002533;
    margin-top: 4px;
	-webkit-transition:color 0.1s ease-in-out,  box-shadow 0.2s ease-in-out;
  			transition:color 0.1s ease-in-out,  box-shadow 0.2s ease-in-out;
}

  .domain{
         stroke: #e7ecea !important;

     }

.c3 line,.c3 path{
    fill:none;
    /*stroke:#e7ecea  !important; /*###########*/
}
.c3 line {
	stroke:#e7ecea  !important;
}

.c3-axis-y .tick {
    fill:#999 ;
}
.c3-axis-x .tick {
    fill: #999 ;
}


.c3-legend-item {
	margin-top: 10px !important; 
   fill: #999;
}

.c3-text .c3-text-0   {
	fill:#000 !important;
}

.leaflet-retina.leaflet-control-layers-toggle {
    background-image: url(layers-2x.png) !important;
    background-size: 26px 26px !important;
}

.button:focus {
    outline: none;
    border: none;
}



.ui.table {
border-radius:0px !important;	
}