.agendamento
{
    width: 100%;

    border: 1px solid var(--cor_azul_claro);

    border-collapse: separate;
    border-spacing: 1px;
}

.agendamento :is(td, th)
{ 
    text-align: center;
    font-size: 14px;

    box-sizing: border-box;
    padding: 10px;

    background-color: var(--cor_azul_muito_claro);
}

.agendamento th
{ 
    font-weight: bold;

    background-color: var(--cor_azul_claro);
    color: white;
}

.agendamento td a
{
    text-decoration: none;
    font-weight: bold;

    color: var(--cor_fonte_secundaria);
}

.agendamento td a:hover
{
    opacity: .6;
}

.blobs :is(p, ul, li, ol)
{
    font-size: 14px !important;
}

.formulario-agendamento
{
    width: 100%;
}

.formulario-agendamento .opcoes
{
    display: grid;

    grid-template-columns: 40% 40%;
}

.formulario-agendamento .opcoes div
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    box-sizing: border-box;
    padding-right: 15px;

    margin-bottom: 15px;
}

.formulario-agendamento .opcoes div input
{
    border: 1px solid var(--cor_azul_claro);
    
    box-sizing: border-box;
    padding: 5px 15px 5px 5px;

    width: 70%;
}

.formulario-agendamento .opcoes div label
{ 
    width: 30%;

    font-size: 14px;
}

.formulario-agendamento :is(input[type="submit"], input[type="button"])
{
    box-sizing: border-box;
    padding: 5px 15px;

    background-color: var(--cor_azul_escuro);
    border: 1px solid var(--cor_azul_escuro);
    border-radius: 10px;
    color: white;

    font-size: 18px;

    transition: ease .3s;

    cursor: pointer;
}

.formulario-agendamento :is(input[type="submit"]:hover, input[type="button"]:hover)
{
    background-color: white;
    color: var(--cor_azul_escuro);
}

.formulario-agendamento .opcoes div label.error
{
    width: 100%;

    font-size: 11px;

    color: red;

    margin-left: 1%;

    box-sizing: border-box;
    padding-left: 30%;
    padding-top: 5px;
}

.agendamento-alert
{
    width: 80%;

    box-sizing: border-box;
    padding: 15px;
}

.agendamento-alert.red
{
    background-color: #fe000070;
}

.agendamento-alert.green
{
    background-color: rgb(83, 187, 83);
}

.agendamento-alert.mgb15
{
    margin-bottom: 15px;
}

.agendamento-alert p 
{
    margin: 0;
    padding: 0;

    text-align: center;
}

.confirmacao-agendamento h1
{
    font-size: 20px;
}

.confirmacao-agendamento .dados p
{
    font-size: 14px;

    margin-bottom: 5px;
}

.confirmacao-agendamento .barra
{
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
}

.barra
{
    border-bottom: 1px solid #ccc !important;
    margin: 10px 0 !important;
}

@media (max-width: 1023px) 
{
    
    .formulario-agendamento .opcoes
    {
        display: flex;
        flex-direction: column;
    }
}

@page
{
    size: portrait;
}

@media print
{
    .hidden-print, header, footer {display: none !important;}
}