#wrapper {
    height: 100%;
}
.content {
    overflow: auto;
}
.form_caja .btn-default.btn {
    width: 100%;
    background-color: #3379b6;
    color: #fff;
    font-size: 22px;
}
.list-group-item.activa {
    background-color: #dae0e5 !important;
    color: #495057 !important;
}
.btn-primary {
    background-color: #b088be;
    border-color: #b088be;
}
.btn-primary:hover {
    background-color: #60b9b9;
    border-color: #60b9b9;
}
.btn-action {
    display: inline-block;
    vertical-align: top;
    background-color: #999;
    color: white;
}
.btn-action:hover {
    color: white;
    background-color: #7b7878;
}
#data {
    padding: 25px 15px;
}
#data .row {
    border-top: 1px solid;
}
#data .row:last-child {
    border-bottom: 1px solid;
}
#loading, #resultado {
    display: none;
}
.form-group .control-label.required:after {
    content:" *";
    color:red;
}
.borrarForm {
    display: inline-block;
    margin-bottom: 15px;
}
.sidebar-sticky {
    padding-top: 50px;
}
.btn-default {
    border: 1px solid #000000;
}
.content {
    padding: 0px 50px;
}
.usuariosOnDash {
    background-color: #889cbe;
}
.clientesOnDash {
    background-color: #b088be;
}
.staffOnDash {
    background-color: #60b9b9;
}

.table thead th {
    border-top: 0;
}
.table tr td {
    text-transform: capitalize;
}
.lowercase {
    text-transform: lowercase !important;
}

.completa, .ambulatorio-ausente {
    background-color: #b189bf6b !important;
}
.incompleta, .ambulatorio-presente {
    background-color: #4bb9b970 !important;
}
.no-ambulatorio {
    background-color: #ff00006e !important;
}
.fc-day {
    cursor: pointer;
}
.fc-day.disable {
    cursor: not-allowed;
}

.sidebar-wrapper {
    /*display: none;*/
}
.navbar-expand-lg .navbar-toggler {
    display: block !important;
}

.container-fluid .table.table-responsive.table-striped {
    display: inline-table;
}
.columnas-de-dos {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.columnas-de-uno {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.columnas-de-tres {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.noDisp {
    background-color: #ff7f5073 !important;
}
.checkbox .dropdown-item:hover {
    background-color: transparent !important;
}
.checkbox .dropdown-item {
    color: white !important;
}
.terapias-no-habilitadas {
    display: none;
}
.mediaSesion {
    background-color: #d5e9f5 !important;
}

.btn-default:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
}

select:invalid {
/*    height: 0px !important;
    opacity: 0 !important;
    position: absolute !important;
    display: flex !important;*/
}

select:invalid[multiple] {
    margin-top: 15px !important;
}

.dashboard hr {
    margin: 8px 0;
}
.dashboard td {
    padding: 8px 0.75rem;
}

.bell{
    display:block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin:0 50px;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ingreso {
    color: #1b9448;
}
.egreso {
    color: #bb0000;
}
.floatingButtons {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 9999999999;
}
.btn-info, .btn-warning {
    color: white !important;
}

.green.checkcontainer input:checked ~ .checkmark {
    background-color: #1b9448 !important;
}
.red.checkcontainer input:checked ~ .checkmark {
    background-color: #bb0000 !important;
}

.indicacionesMesAnterior, #ocultarIndMesAnt {
    display: none;
}

#tabla-imputar .error {
    background-color: red;
}
#tabla-imputar .guardada {
    background-color: #2ea790;
}
.consumible.editar {
    display: none;
}

.dato.consumible.imputacion {
    background-color: #00800017;
}
.dato.consumible {
    background-color: #ff000024;
}
.btn-done {
    background-color: #b088be;
    color: white;
}

.btn-done:hover {
    background-color: #9d74ab;
    color: white;
}
.recibo_html {
    display: none;
    padding: 15px 0;
}


.table-wrapper-scroll-y thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-wrapper-scroll-y tbody {
    display: block;
    max-height: 500px;
    overflow: auto;
}

.table-wrapper-scroll-y tr {
    display: table; width: 100%; table-layout: fixed;
}

.history-col-12 {
    border-top: 1px solid;
    padding-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    padding-left: 0;
}
.ultimaEvolucion i {
    color: red;
    margin: 0;
    padding: 10px 2px;
    font-size: 28px;
}
.tr-link {
    cursor: pointer;
    background-color: #d1d1d1;
}

.prescripciones-table {
    margin-top: 15px;
}
.prescripciones-table a {
    color: black;
    text-decoration: none;
}
.pacientes-prescripciones-head {
    border-bottom: 1px solid grey;
}
.pacientes-prescripciones, .pacientes-prescripciones-head {
    margin: 5px 0 15px 0;
}
.pacientes-prescripciones {
    display: none;
    margin-bottom: 25px;
    overflow-x: auto;
}
.pacientes-prescripciones-head:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.pacientes-prescripciones-row {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 20px 0;
}
#prescripcion_loading {
    display: none;
}
/*      #60b9b9     #b088be
table {
    width: 716px; !* 140px * 5 column + 16px scrollbar width *!
    border-spacing: 0;
}

tbody, thead tr { display: block; }

tbody {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody td, thead th {
    width: 240px;
}

thead th:last-child {
    width: 256px; !* 140px + 16px scrollbar width *!
}*/


.estado-iniciado {
    background-color: #B3E5FC; /* Azul */
    color: black; /* Texto en blanco */
    padding: 5px 10px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
}

.estado-visto {
    background-color: #FFF9C4; /* Verde */
    color: black; /* Texto en blanco */
    padding: 5px 10px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
}

.estado-resuelto {
    background-color: #C8E6C9; /* Amarillo */
    color: black; /* Texto en negro */
    padding: 5px 10px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
}

.estado-observado {
    background-color: #FFCCBC; /* Rojo */
    color: black; /* Texto en blanco */
    padding: 5px 10px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
}

/* Estilos mejorados para los dropdowns */
.dropdown-menu {
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    padding: 0.5rem 0;
    min-width: 10rem;
}

.dropdown-item {
    padding: 0.5rem 1.5rem;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

.dropdown-item:active, .dropdown-item:focus {
    background-color: #b088be;
    color: white;
}

.dropdown-toggle::after {
    margin-left: 0.5em;
    vertical-align: 0.15em;
}

.dropdown-active {
    background-color: #f3f3f3;
}

/* Estilo para el botón de acción mejorado */
.btn-action.dropdown-toggle {
    background-color: #6c757d;
    color: white;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    transition: background-color 0.2s ease;
}

.btn-action.dropdown-toggle:hover {
    background-color: #5a6268;
}

.btn-action.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/* Opcionalmente podemos personalizar los colores según la paleta del sitio */
.dropdown-item.eliminar {
    color: #dc3545;
}

.dropdown-item.editar {
    color: #b088be;
}

.dropdown-item.ver {
    color: #17a2b8;
}

/* Estilos mejorados para los dropdowns de acción en tablas */
.btn-action.dropdown-toggle {
    background-color: #b088be; /* Color principal del proyecto */
    color: white;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s ease;
    border: none;
}

.btn-action.dropdown-toggle:hover, 
.btn-action.dropdown-toggle:focus {
    background-color: #9d74ab; /* Versión más oscura del color principal */
    box-shadow: 0 0 0 0.2rem rgba(176, 136, 190, 0.25);
}

.btn-action.dropdown-toggle::after {
    margin-left: 0.5em;
    vertical-align: 0.15em;
}

/* Estilo para los menús desplegables de acción */
.dropdown-menu {
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: none;
    overflow: hidden; /* Para que los items con hover no salgan del borde redondeado */
    min-width: 10rem;
    padding: 0.25rem 0;
    margin-top: 0.5rem;
}

/* Mejorar el aspecto de los items */
.dropdown-item {
    padding: 0.5rem 1.25rem;
    transition: all 0.15s ease-in-out;
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.dropdown-item:active, 
.dropdown-item:focus {
    background-color: #b088be;
    color: white;
}

/* Estilizar los iconos dentro de los items */
.dropdown-item i {
    margin-right: 0.5rem;
    width: 1rem;
    text-align: center;
    opacity: 0.75;
}

/* Estilo específico para acciones comunes */
.dropdown-item.text-danger, 
.dropdown-item.eliminar {
    color: #dc3545;
}

.dropdown-item.text-danger:hover, 
.dropdown-item.eliminar:hover {
    background-color: #ffeaec;
}

.dropdown-item.text-danger:active, 
.dropdown-item.eliminar:active {
    background-color: #dc3545;
    color: white;
}

.dropdown-item.text-primary, 
.dropdown-item.editar {
    color: #b088be;
}

.dropdown-item.text-primary:hover, 
.dropdown-item.editar:hover {
    background-color: #f5ebf7;
}

.dropdown-item.text-info, 
.dropdown-item.ver {
    color: #17a2b8;
}

.dropdown-item.text-info:hover, 
.dropdown-item.ver:hover {
    background-color: #e8f7fa;
}

/* Estilos mejorados para el sidebar y sus dropdowns */
#sidebar-wrapper {
    background-color: #f8f9fa;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#sidebar-wrapper .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

#sidebar-wrapper .dropdown-item {
    color: #495057;
    font-weight: 400;
    padding: 0.5rem 1rem;
}

#sidebar-wrapper .dropdown-item:hover {
    color: #212529;
    background-color: #f1e6f3; /* Color de fondo al pasar el mouse, variante clara del color principal */
}

#sidebar-wrapper .dropdown-item.active, 
#sidebar-wrapper .dropdown-item:active {
    color: #fff;
    background-color: #b088be; /* Color principal del sistema */
}

#sidebar-wrapper .dropdown-toggle::after {
    margin-left: 0.5em;
    vertical-align: 0.2em;
}

#sidebar-wrapper .dropdown-toggle.show {
    color: #b088be; /* Color principal cuando el dropdown está abierto */
}

#sidebar-wrapper .nav-link {
    color: #495057;
    transition: all 0.2s ease;
}

#sidebar-wrapper .nav-link:hover {
    color: #b088be;
    background-color: rgba(176, 136, 190, 0.1);
}

#sidebar-wrapper .nav-link.active {
    color: #b088be;
    background-color: rgba(176, 136, 190, 0.15);
    font-weight: 500;
}

/* Ajustes adicionales para mejorar el contraste en dropdowns del sidebar */
#sidebar-wrapper .dropdown-menu {
    min-width: 12rem;
}

/* Ajustes para sobrescribir la clase text-white en el sidebar */
#sidebar-wrapper .dropdown-menu .text-white,
#sidebar-wrapper .dropdown-item.text-white {
    color: #495057 !important; /* Sobrescribir el color blanco con un gris oscuro */
}

#sidebar-wrapper .dropdown-menu {
    background-color: #ffffff !important; /* Forzar el fondo blanco para los menús desplegables */
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important;
}

#sidebar-wrapper .dropdown-item:hover,
#sidebar-wrapper .dropdown-item.text-white:hover {
    color: #212529 !important;
    background-color: #f1e6f3 !important; /* Variante clara del color principal */
}

#sidebar-wrapper .dropdown-item.active, 
#sidebar-wrapper .dropdown-item:active,
#sidebar-wrapper .dropdown-item.text-white:active {
    color: #fff !important;
    background-color: #b088be !important; /* Color principal del sistema */
}

/* Asegurarnos que el color de fondo del menú desplegable tenga mayor especificidad */
.dropdown-menu.show {
    background-color: #ffffff !important;
}

#sidebar-wrapper .dropdown-menu.show {
    background-color: #ffffff !important;
}

/* Asegurarse que los iconos en el sidebar sean visibles */
#sidebar-wrapper .dropdown-item i,
#sidebar-wrapper .dropdown-item.text-white i {
    color: inherit;
    margin-right: 0.5rem;
}

/* Dashboard modern styles */
.dashboard-modern {
    margin-bottom: 2rem;
}

.dashboard-modern .stats-card {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
    transition: transform 0.2s ease;
}

.dashboard-modern .stats-card:hover {
    transform: translateY(-3px);
}

.dashboard-modern .stats-card-header {
    padding: 1rem;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.dashboard-modern .stats-card-body {
    padding: 1.5rem;
}

.dashboard-modern .stats-info {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.dashboard-modern .stats-value {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.dashboard-modern .stats-trend {
    color: #6c757d;
    font-size: 0.9rem;
}

.dashboard-modern .btn-stats {
    background-color: #889cbe;
    color: white;
    margin-right: 0.5rem;
}

.dashboard-modern .btn-stats:hover {
    background-color: #7289b0;
    color: white;
}

.dashboard-modern .section-title {
    border-left: 4px solid #b088be;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

.dashboard-modern .chart-container {
    height: 300px;
    margin-bottom: 2rem;
}

/* Status indicators */
.status-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.status-success {
    background-color: #28a745;
}

.status-warning {
    background-color: #ffc107;
}

.status-danger {
    background-color: #dc3545;
}

.status-info {
    background-color: #17a2b8;
}

/* Responsive table improvements */
.table-responsive-dashboard {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive-dashboard table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table-responsive-dashboard th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
}

/* Dashboard filter styles */
.dashboard-filters {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.dashboard-filters label {
    font-weight: 600;
    color: #495057;
}

.dashboard-filters .btn-filter {
    margin-top: 24px;
}

/* Card styles for consistency with patient screens */
.ambulatorios-card .card-header, 
.ambulatorios-section .section-heading {
    background-color: #b088be;
    color: white;
}

.camas-card .card-header,
.camas-section .section-heading {
    background-color: #60b9b9;
    color: white;
}

.ingresos-card .card-header,
.ingresos-section .section-heading {
    background-color: #889cbe;
    color: white;
}

/* Estilos específicos para impresión */
@media print {
    /* Ocultar elementos no necesarios para impresión */
    #sidebar-wrapper, 
    .navbar,
    #wrapper .sidebar-wrapper,
    .btn, 
    input, 
    select,
    button,
    form,
    .pagination,
    #imprimir,
    .no-print {
        display: none !important;
    }
    
    /* Asegurar que el contenido de la tabla sea visible */
    .table {
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    /* Mostrar todas las secciones de novedades en la impresión */
    tr[style*="display:none"] {
        display: table-row !important;
    }
    
    /* Estilos específicos para las celdas de la tabla */
    .table td, .table th {
        border: 1px solid #ddd !important;
        padding: 8px !important;
        font-size: 12px !important;
    }
    
    /* Destacar el encabezado de novedades */
    .novedades-section-header {
        background-color: #f2f2f2 !important;
        font-weight: bold !important;
    }
    
    /* Mejorar la apariencia de los datos del cliente */
    .datos {
        font-weight: bold !important;
    }
    
    /* Ajustes de página completa */
    body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Expandir el contenedor a página completa */
    .container-fluid {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Asegurar que el contenido principal ocupe todo el ancho */
    #page-content-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Asegurar que cada entrada de novedad quede en la misma página si es posible */
    .novedades-section-row {
        page-break-inside: avoid !important;
    }
    
    /* Estilo para novedad que muestra cambios */
    .novedad-cambio {
        color: #333 !important;
    }
    
    /* Añadir información de fecha/hora */
    .printiable::before {
        content: "Impreso: " attr(data-date) !important;
        display: block !important;
        text-align: right !important;
        font-size: 10px !important;
        margin-bottom: 10px !important;
    }
}