/* Sobrescribir el color primario */
.btn-primary,
.bg-primary,
.border-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.text-white.btn-primary:focus,
.text-white.btn-primary:hover,
.text-white.btn-primary:active,
.text-white.btn-primary:disabled,
.text-white.btn-primary:disabled,
.text-white.btn-primary:not(:disabled):not(.disabled):active,
.text-white.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #164193 !important;
    border-color: #164193 !important;
}

.text-primary,
a.text-primary:hover,
a.text-primary:focus{
    color: #164193 !important;
}
/* Sobrescribir el color primario en hover */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #13377a !important;
    border-color: #13377a !important;
}

/* Otros componentes que usan el color primario */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link {
    color: #164193;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #164193;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    color: #fff;
    background-color: #164193;
}

.pagination .page-item.active .page-link {
    background-color: #164193;
    border-color: #164193;
}
.card-primary:not(.card-outline)>.card-header {
    background-color: #164193;
    border-bottom: 1px solid #164193;
}

.badge-primary {
    background-color: #164193;
}

.alert-primary {
    color: #0c285c;
    background-color: #e1e9f8;
    border-color: #c8d6f2;
}

.progress-bar {
    background-color: #164193;
}

.card-primary.card-outline {
    border-color: #164193;
}

a, .btn-link{
    color: #164193;
}


.table-horas-extra{
    width: 100%;
}

.table-horas-extra th, .table-horas-extra td{
    text-align: center;
    border: 1px solid #000;
}

.table-horas-extra input, .table-horas-extra select, .table-horas-extra .select2-container--bootstrap .select2-selection, .table-horas-extra .select2{
    width: 100%;
    border: none;
    background-color: transparent;
}

.table-horas-extra input, .table-horas-extra select{
    text-align: center;
}

.select2-container--bootstrap .select2-selection--single{
    height: calc(2.25rem + 2px);
    text-align: left;
    line-height: 1.5;
    font-size: 1rem;
    border: 1px solid #ced4da;
}

#acordeon-he .card-header{
    padding: unset !important;
}

#acordeon-he .card{
    border-radius: unset !important;
}

#acordeon-he .card:hover{
    background-color: #f8f9fa !important;
}

.table-horas-extra .form-control:disabled, .table-horas-extra .form-control[readonly]{
    background-color: transparent;
    border: none;
}

.badge-domingo{
    background-color: rgba(255, 247, 0, 0.3);
}

.badge-feriado{
    background-color: rgba(255, 106, 0, 0.3);
}

.badge-feriado-irrenunciable{
    background-color: rgb(255 0 0 / 30%);
}

.btn-xs i{
    width: 14px;
}

.select2-selection--multiple{
    overflow: auto !important;
    height: auto !important;
    max-height: 100px !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper.kanban, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper.kanban {
    margin-left: unset !important;
}

.card-header.card-header-pjud{
    padding: 0.25rem !important;
}

.content-wrapper.kanban .card.card-row{
    width: 270px !important;
}

input[type="file"] {
    padding: 3px; /* Ajusta el padding según sea necesario */
    border: 1px solid #ccc; /* Para agregar una mejor delimitación */
    border-radius: 5px; /* Opcional: para bordes redondeados */
    box-sizing: border-box; /* Asegura que el padding no afecte el tamaño del campo */
}

.select2-container{
    width: 100% !important;
}

.text-link{
    color: #164193;
    cursor: pointer;
}

.modal-body {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}