body {
    background: #3a3a4f;
}

header {
    background: #47475c;
}

table {
  th{
    text-align: center;
  }
  td {
    /*border: 1px solid;*/
    padding-left: 13px;
    padding-right: 13px;
    font-size: smaller;
    text-align: center;
  }
  .primera-col {
    text-align: left;
    width: 82px;
  }
}

@media screen and (min-width: 400px) {
  body {
      /*background-color: whitesmoke;*/
      background-color: rgb(128, 128, 128);
  }
  .date-nav-container {
    display: flex;
    justify-content: center;
    background-color: white;
    /*align-items: center;*/
   }
   .chart-nav-container {
    display: flex;
    justify-content: center;
    background-color: white;
    /*align-items: center;*/
   }
   .planta1-contenedor {
      margin: 10px 0px 5px 0px; 
      background-color: white;
   }
   .planta0-contenedor {
    margin: 5px 0px 5px 0px;
    background-color: white;
   }
   .exterior-contenedor {
    margin: 5px 0px 5px 0px;
    background-color: white;
   }
   .sotano-contenedor {
    margin: 5px 0px 0px 0px;
    background-color: white;
   }
}

@media screen and (min-width: 700px) {
  body {
      background-color: grey;
  }
  .nav-contenedor {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    min-width: 320px; 
    height: 40px; 
    margin: 0 auto
  }
  .date-nav-container {
    display: flex;
    justify-content: left;
    background-color: white;
    /*align-items: center;*/
   }
   .chart-nav-container {
    display: flex;
    justify-content: right;
    background-color: white;
    /*align-items: center;*/
   }
   .datos-contenedor-A, .datos-contenedor-B {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    min-width: 320px; 
    height: auto; 
    margin: 0 auto
   }
   
   .planta1-contenedor {
      margin: 10px 2px 2px 0px; 
      background-color: white;
   }
   .planta0-contenedor {
    margin: 10px 0px 2px 2px;
    background-color: white;
   }
   .exterior-contenedor {
    margin: 5px 2px 2px 0px;
    background-color: white;
   }
   .sotano-contenedor {
    margin: 5px 0px 2px 2px;
    background-color: white;
   }
}

.panel-superior {
  background-color: white;
  margin: 0 auto
}

.group-tipo {
    text-align: center;
    border: none;
    border-radius: 0px;
    background-color: white;
    box-sizing: border-box;
    justify-content: left;
    
}

.group-valores {
    text-align: center;
    border: none;
    border-radius: 0px;
    background-color: white;
    box-sizing: border-box;
    justify-content: right;
    
}
.group-turno {
  text-align: center;
  border: none;
  border-radius: 0px;
  background-color: white;
  box-sizing: border-box;
  justify-content: right;
  display: none;
}

 .btn-nav-datapicker {
    text-align: center;
    border: none;
    border-radius: 0px;
    background-color: white;
    padding: 10px 10px;
 } 

 .picker-date {
    text-align: center;
    border: none;
    width: 130px;
 }
 .btn-nav-filter {
    text-align: center;
    border: none;
    border-radius: 0px;
    background-color: white;
    padding: 10px 10px;
    box-sizing: border-box;
 }
 .btn-nav-filter:active {
    background-color: #3e8e41;
  }
  .btn-outline-primary {
    border: none;
    border-radius: 0px;
    color: #47475c;
  }