form.form_configuration select{
  border:5px !important;
  background-color: red;
}

.tab_conf:nth-child(odd){
  background-color: #fafafa;
}
.sensor_inactive{
  background-image: radial-gradient(#efefef 50%, #ffffff 50%);

  background-size: 2px 2px;
  opacity: 0.35;

}

.tab_conf h4{
  margin-top:10px;
}

h5.card-title.btn{
  padding-left:0px !important;
}

input[type="number"]{
  width: 55px;
}
.canvas{
  height: 350px;
}
.chart-container{

  margin-bottom:20px;
}

.badge a{
  text-decoration: none;
  color: #575962;
  font-size: 1em
}
.lastmeasure{
  padding-left:15px;
  padding-right:15px;
  text-align: right;
  font-style: italic;
}

#ui-datepicker-div{
  z-index: 1100 !important;
}
.badge-default a{
  color: #ffffff;
}
.table td{
  vertical-align: top !important;
}
.table ul{
  margin-top:10px;
}

.table ul, .table li, .historicals ul, .historicals li{
  padding:0px;
}

.table li, .historicals > ul > li > ul> li{
  margin-left: 15px;
  margin-top: 5px;
}

.historicals > ul > li{
  margin-bottom: 7px;
  padding-bottom:7px;
  list-style-type: none;
  border-bottom:1px solid #eeeeee;
}

/*#loadingPression,#loadingTemperature,#loadingBattery,#loadingRssi*/
.loadingMoisturePolar{
  position: absolute;
  left:50%;
  top:50%;
}

.chartLoading{
  position: absolute;
  left:50%;
  top:50%;
}

#form1{
  margin-top:10px !important;
  margin-bottom:10px;
}

form#form_user li{
  margin-bottom:10px;
}
form#form_user li input[type="text"], form#form_user li input[type="password"]{
  border-bottom:1px dotted #cccccc;
}

.form-group{
  padding:5px 5px;
}


.sidebar .user{
  border-bottom:0px;
}

/* Hack for the card (See in Dashboard) */
.card figure{ margin:0px; }
.card .card-body{
  border-bottom:1px solid #ebedf2 !important;
}
.card .card-footer{
  border-top:0px !important;
}

#showStation p.btn{
  cursor: default;
}


/* https://www.w3schools.com/css/css_tooltip.asp */
.tool-tip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tool-tip .tool-tiptext {
  visibility: hidden;
  width: inherit;
  background-color: #999;
  color: #fff;
  text-align: center;
  padding: 6px 6px;
  border-radius: 6px;
  top:15px;
  left:130%;
  font-size: 12px;

 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tool-tip:hover .tool-tiptext {
  visibility: visible;
}
.tool-tip .tool-tiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #999 transparent transparent;
}