.calendar { display:flex; flex-flow:column; }
.calendar .cabecalho { display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:15px; }
.calendar .cabecalho .seta-calendario { font-size:22px; color:#650517; font-weight:bold; line-height:0.3; padding:5px; align-self:center; cursor:pointer; }
.calendar .cabecalho .mes-ano { font-size:20px; color:#650517; font-weight:bold; margin:0 8px; }

.calendar .dias { display:flex; flex-flow:wrap; }
.calendar .dias .dia-semana { width:calc(100% / 7); font-size:11px; color:#000; line-height:1; font-weight:bold; text-transform:uppercase; border-right:#fff 1px solid; margin-bottom:8px; }
.calendar .dias .dia-semana:nth-child(7){ border:none; }

.calendar .dias .dia-agendamento { display:flex; width:calc(100% / 7); color:#fff; font-weight:bold; flex-flow:column; padding:10px 0; border-right:5px solid #fff; border-bottom:5px solid #fff; transition:all 0.5s; }
.calendar .dias .dia-agendamento span { display:block; width:100%; font-size:18px; text-align:center; }

.calendar .dias .dia-agendamento.ativo { background-color:#2b9f28 !important; transition:all 0.3s;  }
.calendar .dias .dia-agendamento.ignore { font-size:18px; color:#ced2d4; line-height:1; background-color:#fff; cursor:inherit; }
.calendar .dias .dia-agendamento.aberto { background-color:#d5ad7b; cursor:pointer; }
.calendar .dias .dia-agendamento.fechado { background-color:#e5e5e5; cursor:inherit; }
.calendar .dias .dia-agendamento.esgotado { background-color:#c2acac; cursor:inherit; }