#colaborador{
     width: 100%;
     margin-top: 10px;
}
#searchEmpty, #emptyData{
    margin: auto;
}
#searchEmpty2{
    margin: auto;
}
#colaborador form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#colaborador  #searchCollab input{
    width: 250px;
    margin: 10px;
}
#colaboradores #searchCollab select{
    width: 250px;
    margin: 10px;
}
#colaborador h2{
     width: 100%; 
     font-size: 18px;
     padding: 5px;
}
#colaborador form div{
    align-items: center;
}
#colaborador form button{
    max-height: 35px;
}
.asc:after {
  content: ' ↑';
}
.desc:after {
  content: " ↓";
}
table tbody tr th.tamMin{
    min-width: 90px;
}

.invalidate{
    border: 1px solid #a10000;
}

.file-select {
    position: relative;
    display: inline-block;
  }
  
  .file-select::before {
    background-color: #005ba1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Seleccionar'; /* testo por defecto */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  .file-select input[type="file"] {
    opacity: 0;
    width: 200px;
    height: 32px;
    display: inline-block;
  }
  
  #src-file::before {
    content: 'Seleccionar Archivo';
  }

@media (max-width:992px) and (min-width:501px){
    table tbody tr th{
       font-size: 14px; 
    }
    table thead tr th{
      font-size: 14px;  
    }
}
@media (max-width:500px){
    table tbody tr th.tamMin{ 
     min-width: 60px;
    }
     #colaborador h2{
        font-size: 14px;
    }
    table tbody tr th{
       font-size: 12px;
       font-weight: 700;
    }
    table thead tr th{
      font-size: 13px;
      font-weight: 600;    
    }
}
@media print{
    #colaborador .colabNames{
          display:none;
    }
    #colaborador table thead tr th{
        background: #005ba1;
        color: black;
    }
}