.horas-solas {
  width: 10% !important;
  max-width: 10% !important;

}

.inputValue{
  width: 145%;
  border-top:  none;
  border-left: none;
  border-right: none;
  margin-left: -10px;
}
.drop{
    border-top:  none;
    border-left: none;
    border-right: none;
    width: 150%;
    margin-left: -10px;
    
}

.myInput2{
    border-top:  none;
    border-left: none;
    border-right: none;
    width: 100%;
    outline: none;
    text-align: center;
  /*  border-bottom-color: #6a6bdc;*/
    
  
}
.myInput3{
  border-top:  none;
  border-left: none;
  border-right: none;
  width: 75%;
  outline: none;
  text-align: center;
/*  border-bottom-color: #6a6bdc;*/
  

}

.myInput:focus:active{
    outline: none;
}

.utility{
    text-align: center;
}

.bottomTable{

    background:#f0dc2e; color: black; line-height:0; font-weight:900; font-size:16px;
    border-top: 2px solid black;
    border-bottom: 2px solid black ;
} 
.myList{
  position: relative;
  display: flex;
  justify-content: flex-end;

}
.myList a{
   margin: 0.2%;
}
.myList button {
  margin: 0.2%;
}

.myList button:last-child{
  color:#ffff;
  background: transparent;  
  border-color: #fff;
}
.myList button:last-child:active{
  color:#ffff;
  background: transparent;  
  border-color: #fff;
}

.table-height {
   line-height: 0 !important;
}
.table-tittle3 {
  width: 150%;
  padding: .125rem .50rem 0 .50rem; display:block; line-height: 1.5;
}

.table-tittle {
  width: 150%;
  padding: .125rem .72rem 0 .72rem; display:block; line-height: 1.5;
}
.table-tittle2 {

  padding: .125rem .35rem; display:block; line-height: 1.5;
}


.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

 .reduce{
  padding-right:.5rem !important;
  padding-left: .5rem !important;
 }


.permisos {
  width: 32%;
}

.padding-form{
  padding: 2% 15% 7% 15%;
}

.padding-menu{
   padding: 2% 10% 5% 10%;
}

.extras {
  height: 470px;
  overflow-y: auto;
}

@media screen and (max-width: 640px)
{
  .padding-form{
    padding: 0 0 5% 0;
  }
  .padding-menu{
    padding: 0 0 3% 0;
  }
  .myList{
    width: 100%;
    flex-direction: column;
    padding: 0% 12% 0% 12%;
  }

  .myList .btn{
    margin-bottom: 2%;
  }




}



.history{
height: 400px;
overflow-y: auto;
}

.display-h
{
  display: flex;
  flex-direction: column;
}