header{
	width:100%;
	height:45px;
	margin:0;
}

header .container{
  position:relative;
  width:70%;
  margin-left:300px;
}

#app{
  display:block;
  width:100%;
  clear:both;
  margin:0;
}

#cont{
	width:75%;
	display:inline-block;
	vertical-align: top;
	height:auto;
	padding:10px;
}


.sidebar{
  width:30%;
  min-width:200px;
  max-width:250px;
  background-color:#fff;
  border-color: #d3e0e9;
  min-height:1000px;
  display:inline-block;
  vertical-align: top;
  float:left;
  margin-top: -60px;
}

.sidebart{
  display:none;
  width:15%;
  min-width:50px;
  max-width:55px;
  background-color:#fff;
  border-color: #d3e0e9;
  min-height:1000px;
  vertical-align: top;
  float:left;
}


.title_table{
  min-height: 40px;
  height: auto;
  background: #eee;
  color:black;
  font-weight: bold;
  border-bottom:1px double #aaa;
  vertical-align: middle;
  padding-top:5px;
  margin:5px 0 10px 0;
}

.content-table{
  min-height:40px;
  height: auto !important;
  border-bottom:1px solid #eee;
  vertical-align: middle;
  margin:0;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*FILAS DE TABLA CON FONDO GRIS*/
.backg{ background: #eee !important; }

.sidebar figure{
  background:white;border-radius: 2px;text-align:center;padding:10px;
}

.form-control{
  margin:10px;
}

.margin-left{
  margin-left:10px;
}

.mitad{
  display:inline-block;text-align: center;width:45%
}

footer{
  width:100%;
  margin-top:10px;
  background: #fcfcfc;
  clear:both;
}

.new{
  display:none;
}

a.skiplink {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
a.skiplink:focus {
  clip: auto;
  height: auto;
  width: auto;
  background-color: #fff;
  padding: 0.3em;
}

#map:focus {
  outline: #4A74A8 solid 0.15em;
}

@media screen and (max-width: 1024px) {

  #cont{
    width:69%;

  }

  .title_table{
    height:auto;
    background: #eee;
    color:black;
    font-weight: bold;
    border-bottom:1px double #aaa;
    vertical-align: middle;
    margin:15px 0 10px 0;
  }

  .content-table{
    height:auto;
    vertical-align: middle;
    margin:15px 0 10px 0;
  }
}

@media screen and (max-width: 900px) {

  .title_table{
    display:none;
  }

  .sidebar{
   display:none;
  }
  .sidebart{
    display:inline-block;
  }

  #cont{
    width:88%;
  }

  .sidebart figure img{
    width:50px !important;
    height:auto;
  }

  header .container{
    position:relative;
    width:100%;
    margin-left:10px;
    color:white !important;
  }

  .new{
    width:100%;
    height:50px;
    display:block;
  }
}

@media screen and (max-width: 700px) {

  #cont{
    width:78%;
  }

  .title_table{
    display:none;
  }
}


@media print{

  @page {size: landscape;}

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    width: 100%!important;
    font-family: Arial, sans-serif !important;
    font-size: 10pt !important;
    background: #fff !important;
    color: #000 !important;
    float: none !important;
    writing-mode: horizontal-tb;
  }

  div.row >.col-md-1 { width: 8%!important;}
  div.row >.col-md-2 { width: 16%;}
  div.row >.col-md-3 { width: 24%!important;  }
  div.row >.col-md-4 { width: 32%!important; }
  div.row >.col-md-5 { width: 41%;}
  div.row >.col-md-6 { width: 49%;}

  .chart{width: auto!important;}

  .breadcrumb-line, .sidebar,.panel-heading>.row:nth-child(2), .nonePrint{ display: none!important; }
  #cont {  width: 100%!important; margin: 0 auto!important; }

  a:after {
    content:" ";
  }

  a[href]:after {
    content: " ";
  }

  img {
    max-width: 100% !important;
  }

  div.row > div {
    display: inline-block;
     white-space: nowrap;
  }
  div.row {
    display: block;
  }

}


.noMargin{
  margin: 0px!important;
}

.chart{overflow-x: auto!important; overflow-y: hidden!important;}

.fontGraph{
  color: #777!important;
  font-size: 2rem!important;
  font-weight: 800;
  margin-bottom: 10px
}

.noMarginBottom{ margin-top: 0px!important; }

.Hauto{
  height: auto!important;
}

.legendSimple{
  margin: 0px!important;
  border-bottom: none!important;
}

/*SIMULACION*/
.titulos>div>label{
  font-weight: bold;
  margin-bottom: 0px;
}
.titulos>div{
  text-align: center;
}
.titulos{
  background: #efefef;
  border-bottom: 1px solid #ccc;
  padding: 7px 0px;
  margin: 10px 0px;
}

/*LEYENDA INCIDENCIAS*/
.legend-button{
  text-align: right;
}
.legend-button>a{
  padding: 8px;
}

.font-white{
  color: #fff !important;
}

.font-red{
  color: #f44336 !important;
}


.mobile_table{
  overflow-y: auto!important;
}