/* Estilo para o front-end */
.horarios-front-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.horarios-front-table tbody {
    box-shadow: 0 0 20px 0 #ccc;
}
.horarios-front-table tr {
    background: #fff !important;
}
.horarios-front-table tr th, .horarios-front-table tr td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 20px 0;
    font-size: 16px;
	color: #000000;
}
.horarios-front-table tr:hover {
    background: #eee !important;
}
.horarios-front-table tr:first-child {
	background: #fff !important;
    border-bottom: 2px solid #eee;
    box-shadow: 0 0 20px 0 #ccc;
}
.horarios-front-table tr:first-child th {
	color: #066ae0 !important;
}
.horarios-front-table  .intervalo {
	background: #67717d;
    color: #fff;
    letter-spacing: 4px;
}
#grade-horaria {
    border-top: 1px solid #3e98ff;
    padding-top: 20px;
}
#grade-horaria-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
}
#grade-horaria-titulo {
	float: left;
}
#grade-horaria-titulo h2 {
	margin:0;
}
#grade-horaria-btn {
	float: right;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
#top .button.print, #top .button.pdf {
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}
#top .button.print:hover, #top .button.pdf:hover {
box-shadow: 0 0 20px 0 #ccc;
}

/* Css para Mobile */
@media (max-width: 768px) {
    .horarios-front-table {
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }
    .horarios-front-table th,
    .horarios-front-table td {
        padding: 10px 5px !important;
    }
}