.app-content{
    padding:0.5rem;
}

.unit{
    padding-bottom: 1rem;
}

.unit-icon {
    width:30%
}

.unit-title{
    text-align:center;
}

.unit-info{
    text-align: right; 
    margin-bottom:0.5rem
}

.modal-form-group{
    padding-bottom:1rem !important;
}


.logo path {
    fill: red; /* Cambia el color del relleno */
}


.icon {
    width: 70px;
    height: 70px;
    color: #af1e27;
    padding:0.5rem;
}

.button-add-new{
    text-align:right;
}

/* Resalta la fila seleccionada */
#usersTable tr.selected {
    background-color: #e7f3ff; /* azul claro */
}
/* Opcional: cursor de selección */
#usersTable tbody tr {
    cursor: pointer;
}

.small-box-dashboard{
    margin-bottom:0rem !important;
}

.dropdown-menu {
    right: 0;
    width: fit-content !important;
    padding-bottom:1rem !important;
    padding-top:0.5rem !important;
}

.app-content {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.dashboard-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dashboard-table-container .table-responsive {
    flex: 1;
    overflow-y: auto;
}

.table-container {
    height: 70vh;
    overflow-y: auto;
}

.table-container thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}

.btn-icon {
    color: gray;
}

.swal2-popup.swal2-toast {
    display: flex !important;
    align-items: center !important;
}

td.dataTables_empty {
    pointer-events: none;
    cursor: default;
}

.fa-chevron-up,
.fa-chevron-down {
    color: red;
}