input{
  border: 1px solid #aaa !important;
  border-radius: 4px !important;
}

@media (min-width: 768px){
  .padMag{
    padding: 0px !important;
  }
}

.empleado{
	cursor: pointer;
}

.dia{
    cursor: pointer;
}

/* Estilos por empresa */

.navbar{
	background-color: var(--color_oscuro);
}

.etiqueta_superior{
	width: 100%;
    padding: 10px;
    background: var(--color_principal);
    color: #FFF;
    margin: 0px;
    margin-bottom: 30px;
}

.nav-link{
	color: #FFF !important;
}

.nav-link:hover{
  color: #FFF !important;
}

button.dropdown-toggle{
    width: 100%;
    background: var(--color_principal);
    border-color: var(--color_principal);
    color: #FFF;
}

button.dropdown-toggle:hover{
    background: var(--color_principal);
    border-color: var(--color_principal);
    color: #FFF;
}

button.dropdown-toggle:active{
    background: var(--color_principal);
    border-color: var(--color_principal);
    color: #FFF;
}

button.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem var(--color_principal_a3);
}

input:focus, 
select:focus,
textarea:focus{
    box-shadow: 0 0 0 0.2rem var(--color_principal_a3) !important;
    border-color: var(--color_principal) !important;
}

select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px var(--color_principal) inset;
}

#myModal{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.noPadding{
    padding: 0px;
}

a:active{
    color: var(--color_principal) !important;
}

.input_modal input:focus{
      box-shadow: none !important;
      border-color: #A0A0A0 !important;
    }

.descanso{
      background-color: #AEAEAE !important;
      border-color: #AEAEAE !important;
    }

/* Estilos para calendario y selects */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color_principal) !important;
    color: white;
}

.daterangepicker .ranges li.active {
    background-color: var(--color_principal) !important;
}

.daterangepicker td.in-range {
    background-color:var(--color_principal_a1) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--color_principal) !important;
}

.btn-primary{
	background-color: var(--color_principal) !important;
	border-color: var(--color_principal) !important;
}

.btn-secondary{
    background-color: var(--color_secundario) !important;
    border-color: var(--color_secundario) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color_principal) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color:var(--color_principal_a1) !important;
}