/* styles.css */
.cabezera{
    background-color: #CDC7AE;
}
.titulo{
    background-color: #8C8E8E;
}
/* Personalización de estilos para la presentación del logo */
.bg-cabezera {
    height: 35vh; /* 35% del alto de la pantalla */
    background-color: #f0f0f0; /* Color de fondo de la zona del logo */
}

/* Personalización de estilos para la zona de texto 'Darse de Alta' */
.bg-texto {
    height: 5vh; /* 5% del alto de la pantalla */
    background-color: #e0e0e0; /* Color de fondo de la zona de texto */
}

/* Personalización de estilos para la zona de registro */
.bg-registro {
    height: 60vh; /* 60% del alto de la pantalla */
    background-color: #d0d0d0; /* Color de fondo de la zona de registro */
}

/* Personalización de estilos para el logo */
.logo-container {
    max-width: 80%; /* Ancho máximo del contenedor del logo */
    max-height: 80%; /* Alto máximo del contenedor del logo */
}

.fondo{
    background-color: #CDC7AE;
}
/* Estilo para el contenedor del logo */
.logo-container {
    max-width: 200px; /* Tamaño máximo del contenedor */
    margin: auto; /* Centra el contenedor horizontalmente */
    text-align: center; /* Alinea el contenido del contenedor al centro */
}

/* Estilo para el logo dentro del contenedor */
.logo-container img {
    max-width: 100%; /* El logo no excederá el ancho del contenedor */
    height: auto; /* Mantiene la proporción de aspecto */
}
.blanquear{
    color: #f0f0f0;
}
.custom-button {
    background-color: #242E37; /* Color de fondo */
    color: #FFFFFF; /* Color del texto */
    border: 0px!important;
}
.custm{
    color: #242E37!important; /* Color del texto */
}

/* Personalización de estilos para el logo */
.logo-container {
    max-width: 80%; /* Ancho máximo del contenedor del logo */
    max-height: 80%; /* Alto máximo del contenedor del logo */
}

.fondo{
    background-color: #CDC7AE;
}
/* Estilo para el contenedor del logo */
.logo-container {
    max-width: 200px; /* Tamaño máximo del contenedor */
    margin: auto; /* Centra el contenedor horizontalmente */
    text-align: center; /* Alinea el contenido del contenedor al centro */
}

/* Estilo para el logo dentro del contenedor */
.logo-container img {
    max-width: 100%; /* El logo no excederá el ancho del contenedor */
    height: auto; /* Mantiene la proporción de aspecto */
}
.blanquear{
    color: #f0f0f0;
}
.custom-button {
    background-color: #242E37; /* Color de fondo */
    color: #FFFFFF; /* Color del texto */
   
}
/* Estilo personalizado para el contenedor del logo */
.logo-container {
    max-width: 100%;
    max-height: 100%;
}
/* Estilo personalizado para el logo */
.logo {
    width: 100%;
    height: auto;
}
svg{
    width: 8rem !important;
}
/* Estilo personalizado para el texto cabezera */
.ptexto {
    font-family: 'Abel', sans-serif;
    font-size: 11pt;
}
/* Estilo personalizado para el subtexto cabezera */
a.btn.custom-button,.custm,.desgrado {
    font-family: 'Rajdhani', sans-serif;
    
    font-size: 12pt;
}
/* Estilo personalizado para el logo de registro */
.asco{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* Estilo personalizado para el texto de los div en registro */
.mier{
    color: #FFFFFF;
}
nav{
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    color: #FFFFFF;
}
/*
nav li:hover{
    background-color: #242E37;
    border-radius: 10px;
    color: #ffffff;
}
*/
.dropdown-item:hover{
    background-color: #242E37!important;
    
}
.rolcolor{
    color: #242E37;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
    font-weight: bold;
}
.iconosmenu{
    display: inline-flex;
}
.botoneditar{
    background-color: #242E37;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;

}
.botoneditar:hover{
    background-color: #242E37;
    color: #FFFFFF;
}
.bordeinputpanel{
    border-color: #B4B4B3;
    color: #B4B4B3;
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    font-weight: normal;
}
.perfiltexto{
    background-color: #B4B4B3;
    color: #FFFFFF;
}
.inputpaneltitulo{
    font-family: 'Rajdhani', sans-serif;
    font-size: 12pt;
    font-weight: normal;
}
.scrollmenu{
    overflow-y: auto!important;
}
.moverperfiltexto{
    margin-left: -62px;
}
.principal .dropdown-item:hover{
    background-color: transparent!important;
}
li .dropdown-menu {
    background-color: transparent!important;
    border: transparent!important;
}
/* Ocultar el botón de "Browse" */
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

/* Estilo personalizado para el texto de marcador de posición */
.custom-file-label::after {
    content: "Seleccionar archivo";
    background-color: transparent;
    color: #000;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    border: none; /* Eliminar cualquier borde */
}
/* Estilo cuando el campo está enfocado */
.custom-file-input:focus ~ .custom-file-label::after {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.25);
}

/* Mostrar el nombre del archivo seleccionado */
.custom-file-input:valid ~ .custom-file-label::after {
    content: attr(data-content);
}
.lateralfontotexto{
    padding-right: 2rem;
}
.custom-file-label::after {
    content: "Seleccionar archivo";
    color: #FFFFFF; /* Color del texto */
    cursor: pointer;
}
.colorfondotextoimagen{
    background-color: #B4B4B3;
    color: #ffffff;
}
.custm:hover{
    color: #ffffff!important;
}
.generalcontorno{
    border: solid 1rem #CDC7AE;
}
.coloracceso:hover{
    background-color: #8C8E8E;
    border: 0px !important;
}
#acotor:hover{
    color: #242E37!important;
}
.colorletramenu{
    color: #242E37;
}
.navbar-nav .nav-item:active {
    background-color: #242E37; /* Cambia el color de fondo del elemento li activo */
}
.accapli{
    font-weight: bold;
}
.active{
    /* Color de fondo para elementos activos */
    background-color: #242E37;
    border-radius: 10px;
}
a.active{
    color: #ffffff!important;
}
#desplegable:hover, #desplegable:hover a{
    background-color: #CDC7AE !important;
}
.laimagen{
    color: #B4B4B3;
    height: 3rem;
}
.menucolorletra{
    color: #242E37!important;
    font-family: 'Rajdhani';
    font-size: 12pt;

}
li.menucolorletra:hover{
    color: #242E37;
    font-family: 'Rajdhani';
    font-size: 12pt;

}
.soloimagen{
    color: #B4B4B3;
    height: 5rem;
}
.cardmod{
    background-color: #e4deea;
    border-radius: 23px;
}
.restamospad{
    padding-right: 0px;
    padding-left: 0px;
}
.entrarperfilhospital{
    width: 100%;
}
/* CSS personalizado para estilizar la etiqueta <a> */
.custom-link {
    color: #78C3AA;
    text-decoration: none; /* Quita la decoración de texto predeterminada */
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}
.custom-link:hover {
    color: #78C3AA; /* Cambia el color del texto al pasar el ratón */
    text-decoration: none;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}
.fondocalendario {
    background-color: #fbf4da;
    height: 100%; /* Ocupar toda la altura disponible */
    padding: 20px; /* Ajustar el relleno según sea necesario */
    box-sizing: border-box; /* Incluir el relleno en la altura total */
}

.fondocalendario .contenido {
    height: 100%; /* Ocupar toda la altura del contenedor */
}
.perfilhospitalvotonver:hover{
    background-color: #B4B4B3;
    color: #FFFFFF;
}
.moverperfiltextohospital{
    margin-left: -63px;
}
.moverperfiltextoedithospital{
    margin-left: -158px;
}
.cardmodmedico{
    background-color: transparent;
    border: 0px;
}
.modimagen{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.dot {
    width: 10px;
    height: 10px;
    background-color: #78C3AA;
    border-radius: 50%;
    margin: auto;
}
.moddecol{
    display: flex;
    align-items: center; /* Centra verticalmente los elementos hijos */
    justify-content: center; /* Centra horizontalmente los elementos hijos */
}
.laimagen{
    width: 100%;
    height: 100%;
}
.modsvg{
    width: 1rem!important;
}
.modsubmenu{
    padding-left: 7.6rem;
}
.modsubmenu:hover{
    padding-left: 7.6rem;
    background-color: #242E37;
    border-radius: 10px;
}
.subtituloshospital{
    color: #8c8e8e;
    font-family: 'Rajdhani';
    font-size: 12pt;
}
.tituloshospital{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}
.botonhospital {
    background-color: #B4B4B3;
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: white;
}
.botonhospital:hover{
    background-color: #242E37;
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: white;
}
.botoneditarhospital{
    background-color: #242E37;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;

}
.botoneditarhospital:hover{
    background-color: #B4B4B3;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}
.especialistas{
    background-color: #efd6dd;
}
.tituloespecialistas{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 11pt;
}
.subtituloespecialistas{
    color: #8C8E8E;
    font-weight: normal;
    font-family: 'Abel', sans-serif;
    font-size: 11pt;
}
.botoneditarespecialista{
    background-color: #242E37;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 9pt;

}
.botoneditarespecialista:hover{
    background-color: #B4B4B3;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 9pt;
}
.calendariomedicotitulo{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 10pt;
}
.calendariomedicosubtitulo{
    color: #8C8E8E;
    font-weight: normal;
    font-family: 'Rajdhani';
    font-size: 10pt;
}
.perfiltitulodepartamento{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}
button.fc-button{
    background-color: transparent !important;
    border: none!important;
    color: #242E37!important;
}
h2.fc-toolbar-title {
    text-transform: capitalize;
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 16pt;
}

thead a{
    text-transform: uppercase;
    color: #242E37;
    font-family: 'Rajdhani', sans-serif;
    font-size: 8pt;
    font-weight: 600;
}
thead a:hover{
    text-transform: uppercase;
    color: #242E37;
    font-family: 'Rajdhani', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    text-decoration: none;
}
.fc-day-sun{
    background-color: #ffffff!important;
}
.fc-dayGridMonth-view .fc-day-header,.fc-dayGridMonth-view .fc-day,.fc-dayGridMonth-view .fc-day-top { 
    border: none !important; 
}
.fc-daygrid-day-number{
    text-decoration: none !important;
    color: #8C8E8E !important;
    font-family: 'Abel', sans-serif !important;
    font-size: 10pt !important;
    font-weight: normal !important;
}
.medifotografia{
    padding-right: 2.1rem;
}
.textomedicodepartamento{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
}

.migauno, .migauno:hover{
    text-decoration: none !important;
    color: #8C8E8E;
    font-family: 'Abel', sans-serif;
    font-size: 12pt ;
    font-weight: normal;
}
.migaunouno{
    color: #242e37;
    font-family: 'Abel', sans-serif;
    font-size: 12pt ;
    font-weight: normal;
}
.custom-rounded-border {
    z-index: 111;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background-color: white; /* Fondo blanco para el contenido */
    padding: 22px;
    box-shadow: 0 0 0 10px white; /* Asegura el fondo blanco */
}
.container-background {
    background-color: #cdc7ae; /* Color de fondo fuera del radio */
    padding: 20px;
}
.pegado-derecha {
    margin-right: -1rem;
    position: relative;
    z-index: 1;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.borde-visible {
    position: relative;
    z-index: 2;
}
.pegado-derecha-mod{
    margin-top: -0.6rem;
}
.pegado-suelo{
    height: 100.5%;
}
.fc-daygrid-dot {
    width: 10px;
    height: 10px;
    background-color: green;
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.circle {
    width: 100px;
    height: 100px;

    margin: 3rem auto;
    margin-bottom: 1rem;
}
.redondeaborde{
    border-radius: 3rem;
}
.redondeabordegrande{
    border-radius: 4rem;
}
.textocarrusel{
    color: #000000!important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black; /* Cambiar el color de los iconos si es necesario */
    border-radius: 50%;
    padding: 10px; /* Aumentar el tamaño de los iconos */
}

.carousel-control-prev,
.carousel-control-next {
    width: auto; /* Ajustar el ancho de los controles */
    display: flex;
    align-items: center;
}

.carousel-indicator {
    cursor: pointer;
    margin: 0 5px;
}
.texpediatria{
    color: #242E37;
    font-weight: bold;
    font-family: 'Rajdhani', Bold;
    font-size: 11pt;
}
.subtexpediatria{
    color: #242e37;
    font-weight: normal;
    font-family: 'Rajdhani';
    font-size: 11pt;
}
.ressubtexpediatria{
    color: #8c8e8e;
    font-weight: normal;
    font-family: 'Rajdhani'!important;
    font-size: 11pt;
}
.ressubtexpediatria{
    color: #b5b4b3;
    font-weight: normal;
    font-family: 'Rajdhani';
    font-size: 11pt;
}
.ressubtexpediatria:hover{
    color: #78c3aa;
    font-weight: normal;
    font-family: 'Rajdhani';
    font-size: 11pt;
}
.quitandoborde{
    border: 0px;
}

#rug svg{
    width: 3rem !important;
}
#rug nav[aria-label="Pagination Navigation"] > div:first-child {
    display: none;
}
.recalculando{
    background-color: transparent;
}