.filtroConsultaDoc{        
    line-height:1;
    padding:0 10px;
    width:100%;
    margin:20px auto;
    transition: max-height .5s;
    max-height:0;
    overflow:hidden;
}

 .filtroConsultaDoc input:not(input[type=submit]):not([type=radio]), textarea {
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 4px rgb(0, 0, 0);
  padding: 5px;
  width: 100%;
  outline: none;
  margin-bottom: 20px;
}

 .filtroConsultaDoc input[type=submit]{
  width: 50%;
  padding: 10px;
  margin:10px 25% 10px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 4px rgb(0, 0, 0);
}
 
.filtroConsultaDoc input[type=submit]:hover{
     box-shadow: 0px 0px 8px rgb(0 0 0);
}

 .flexFiltro{
     height:150px;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     align-content:space-between;
 }

 select{
     padding:3px;
     border-radius:5px;    
 }

 .filtroPeriodo{
     display:flex;
     justify-content:center;
     align-items:center;
     margin-bottom: 20px;
 }

 .estiloForm{        
    line-height:1;
    padding:0 10px;
    width:60%;
    margin:10px auto;
}
 .estiloForm label{
     width:100%;
 }
 .estiloForm input:not(input[type=submit]), textarea {
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 4px rgb(0, 0, 0);
  padding: 5px;
  width: 100%;
  outline: none;
  margin-bottom: 20px;
}

 .estiloForm input[type=submit]{
  width: 50%;
  padding: 10px;
  margin:0 25% 10px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 4px rgb(0, 0, 0);
}

 .filtroConsultaDoc input:focus, .filtroConsultaDoc textarea:focus{
  outline: 1px solid #6A82FB;
}

.imgFiltro{
    widows:100%;
    display:flex;
    justify-content:flex-end;
}

.itemFiltroDocs{
    display:flex;
    flex-direction:column;
    width: 100%;
}
/*PANTALLA DE LAPTOP, TABLET...*/
@media only screen and (min-width: 600px) {
    .filtroConsultaDoc{        
        max-height:100vh;
        width:70%;
    }
    .estiloForm{
        width:30%
    }
    .imgFiltro{
        display:none;
    }

    .itemFiltroDocs{
        flex-direction:row;
        width:100%;
        justify-content: space-between;
    }
    .filtroFech{
        width:45%;
    }
}