/*
	Personalizações e adaptações
	para layout do Samanau
*/

body {
	background : #f7f7f7;
}

.breadcrumb {
	background : #eee;
}

#alerta-disco-cheio {
	display : none;
}

#map_home {
	min-height : 350px;
	padding : 0;
}

.c3-region.limite_max {
		fill: red;
}

.c3-region.limite_ok {
	fill : green;
}

.c3-region.limite_min {
	fill: yellow;
}

/* BOX HOME */

.box-home>h2>i {
margin : 10px 0;
}

.box-home h2 {
margin : 5px 0 20px 0;
display : block;
}

.box-home h4 {
padding: 10px;
margin: 0 1px;
background: #7f8c8d;
color: #fff;
font-size: 11pt;
}


.box-home {
border : 1px solid #eee;
margin : 0 0 10px 0;
padding : 0;
background : #fff;
overflow : hidden;
}

.box-home-icon {
text-align : center;
border : 1px solid;
background : none;
color : #fff;
background : #3498db;
}

.box-home-icon a {
margin-top : 10px;
}

.box-home-icon a.btn {
margin-top : 10px;
margin-bottom: 20px;
}

.box-home-icon>i {
width : 100%;
padding : 20px!important;
}

.box-home-icon-donut {
	background : #ecf0f1;
	border : 0;
	color :#000;
}
.home-icon-estacoes h2 {
	margin : 0;
	padding : 10px;
}

.box-home-icon-area {
text-align: center;
border: 1px solid #fff;
background: #ecf0f1;
color: #7f8c8d;
font-weight: 400;
padding: 20px 10px;
}

.box-home-icon-area>i {
margin : 15px 0 0 0;
}

.box-home-icon-area strong {
color : #2c3e50;
}

.box-home-icon-area h2 {
font-size : 14pt;
margin : 10px;
}

.box-home-content {
text-align : left;
}


.lista-estacoes {
margin -left : 100px!important;
overflow : auto;
max-height : 365px;
margin-bottom : 0px!important;
}

.lista-estacoes .list-group-item {
position: relative;
display: block;
background-color: #fff;
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin-bottom: 0;
padding: 1px 20px;
}

.lista-estacoes li:first-child {
border-top-right-radius : 0!important;
border-top-left-radius : 0!important;
}

.lista-estacoes li {
padding : 2px 10px ;
}

.lista-estacoes h3 {
font-size : 14px;
display : block;
width : 100%;
margin : 0;
}

.lista-estacoes h3 .nome-estacao {
width : 100%;
margin : 5px 0 0 0;
}

.lista-estacoes .badge {
background : none;
float : right!important;
}

.lista-estacoes small {
display : block;
color : #bbb;
margin : 5px;
}

.tabela-dashboard {
height: 190px;
overflow-y: auto;
display: block;
}

.row-disco {
    padding: 0;
    background: #fff;
    margin: 0 0 20px 0;
}

.row-disco .icone {
	padding-left: 0;
  padding-right: 0;
}

.lista-discos {
max-height: 130px;
overflow: auto;
padding : 10px;
}

.lista-discos .progress {
	margin-bottom : 0;
}

.lista-data-coleta small,
.lista-discos small {
color : #2c3e50;
display : block;
}

.lista-data-coleta li:first-child,
.lista-data-coleta li:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}

.lista-data-coleta li {
padding : 2px;
}


/* Status */

.well-station {
  background : #2c3e50;
  color: #fff;
}

.circle {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #7f8c8d;
background: #95a5a6;
}

.circle.online {
	background : #3dd37c;
	border: 2px solid #7f8c8d;
}

/* Tela de sensores */
.page-header,
h1,h2,h3,h4 {
	margin-top : 0;
	font-weight : 100;
	border : 0;
}
.nav>li>a {
	font-size : 0.8em;
}

h1 small,
h2 small {
	font-size: 40%;
	display: block;
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: 200;
}

@keyframes blinker {
  80% { opacity: 0.2; }
}

.blink {
	animation: blinker 2s linear infinite;
}

.list-group-item.active a {
	color : #fff;
}

.alert-default {
	background : #F3F7ED!important;
	color : #516731!important;
}

.alert-default>.border-left {
border-left: 10px solid #87AC52;
text-decoration: blink;
}


.alert-max {
	background : #FEE6E6!important;
	color : #C30909!important;
}

.alert-max>.border-left {
border-left: 10px solid #C30909;
}

.alert-min {
	background : #FDF8E7!important;
	color : #A4820E!important;
}

.alert-min>.border-left {
border-left: 10px solid #EDC22B;
}

.nome-estacao {
display: inline-block;
margin-left: 2px;
}

.barra-detalhes {
min-height: 105px;
}

.barra-detalhes h3 {
min-height: 40px;
}

.barra-detalhes h3 small {
color : #bbb;
font-weight : 100;
display : block;
}
.barra-detalhes h3 .dropdown {
	display : inline-block;
}

.barra-detalhes .nav-pills>li {
display: flex;
min-width: 20%;
margin: 1px 0;
height: 42px;
}

.barra-detalhes .nav-pills>li a {
width: 98%;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel.active>.panel-heading,
tr.active td,
tr.active th {
	background-color: gold!important;
}


.panel-title-estacao {
	margin-top : 6px;
	font-weight : 100;
}

.panel-title-estacao .value {
	font-weight: 800;
}


.panel-group .panel-collapse-estacao {
	margin-bottom: 10px;
}



/* BASE - Estacoes */

h3 label {
  font-size : 13px;
  font-weight : 800;
}

h3 input {
width : 100%;
}

.form-group {
  margin-bottom : 5px;
}


/* Grafico C3Js */
/*-- Chart --*/


.c3 svg {
  font: 10px sans-serif;
}
.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}
.c3 text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;

}
.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/

.c3-axis-x .tick {
}
.c3-axis-x-label {
}

.c3-axis-y .tick {
}
.c3-axis-y-label {
}

.c3-axis-y2 .tick {
}
.c3-axis-y2-label {
}

/*-- Grid --*/

.c3-grid line {
  stroke: #aaa;
}
.c3-grid text {
  fill: #aaa;
}
.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}
.c3-xgrid-focus {
}

/*-- Text on Chart --*/

.c3-text {
}

.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/

.c3-line {
  stroke-width: 1px;
}
/*-- Point --*/

.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}
.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/

.c3-bar {
  stroke-width: 0;
}
.c3-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Arc --*/

.c3-chart-arcs-title {
  font-size: 1.3em;
}

/*-- Focus --*/

.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: 0.3 !important;
}


/*-- Region --*/

.c3-region {
  fill: steelblue;
  fill-opacity: .1;
}

/*-- Brush --*/

.c3-brush .extent {
  fill-opacity: .1;
}

/*-- Select - Drag --*/

.c3-dragarea {
}

/*-- Legend --*/

.c3-legend-item {
  font-size: 12px;
}
.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1
}

/*-- Tooltip --*/

.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 rgb(119,119,119);
     -moz-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
          box-shadow: 7px 7px 12px -9px rgb(119,119,119);
  opacity: 0.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: 0.2;
}

.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 {
  fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
/*  font-size: 28px !important;*/
}

.tempo-real .c3-axis-x,
.tempo-real .c3-axis-y,
.tempo-real .c3-axis-y2 {
display : none;
}

table.tempo-real {
	margin-bottom : 0;
}


/* Sortable  */

.sortable-placeholder {
border: 2px dashed #ccc;
list-style: none;
display: block;
min-height: 60px;
margin : 3px 0;
width: 100%;
}
.sortable-dragging {
background : #7f8c8d;
}


.station_config select {
	width : 250px;
}

.station_config input[type~="date"] {
	width : 150px;
}

.station_config input[type~="text"] {
		width : 60%;
}

.station_config input[type~="number"] {
		width : 100px;
}