/* Asegúrate de que el contenedor del logo tenga un tamaño definido */
.logo2 {
    width: 100%; /* Ajusta esto al tamaño deseado para el contenedor del logo */
    max-width: 200px; /* Máximo ancho del contenedor, ajusta según sea necesario */
    margin: 0 auto; /* Centrar el logo horizontalmente */
    padding-bottom: 35px;
}

/* Hacer que la imagen del logo se ajuste automáticamente al contenedor */
.logo-img {
    width: 100%;
    height: auto;
    display: block; /* Eliminar el espacio en blanco inferior */
}
.login_content {
    padding: 80px 30px 30px;
}


/* Estilos para el contenedor del select */
.select-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px; /* Ajusta el ancho máximo según sea necesario */
}

.select-container:after {
    content: '\25BC'; /* Triángulo hacia abajo */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}

/* Estilos para el select */
.select-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 40px 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

.select-container select:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.select-container select:hover {
    border-color: #007bff;
}

.select-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px; /* Ajusta el ancho máximo según sea necesario */
}

.select-container:after {
    content: '\25BC'; /* Triángulo hacia abajo */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}

.control-label-login {
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    display: block;
    color: #292d34;
    padding: 0 0 4px 2px;
}


#login_content {
    border-radius: 12px;
}

/*Estilo para hacer clickeable a los circulos de pendiente por dias*/
.circle circle.clickable {
    cursor: pointer;
}


.queue-cell.clickable {
    cursor: pointer;
}


#loadingSpinner {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1000;
}