/*#legendaCalendario {
    align-items: center;
    display: flex;
}

    #legendaCalendario > div {
        align-items: center;
        display: flex;
        margin-left: 10px;
        text-transform: uppercase;
    }

        #legendaCalendario > div:first-child {
            margin-left: 0;
        }

        #legendaCalendario > div:before {
            border-radius: 100%;
            content: '';
            display: block;
            height: 20px;
            margin-right: 10px;
            width: 20px;
        }

        #legendaCalendario > div.redesSociais:before {
            background: #39dfca;
        }

        #legendaCalendario > div.eventos:before {
            background: #df8739;
        }

        #legendaCalendario > div.producaoBriefing:before {
            background: #d939df;
        }

        #legendaCalendario > div.reuniao:before {
            background: #86c82a;
        }*/


.calendar {
    width: 100%;
}

.weekdays {
    width: 100%;
    height: 50px;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
}

    .weekdays div {
        color: #333;
        font-weight: 400;
        letter-spacing: 0.1rem;
        width: calc(100% / 7);
        display: flex;
        justify-content: center;
        align-items: center;
    }

.days {
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    color: #333;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .days > div {
        background: #fff;
        border-left: 1px solid #dedede;
        border-top: 1px solid #dedede;
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 600;
        justify-content: space-between;
        width: calc(100% / 7);
        height: 140px;
        align-items: center;
        transition: background-color 0.2s;
    }

        .days > div:hover:not(.today) {
            background-color: #f9f9f9;
        }

        .days > div.prev-date,
        .days > div.next-date {
            background-color: #f5f5f5;
        }

        .days > div.today {
            background-color: #efefef;
        }

        .days > div .day {
            align-self: flex-end;
            padding: 5px;
        }

        .days > div .eventos {
            cursor: pointer;
            width: 100%;
        }

            .days > div .eventos > a {
                background: #01a8b8;
                color: #fff;
                display: block;
                text-align: center;
                border-top: 1px solid #ffffff;
                padding: 3px;
                font-size: 14px;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
/*
            .days > div .eventos .evento {
                background: #86c82a;
            }

            .days > div .eventos .social {
                background: #39dfca;
            }

            .days > div .eventos .campanha {
                background: #fa73ff;
            }

            .days > div .eventos .reuniao {
                background: #df8739;
            }*/

.mesAno {
    font-size: 24px;
}

.box-header .ml-3 {
    display: flex;
    gap: 5px;
}

.box-header .fa {
    background: #01a8b8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 22px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.box-header .bi-caret-left-fill {
}