.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

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

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: inherit;
}

.custom-select.form-control-sm {
    padding: 0.25rem 1.5rem;
}

/* CSS MENU */
header{
    background-color: #b74246 !important;
}

.select2.select2-container.select2-container--default{
    margin: 10px 0px 0px 5px !important;
    width: 95% !important;
}

/* FIN CSS MENU*/

/*CSS CALENDARIO FECHA NACIMIENTO*/
    .h-15{
    height: 535px;  
    }
.flatpickr-calendar {
    background-color: white !important; /* Fondo blanco */
    color: #FF0000 !important; /* Texto rojo */
  transform-origin: top left; /* Mantiene la posición anclada en la esquina superior izquierda */
  font-size: 14px !important; /* Ajustar tamaño de la fuente */
  }
  
  /* Estilo para los días seleccionados */
  .flatpickr-day.selected {
    background-color: #FF0000 !important; /* Fondo rojo para el día seleccionado */
    color: white !important; /* Texto blanco para el día seleccionado */
  }
  
  /* Estilo para el día actual */
  .flatpickr-day.today {
    background-color: #FF6666 !important; /* Fondo rojo claro para el día actual */
    color: white !important; /* Texto blanco */
  }
  
  /* Estilo para los días hover */
  .flatpickr-day:hover {
    background-color: #FF9999 !important; /* Fondo rojo claro en hover */
    color: white !important; /* Texto blanco */
  }
  
  /* Estilo para los días deshabilitados */
  .flatpickr-day.disabled {
    color: #ccc !important; /* Color gris para los días deshabilitados */
    background-color: transparent !important;
  }
/*FIN CSS CALENDARIO FECHA NACIMIENTO*/  

/* CSS LABEL FORM*/
.f-grnd{
    font-size: 17px;
}


/*FIN CSS LABEL FORM*/

/* MEDIAS QUERY */

@media (max-width: 425px){
    .flatpickr-calendar {
        transform: scale(1) !important; /* Escala el calendario al 150% de su tamaño original */
        transform-origin: top left; /* Mantiene la posición anclada en la esquina superior izquierda */
        font-size: 14px !important; /* Ajustar tamaño de la fuente */
    }

}

@media (max-width: 375px){
    .flatpickr-calendar {
        transform: scale(0.8) !important; /* Escala el calendario al 150% de su tamaño original */
        transform-origin: top left; /* Mantiene la posición anclada en la esquina superior izquierda */
        font-size: 14px !important; /* Ajustar tamaño de la fuente */
    }
}

@media (max-width: 320px){
    .flatpickr-calendar {
        transform: scale(0.65) !important; /* Escala el calendario al 150% de su tamaño original */
        transform-origin: top left; /* Mantiene la posición anclada en la esquina superior izquierda */
        font-size: 14px !important; /* Ajustar tamaño de la fuente */
    }
}

@media (max-width: 768px) {

    .flatpickr-calendar {
        transform: scale(1); /* Escala el calendario al 150% de su tamaño original */
        transform-origin: top left; /* Mantiene la posición anclada en la esquina superior izquierda */
        font-size: 14px !important; /* Ajustar tamaño de la fuente */
    }
}

/*FIN MEDIAS QUERY*/

/*FIN CSS ADMIN */

/* INICIO CSS FRONT */
.lbl{
    margin-left: -15px;
}
.container-2{
    margin: 0rem 10rem;
}
/*FIN CSS FRONT*/

/*MEDIA QUERY FRONT*/
@media (max-width: 375px){
    .lbl{
        margin-left: 0px;
    }
}

@media (max-width: 1024px){
    .container-2{
        margin: 0rem 0.5rem;
    }
    .h-32{
        height: 10vh !important;
    }
}

/* Estilos para el pie de página (footer) */
/* Estilo del pie de página */
.footer {
    background-color: #dc3545 !important; /* Color de fondo (rojo) */
    color: #fff !important; /* Color de texto blanco */
    padding: 20px 0 !important; /* Padding vertical (20px arriba y abajo) */
    height: auto; /* Establece la altura del pie de página al 10% de la altura de la pantalla */
    text-align: center; /* Centra el contenido del pie de página */
    display: flex; /* Usa flexbox para alinear el contenido */
    justify-content: center; /* Centra los elementos horizontalmente */
    align-items: center; /* Centra los elementos verticalmente */
}

/* Estilo de los enlaces dentro del pie de página */
.footer a {
    color: #fff !important; /* Asegura que los enlaces sean blancos */
    text-decoration: none !important; /* Elimina la subrayado de los enlaces */
}

.footer a:hover {
    text-decoration: underline !important; /* Muestra un subrayado al pasar el cursor */
}


h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; /* SemiBold */
}
/*FIN MEDIA QUERY FRONT*/

.h-card-interna-i,
.h-card-interna-d {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.h-32{
    height: 32vh;
}