/*--------------------------------------------------------------
# Estilos adicionales
--------------------------------------------------------------*/
.calen-tit {background-color:#081c8d; color:#fff;}
.calen-tit h3 {padding: 8px 0px; margin: 0;}

.calen { border-collapse:collapse; width:100%; border:1px solid #ccc; background-color:#fff; color:333; box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.06);}
.calen th { text-align:left; padding:4px; border:1px solid #ccc; background-color:#081c8d; color:#fff; font-weight:bold; text-align: center; font-size: 16px; }
.calen td { text-align:left; padding:4px; border:1px solid #ccc; background-color:#ffffff; text-align: center; width: calc( 100% / 7 ); height:40px; font-size: 22px;}
.calen td:hover {background-color:Silver; xcolor:#fff; cursor: pointer;}


.esboton:hover {
	background-color:Silver; xcolor:#fff;
	cursor: pointer;
}	



.confirma-fecha {
	background-color:#081c8d; color:#fff; padding:30px; border-radius: 4px;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
}


@media (max-width: 768px) {
.calen th { font-size: 8px;}
.calen td { height:40px; font-size: 16px;}
.calen-nota {font-size: 12px;}
.confirma-fecha { font-size: 25px;}


}







/*#upload {
    opacity: 0;
}*/

/*#upload-label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
}*/



.image-area {
    border: 2px dashed rgba(230, 230, 230, 0.7);
    padding: 1rem;
    position: relative;
}

.image-area::before {
    content: 'Contenido Imagen';
    color: rgba(230, 230, 230);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8rem;
    z-index: 1;
}

.image-area img {
    z-index: 2;
    position: relative;
    max-height: 300px;
}