/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #959595 transparent;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 5px;
    }

    *::-webkit-scrollbar-track {
        background: transparent;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #959595;
        border-radius: 5px;
        border: 3px solid trasparent;
    }

.page-calendario {
    width: 100%;
    overflow: auto;
}

.bg-blue {
    background-color: #242C41;
}

.content-titulo {
}

.c-pointer {
    cursor: pointer;
}

.title-h3 {
    font-size: 18px;
}

.search_bar_group {
    position: absolute;
    top: 10px;
    right: 0;
}

.field-filter {
    display: none;
    position: absolute;
    top: 52px;
    background: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 1;
    width: 100%;
}

.btn-filter {
}

.content-dados-calendario-g {
    padding: 5px 10px;
    border-top: 1px solid #DADCE0;
    border-left: 1px solid #DADCE0;
    border-right: 1px solid #DADCE0;
}

    .content-dados-calendario-g .badge-data-atual {
        background-color: #5CBA46;
        padding: 10px 20px;
        border-radius: 20px;
        color: #FFF;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: center;
    }

.form-select::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 12px;
    width: 19px;
    z-index: -1;
    border-radius: 20px;
    transform: translate(-50%, -50%);
}

/* -- Calendario P -- */
.header-calendario {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .header-calendario .icons {
        display: flex;
        cursor: pointer;
    }

        .header-calendario .icons span {
            /*height: 28px;
            width: 28px;*/
            margin: 0 1px;
            cursor: pointer;
            color: #DEE2E6;
            text-align: center;
            user-select: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
        }

    /*.icons span:last-child {
            margin-right: -10px;
        }*/

    /*.header-calendario .icons span:hover {
    background: #f2f2f2;
    color: #242C41;
}*/

    .header-calendario .current-date {
        text-align: center;
        color: #94C83D;
        font-family: Open Sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px;
    }

.calendar {
    font-family: Open Sans;
    padding: 20px 0;
}

    .calendar ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        text-align: center;
        padding-left: 0px;
        margin-bottom: 10px;
    }

    .calendar li {
        color: #FFF;
        width: calc(100% / 7);
    }

    .calendar .weeks {
        border-bottom: 1px solid #DADCE0;
        padding-bottom: 5px;
    }

        .calendar .weeks li {
            cursor: default;
            color: #BEDCD4;
            text-align: center;
            font-size: 10px;
            font-style: normal;
            font-weight: 700;
            line-height: 26px; /* 260% */
        }

    .calendar .days li {
        z-index: 1;
        cursor: pointer;
        position: relative;
        color: #FFF;
        color: #F5FFFC;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 5px 0;
    }

        .calendar .days li:hover {
            color: #000;
        }

.days li.inactive {
    color: #627573;
}

.days li.active, .days li.event {
    color: #fff;
}

.days li {
}

    .days li::before {
        position: absolute;
        content: "";
        left: 50%;
        top: 50%;
        height: 12px;
        width: 19px;
        z-index: -1;
        border-radius: 20px;
        transform: translate(-50%, -50%);
    }

    .days li.active::before {
        background: #5CBA46;
    }

    .days li.event::before {
        background: #2799FA;
    }

    .days li.event.active::before {
        background: linear-gradient(to left, #5CBA46, 50%, #2799FA 50%);
    }

    .days li.inicio {
        background: #3F587B;
        border-radius: 15px 0 0 15px;
    }

    .days li.fim {
        background: #3F587B;
        border-radius: 0 15px 15px 0;
    }

    .days li.periodo {
        background: #3F587B;
    }

        .days li.periodo:first-child {
            background: #3F587B;
            border-radius: 15px 0 0 15px;
        }

        .days li.periodo:last-child {
            border-radius: 0 15px 15px 0;
        }

    .days li.fim:first-child {
        border-radius: 15px 15px 15px 15px;
    }

    .days li:not(.active):hover::before {
        background: #f2f2f2;
    }

/* -- Resumo -- */
.box-resumo {
    font-family: Open Sans;
    background-color: dimgrey
}

    .box-resumo .calendar-resumo-icon {
        color: white;
        margin-right: 8px;
    }

    .box-resumo .collapse-header {
        text-decoration: none;
        color: white;
    }

.box-resumo-detalhes {
    background-color: white;
}

.box-resumo a[aria-expanded=true] .fa-caret-left {
    display: none;
}

.box-resumo a[aria-expanded=false] .fa-caret-down {
    display: none;
}

.evento-header a[aria-expanded=true] .fa-caret-left {
    display: none;
}

.evento-header a[aria-expanded=false] .fa-caret-down {
    display: none;
}

.search_bar_group #btn-pesquisa {
    color: #93c93d;
}

.evento-header {
    font-family: Open Sans;
    background-color: #192850;
}

    .evento-header .collapse-header {
        text-decoration: none;
        color: white;
    }

.evento-detalhes {
    background-color: #efefef;
}

    .evento-detalhes ul {
        padding-left: 0;
    }

        .evento-detalhes ul li {
        }

            .evento-detalhes ul li i,
            .evento-detalhes ul li svg {
                margin-right: 5px;
            }

.btn-circle {
    border-radius: 100%;
    text-align: center;
    line-height: 1.5;
    padding: 0px 4px 0px 4px;
}

#calendar-title {
    text-transform: capitalize;
    display: inline-block;
    font-weight: bold;
    font-family: "Open Sans";
    margin: 0;
}

#calendar-prev, #calendar-next {
    background-color: #192850;
    color: white;
}

.calendar-toolbar {
    background-color: #ECECEC;
    margin-bottom: 0 !important;
}

#calendar a {
    color: unset;
    text-decoration: unset;
}

#calendar .fc-daygrid-day-top {
    flex-direction: row !important;
    margin-top: 5px;
    font-weight: bold;
}

#calendar .fc-day-other {
    background-color: #ECECEC;
}

.content-calendario {
    padding: 20px;
    height: 700px;
    width: 100%;
}

#calendar .fc-scroller {
    overflow-y: hidden !important;
}

#calendar .fc-day-today {
    background: #FFF;
}

    #calendar .fc-day-today .fc-daygrid-day-number {
        background-color: limegreen;
        color: white;
        padding: 4px 8px;
        text-align: center;
        border-radius: 5px;
    }

#calendar .fc-daygrid-day-number {
    margin-left: 3px;
}

#calendar .fc-day {
    text-transform: capitalize;
    color: dimgrey;
}

#calendar .fc-button {
    padding: 0;
    border-radius: 100%;
}

#calendar {
    font-family: "Open Sans";
}

.fc-multimonth-title {
    text-transform: capitalize;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    margin-top: 5px;
}



.fc-multimonth th {
    border-style: none !important;
    background-color: #ddd;
    font-family: "Open Sans";
}

.fc-multimonth-daygrid {
    border: 1px solid #ddd;
}

.fc-multimonth td {
    border: none !important;
}

.fc-multimonth .fc-daygrid-day-top {
    border: none !important;
    justify-content: center;
}

.fc-multimonth .fc-daygrid-day-bottom {
    justify-content: center;
    display: flex !important;
}

.fc-multimonth .fc-daygrid-more-link {
    border-radius: 100%;
    border: none !important;
}

    .fc-multimonth .fc-daygrid-more-link:hover {
        background-color: #C8C8C8;
    }

.fc-dayGridMonth-view .fc-daygrid-day-bottom {
    justify-content: end;
    display: flex !important;
}

.fc-dayGridMonth-view .fc-daygrid-more-link {
    border-radius: 100%;
    border: none !important;
}

    .fc-dayGridMonth-view .fc-daygrid-more-link:hover {
        background-color: #C8C8C8;
    }

.fc-dayGridMonth-view .fc-daygrid-event-harness {
    padding-left: 6px;
    padding-right: 20px;
}

.moreLinkCustomBubble {
    border-radius: 45%;
    padding: 4px 5px 4px 3px !important;
    color: black !important;
    font-weight: bold;
    display: block;
    float: none;
    cursor: pointer;
    line-height: 1;
    margin-top: -1px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    z-index: 4;
    background-color: rgb(224, 239, 251);
}

.event-icon {
    margin-right: 8px;
    color: cornflowerblue;
}

.fc-event {
    padding: 3px;
    color: black;
    background-color: rgb(224, 239, 251);
    border: 1px solid #ddd;
    cursor: pointer;
}

.fc-daygrid-event-harness .evento-contratacao, /* grade padrão do calendário */
.fc-list-table .evento-contratacao .fc-event-title, /* lista de eventos do dia */
.lista-eventos .evento-contratacao .fc-event-title /* modal de eventos do dia */ {
    /*background-color: #f5faec !important;*/
}

.evento-contratacao .event-icon {
    color: cornflowerblue;
    align-self: center;
}

.bubble-azul {
    background-color: #e0effb !important;
    color: cornflowerblue !important;
}

.event-passado-nao-finalizado-nenhum {
    background-color: rgb(255,172,170) !important;
}

.icon-passado-nao-finalizado-nenhum {
    color: rgb(149, 44, 41) !important;
}

.bubble-vermelho {
    background-color: rgb(255,172,170) !important;
    color: rgb(149, 44, 41) !important;
}

.event-passado-nao-finalizado-alguns {
    background-color: rgb(255,199,134) !important;
}

.icon-passado-nao-finalizado-alguns {
    color: rgb(176, 88, 7) !important;
}

.bubble-laranja {
    background-color: rgb(255,199,134) !important;
    color: rgb(176, 88, 7) !important;
}

.event-passado-nao-finalizado-todos {
    background-color: rgb(255, 238, 149) !important;
}

.icon-passado-nao-finalizado-todos {
    color: rgb(141, 118, 0) !important;
}

.bubble-amarelo {
    background-color: rgb(255, 238, 149) !important;
    color: rgb(141, 118, 0) !important;
}

.event-passado-finalizado {
    background-color: rgb(200, 255, 199) !important;
}

.icon-passado-finalizado {
    color: rgb(28, 134, 3) !important;
}

.bubble-verde {
    background-color: rgb(200, 255, 199) !important;
    color: rgb(28, 134, 3) !important;
}

.fc-h-event {
}


.fc .fc-list-event:hover td {
    background: none;
}

.btn-editar-evento:hover {
    background-color: #f4fafd !important;
}

.btn-editar-evento:active {
    background-color: #b2c9db !important;
}


#btnNovoEvento {
    background-color: #93c93d;
    color: white;
}

.highlight-blue {
    color: blue;
}

.fc-more-popover {
    visibility: hidden;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
}

.truncate {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page_content_frame {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#resumo-div {
    max-height: 68vh;
    overflow-y: auto
}

#calendario-container {
    height: 78.9vh; 
}

@media (min-height: 600px) {
    #calendario-container {
        height: 74.5vh;
    }
    #resumo-div {
        max-height: 62vh;
    }
}

@media (min-height: 700px) {
    #calendario-container {
        height: 78.2vh;
    }
    #resumo-div {
        max-height: 62vh;
    }
}

@media (min-height: 768px) {
    #calendario-container {
        height: 80.1vh;
    }
}

@media (min-height: 900px) {
    #calendario-container {
        height: 83vh;
    }
}

@media (min-height: 1080px) {
    #calendario-container {
        height: 85.9vh;
    }
}

@media (min-height: 1440px) {
    #calendario-container {
        height: 89.4vh;
    }
}

@media (min-height: 2160px) {
    #calendario-container {
        height: 92.92vh;
    }
}