html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.body-container {
    padding-left: 20px;
    padding-right: 20px;
}
.anchor-sin-estilo{
    text-decoration: none;
    color: inherit;
}

.pointer {
    cursor: pointer;
}




body {
    font-family: 'Roboto', sans-serif;
    background: var(--color-fondo-general);
    height: 100%;
    color: #000000; /*#333;*/
    overflow-x: hidden;
    font-size: 16px;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px;
}

:root {
    --color-fondo-general: #f5f5f5;
    --color-fondo_menu_superior: #b3ceff;
    --color-fondo_head_card: #89c7db;
    --color-fondo_primario: #4c8698;
}

.navbar {
    background-color: #b9c5d1; /* Un azul Bootstrap estándar */
}


.modal-content {
    background-color: #e3f2fd; /* Un azul claro para el fondo */
}

.modal-header {
    color: #ffffff; 
    background: #5a9ac1;
}
.modal-header .btn-close 
{
        color: #ffffff; 
}
/* Sobrescribe los títulos y fondos de las cards */
.card-title {
    color: #0056b3;
}
.card {
    background-color: #e3f2fd;
}

.card-episodio {
    background:#ffffff;
}

.card-hemoderivado {
    background: #ffffff;
}

.card-reaccion {
    background: #e3e3e3;
}

.btn-primary {
    background-color: #0069d9; /* Un azul primario más intenso */
    border-color: #0062cc;
}

    .btn-primary:hover {
        background-color: #005cbf;
        border-color: #0056b3;
    }

.btn-secondary {
    background-color: #6c757d; /* Un gris azulado para el secundario */
    border-color: #5a6268;
}

    .btn-secondary:hover {
        background-color: #545b62;
        border-color: #4e555b;
    }

.btn-primary {
    background: #526e89;
    border: 1px #68727a solid;
}

    .btn-primary:hover {
        background: #5885b1;
        border: 1px #68727a solid;
    }

.table {
    background: #f2f2f2;
}


/*.btn-light {
    background-color: white;
    border-color: #e2e8f0;
    color: #111827;*/
    /*    text-gray-900 
        bg-white 
        border 
        border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-5 
        py-2.5 me-2 mb-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700*/
/*}
    .btn-light:focus {
        outline: none;
    }
    .btn-light:hover {
        background-color: gray;
    }*/

h5.separador {
    border-bottom: 1px solid #000;
/*    width: 70.67%;*/
}

.card-header label {
    font-weight: bold;
}
.card-body label {
    font-weight: bold;
}