.btn {
    color: #7E35CB;
}

.panel-title {
    margin: auto 0px;
}

.user-footer > div > a {
  color: black !important;
}

.nav-tabs>li {
    margin-bottom: -2px;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
    padding-left: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus, input[type=number]:focus, textarea:focus,
select:focus, .vTextField:focus {
    border-color: #3c8dbc !important;
}

#submit-id-submit {
    padding: 5px 10px !important;
    background-color: #3c8dbc !important;
}

#submit-id-submit:hover {
    background-color: #367fa9 !important;
}

.th-fieldtype-booleanfield {
    text-align: center !important;
}

.td-fieldtype-booleanfield .true i{
    color: green;
}

.td-fieldtype-booleanfield .false i{
    color: red;
}

.filters {
    margin: 10px 0 0 0;
}

.filters .select2 {
    width: 100% !important;
}

.filter {
    padding: 6px 12px !important;
    border: 1px solid #6ab1e8 !important;
}

.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}

#id_allergies, #id_observations, #id_reason {
    max-height: 80px;
}

#id_notes {
    max-height: 160px;
}
.custom-mobile-nav-bar-container {
    display: none; /* Oculto por defecto */
}

.custom-mobile-nav-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f7f7f7;
    display: none;
    justify-content: space-around;
    padding: 10px 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.custom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6a0dad; /* Color morado */
}

.custom-nav-item .custom-badge {
    background-color: #ff0000;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.75rem;
    position: absolute;
    top: -5px;
    right: -5px;
}

.custom-icon-home, .custom-icon-folder, .custom-icon-calendar, .custom-icon-activity {
    font-size: 20px;
    border-radius: 20px;
    padding: 4px 8px;
}

.custom-icon-home:hover, .custom-icon-folder:hover, .custom-icon-calendar:hover, .custom-icon-activity:hover {
    background-color: #f4b740;
}


/* Ocultar columnas en pantallas pequeñas (menos de 768px) */
@media (max-width: 767px) {
        .custom-mobile-nav-bar {
            display: flex !important;
            z-index: 10;
        }
        .hide-on-mobile {
            display: none;
        }
        .table td, .table th {
            vertical-align: middle;
            padding: 0px 5px;
            font-size: 11px;
        }
        .btn {
            padding: 2px 4px !important;
            font-size: 11px;
            margin: 1px;
        }
        .btn-detail {
            padding: 10px 4px !important;

        }

    }

/* En pantallas más grandes, todas las columnas son visibles */
@media (min-width: 768px) {
        .hide-on-mobile {
            display: table-cell;
        }
        .table td, .table th {
            vertical-align: middle;
            padding: 0px 3px;
            font-size: 12px;
        }

    }