.form{
 width: 30%;
 margin: auto;
 margin-top: 7%;
 /* border: 3px solid #f1f1f1; */
 border-radius: 5px;
}
div.logoContent{
  display: none;  
}
.separar{
  margin-right: 3% !important;
}
.t{
  width: 100% !important;
}
.carat{
  margin-top: 3% !important;
  margin-bottom: 3% !important;
  width: 100% !important;
}
h1{
  text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active{
  background-color: #ffffff;
}
.superp{
  float: right;
  margin-top: 5%;
}
ul .oculta{
  padding-left: 15%;
}
.submenu{
  background-color: transparent;
  width: 100%;
  padding: 10px 15px;
  border: none;
  text-align: left;
  color: black;
  padding-left: 14%;
}
.submenu:focus, .submenu:hover, .submenu:active{
  background-color: #ffffff;
}
.reducir{
  max-width: 245px !important;
  word-wrap: break-word !important;
}
header #contentFondoIntro{
  height: auto !important;
}
.separarse{
  margin-bottom: 3%;
}
.intiempo{
  display: none;
}
.green{
  background-color: #5cb85c;
}
.red{
  background-color: #d9534f;
}
.tc_costumer{
  color: #FFF!important;
  background: #140f09; /* Old browsers */
  background: -moz-linear-gradient(top,  #140f09 0%, #ce8225 50%, #140f09 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #140f09 0%,#ce8225 50%,#140f09 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #140f09 0%,#ce8225 50%,#140f09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140f09', endColorstr='#140f09',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000;

}

td{
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
button{
  word-break: break-word;
  word-wrap: break-word;
}
div>.table-hover>tbody>tr:hover{
  background-color: #cdecf5;
}
.tc_costumer{
  color: #FFF!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#140f09+0,ce8225+50,140f09+100 */
  background: #140f09; /* Old browsers */
  background: -moz-linear-gradient(top,  #140f09 0%, #ce8225 50%, #140f09 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #140f09 0%,#ce8225 50%,#140f09 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #140f09 0%,#ce8225 50%,#140f09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140f09', endColorstr='#140f09',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000;

}
.tc_probe{
  color: #FFF!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a5559+0,2aeae7+50,2a5559+100 */
  background: #2a5559; /* Old browsers */
  background: -moz-linear-gradient(top,  #2a5559 0%, #2aeae7 50%, #2a5559 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2a5559 0%,#2aeae7 50%,#2a5559 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2a5559 0%,#2aeae7 50%,#2a5559 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5559', endColorstr='#2a5559',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000;
}
.tc_button{
  color: #FFF!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#284c24+0,33ea2a+50,284c24+100 */
  background: #284c24; /* Old browsers */
  background: -moz-linear-gradient(top,  #284c24 0%, #33ea2a 50%, #284c24 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #284c24 0%,#33ea2a 50%,#284c24 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #284c24 0%,#33ea2a 50%,#284c24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284c24', endColorstr='#284c24',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000;
}
.tc_RS{
  color: #FFF!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#284c24+0,33ea2a+50,284c24+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b0300+0,d10404+41,f70c0c+50,d10404+60,5b0300+100 */
  background: rgb(91,3,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(91,3,0,1) 0%, rgba(209,4,4,1) 41%, rgba(247,12,12,1) 50%, rgba(209,4,4,1) 60%, rgba(91,3,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(91,3,0,1) 0%,rgba(209,4,4,1) 41%,rgba(247,12,12,1) 50%,rgba(209,4,4,1) 60%,rgba(91,3,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(91,3,0,1) 0%,rgba(209,4,4,1) 41%,rgba(247,12,12,1) 50%,rgba(209,4,4,1) 60%,rgba(91,3,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0300', endColorstr='#5b0300',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000;
}
.abierto{
  color: #FFF!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#284c24+0,33ea2a+50,284c24+100 */
  background: #284c24; /* Old browsers */
  background: -moz-linear-gradient(top,  #284c24 0%, #33ea2a 50%, #284c24 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #284c24 0%,#33ea2a 50%,#284c24 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #284c24 0%,#33ea2a 50%,#284c24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284c24', endColorstr='#284c24',GradientType=0 ); /* IE6-9 */
  text-shadow: 1px 1px 1px #000
}
.cierre{
  color: white!important;
  background-color: red;
}
.intiempo{
  display: none;
}
.costumersTable td div{
  border: none !important;
  height: auto !important;
}
.sep{
  margin-bottom: 3%;
}
.modifica{
  display: inline;
}
.desaparece{
  display: none;
}
/*estilos modelo predictivo*/
body{
  background-image: none;
}
body {
  font-family: "Lato", sans-serif;
}
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}
/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.list-group-item{
  padding: 0px;
  border: 0px;
}
.tabcontent{
  border-top: 1px solid #ccc;
}
/*fin de estilos*/
.contenedor{
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.tamanio{
  width: 70%;
}
.hidden{
  visibility: hidden;
}
.supermenu{
  padding-left: 36px;
}
.separ{
  margin-bottom: 15px;
}
.tamaniofuente{
  font-size: 12px;
}
.grey{
  background-color: grey;
}
/*sondas*/


div.content_sondas li {
  display: inline-block;
  width: 150px;
  height: 200px;
  background: #ddd;
  border-radius: 8px;
  padding: 5px;
  border: 1px solid #bbb;
  margin: 0 5px;
  box-shadow: 1px 1px 3px #bbb;
  position: relative;
  overflow: hidden;
  float: left;
}

div.content_sondas li div.title_sonda {
  font-weight: bold;
  text-align: center;
  background: #EEE;
  border-radius: 5px 5px 0 0;
  padding: 5px 0;
  box-shadow: 0 0 3px inset;
  margin: 0;
}

div.content_sondas li > div {
  background: #EEE;
  padding: 5px 0;
  margin: 5px 0;
  padding: 5px;
}

div.content_sondas li > div.info_sonda {
  font-size: 10pt;
  max-height: 55px;
  overflow: hidden;
  min-height: 55px;
}

div.content_sondas li div.status_sonda {
  height: 50px;
}

div.content_sondas li div.medida_sonda_percent {
  font-size: 30pt;
  float: left;
}
div.content_sondas li > div.info_sonda {
  font-size: 10pt;
}

div.content_sondas li > div.info_sonda p {
  margin: 0;
  min-height: 50px;
}

div.content_sondas li div.medida_sonda {
  font-size: 8pt;
  text-align: right;
}

div.content_sondas li div.fecha_medida_sonda {
  text-align: right;
}


div.led_activo {
  width: 60px;
  height: 57px;
  position: absolute;
  right: 0;
  text-indent: -49999px;
}
div.led_activo.off {
  background: url(/images/power_on_off.png) no-repeat 0 0;
}
div.led_activo.on {
  background: url(/images/power_on_off.png) no-repeat 0 -57px;
}

div.content_sondas li button.nueva_sonda_button {
  background: none repeat scroll 0 0 #BBBBBB;
  border: 0 solid;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 3px #000000;
  color: #DDDDDD;
  display: block;
  font-size: 110pt;
  height: 77%;
  margin: 10px auto auto;
  width: 80%;
  cursor: pointer;
}

/*sensores*/

.ancho{
  width: 25%;
}
#generateChart, #generateChart_chart{
  margin-left: 0px;
  margin-top: 10px;
}
.escuerzo{
  float: right;
}
.centrico{
  width: 50%;
  margin: auto;
}
.clear{
  clear: both;
}
.centrandose{
  text-align: center;
  vertical-align: middle!important;
}
.centrado{
  text-align: center!important;
  width: 100%;
}
.serpa{
  margin-top: 1%;
  margin-bottom: 1%;
}