/*
	--- Versionamento ---
	14/07/2021 - Karine - Primeira Versão
    20/07/2021 - Karine - contenedor_diario_oficial
    15/10/2026 - Daniel Vale - Sol. 27388 - Fazendo uma reformulação geral.
	--- Fim Versionamento ---
*/

#contenedor_diario_oficial{
	width: 95%;
    border-style: solid !important;
    border-width: 2.5px !important;
    border-radius: 6px;
    background-color: #F5F5F5;
}

.contenedor_titulo{
    width: 100%;
    padding: 5px 0px;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.contenedor_calendario{
    width: 100%;
}
.calendario_mes{
    width: 95% !important;
    background-color: #fff;
    font-size: 1em;
    border-spacing: 4px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.contenedor_calendario td{
    vertical-align: center;
}

.contenedor_calendario th{
    width: 14.28%; /* 100% dividido por 7 dias da semana */
    font-size: 13.5px;
    text-align: center;
    overflow: hidden;
}

.calendario_mes td{
    border: 1px none;
    border-radius: 30px;
    text-align: center;
    height: 40px;
    font-size: 14px;
}

.calendario_mes th{
    font-weight: bold;
    border: 0px solid;
}

.calendario_titulo_mes{
    font-weight: bold;
    display: flex;
    justify-content: center;
}

select.calendario_titulo_mes{
    width: auto;
    margin: 0 2px;
    font-size: 1em;
    padding: 2px 4px;
}

.tableDiario{
    margin: auto;
    margin-bottom: 20px;
}

.temDiario{
    font-weight: bold;
    border-style: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-width: 1.5px !important;
}

.temDiario:hover{
    opacity: 0.5 !important;
    cursor: pointer;
}
 
.calendario_legenda{ 
    padding: 10px;
}

.exemplo_legenda{
    padding: 6px 14px;                 
    border-radius: 30px;               
    font-size: 12.5px;
    font-weight: bold;                 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); 
    display: inline-block;
    text-align: center;
}

.escrita_legenda{
    font-size: 12.5px;
}

#contenedor_diario_oficial > span{
    font-size: 24px;
    font-weight: bold;
}

.container-botao-diario{
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.botao-diario{
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
}

.botao-diario:hover{
    color: #888;
}