body {
    height: 100vh;
    width: 100vw;
}

.content-page {
    align-items: start;
}

.header-index-diario {
    width: 100%;
    padding-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
    align-items: center;
    border-bottom: 1px solid rgb(214,214,214);
    margin-bottom: 24px;
}

.btn-group-views-box {
    display: flex;
    flex-direction: row;
    justify-content: start; 
    align-items: center;
}

.btn-group-actions-box {
    display: flex;
    flex-direction: row;
    justify-content: end; 
    align-items: center;
}

.btn-view {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(164,164,164);
    
    &:hover {
        color: black;
        background-color: rgb(214,214,214);
    }
}

.btn-outline {
    border: 1px solid rgb(214,214,214) !important;
}

.btn-active {
    background-color: rgb(214,214,214);
    color: black;
    cursor: default !important;
}

.btn-actions {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(164,164,164);

    &:hover {
        color: black;
        background-color: rgb(214,214,214);
    }
}

.btn-view-icon {
    width: 16px;
    height: auto;
    margin-right: 6px;
}

.btn-action-icon {
    width: 16px;
    height: auto;
    margin-right: 6px;
}

.our-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dropdown-menu {
    min-width: 100px !important;
    width: fit-content;
}

.dropdown-list-item {
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid rgb(214,214,214);

    &:last-child {
        border: none;
        padding-bottom: 0px;
    }

    &:first-child {
        padding-top: 0px;
    }

    &:hover {
        background-color: rgb(214,214,214);
        cursor: pointer;
    }
}

.dropdown-list-item {
    display: flex !important;
}

.dropdown-item-subsecao {
    width: 100%;
    height: 100%;
    margin: 0px 12px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 4px;
    text-wrap: nowrap;
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.div-input-numero-db {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: rgb(164,164,164);
}

#numero-db {
    cursor: default;
    margin-right: 12px;
}

.div-input-numero-db-icon {
    height: 16px;
    width: auto;
}

.subsecao-title-input {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: black;
    margin: 16px 0px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.descricao-textarea {
    width: 100%;
    border: none;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
}

.informacoes-gerais-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-top: 12px;
}

.informacoes-gerais-box {
    padding: 6px 12px;
    border: 1px solid rgb(214,214,214);
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 24px;
}

.informacoes-gerais-icon {
    width: 14px;
    height: auto;
    margin-left: 6px;
}

.informacoes-gerais-input {
    height: 100%;
    border: none;
    font-size: 16px;
    font-weight: 500;

    &:focus {
        outline: none;
    }

    &::webkit-calendar-picker-indicator {
        background-color: black;
    }
}

.board-page-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tag-info {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid rgb(214,214,214);
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 16px;
    text-decoration: none;
}

.tag-info-icon {
    height: 16px;
    width: auto;
    margin-right: 8px;
}

.tag-info-text {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: black;
    cursor: default;
}

.board-page {
    width: 100%;
    max-width: 1750px;
    overflow-x: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}

.setor-box {
    border: none;
    border-radius: 6px;
    width: 350px;
    max-height: 750px;
    overflow-y: auto;
    padding: 8px 6px;
    background-color: rgb(218,218,218);
    margin-right: 24px;
}

.setor-box::-webkit-scrollbar {
    width: 5px;
}

.setor-box::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: gray;
    border-radius: 6px;
}

.setor-box::-webkit-scrollbar-track {
    width: 5px;
    background-color: rgb(244,244,244);
    border-radius: 6px;
}

.setor-box-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    margin-bottom: 12px;
}

.setor-box-title {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    background-color: rgb(250,250,250);
}

.setor-subsecao-card {
    margin: 0px 6px 12px 6px;
    border-radius: 6px;
    background-color: rgb(250,250,250);
    padding: 6px 12px;
    border: none;
    display: flex;
    flex-direction: column;
    font-size: 14px;

    &:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        cursor: pointer;
    }
}

.subsecoes-search {
    width: fit-content;
    height: fit-content;
    background-color: rgb(255,255,255);
}

.setor-subsecao-card-title {
    font-weight: 600;
    margin-bottom: 20px;
}

.btn-group-subsecao-card {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.btn-subsecao-card {
    border-radius: 4px;
    border: 1px solid rgb(214,214,214, 0.7);
    background-color: transparent;
    margin-right: 6px;
    padding: 4px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    cursor: default !important;
    
    &:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
}

.btn-subsecao-card-icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.btn-subsecao-card-text {
    font-size: 11px;
    font-weight: 600;
    margin-right: 2px;
}

.adicionar-tarefa-btn {
    width: 100%;
    border-radius: 6px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    border: none;
    padding: 6px 12px;
    margin-top: 24px;

    &:hover {
        background-color: rgb(234,234,234);
    }
}

.confirmacao-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.confirmacao-title {
    margin-top: 18px;
    font-size: 24px;
    font-weight: 700;
}

.input-titulo-subsecoes {
    padding: 2px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 13px;
}

.procurar-btn-subsecoes {
    border: 1px solid rgb(214,214,214);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    padding: 4px 8px;

    &:hover {
        background-color: rgb(214,214,214);
    }
}

#quadro {
    width: 100%;
}

#secoes {
    width: 100%;
}

.board-subsecoes-page {
    width: fit-content;
    max-width: 100%;
    height: fit-content;
    max-height: 700px;
    overflow-y: auto;
    display: grid; 
    grid-template-columns: auto auto auto auto auto auto;
}

.skeleton {
    animation: skeleton-loading 0.6s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: rgb(250, 250, 250);
    }
    100% {
        background-color: rgb(224, 224, 224);
    }
}

/*Calendario*/
#calendar {
    width: 100% !important;
    height: 100% !important;
    font-family: 'Nunito' !important;
}

.fc-col-header {
    width: 100% !important;
}

.fc-col-header-cell-cushion {
    text-transform: capitalize !important;
    color: rgb(124,124,124) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.fc-view-harness {
    overflow-y: auto !important;

    &::-webkit-scrollbar{
        width: 6px !important;
    }
    &::-webkit-scrollbar-thumb{
        width: 6px !important;
        border-radius: 6px !important;
        background-color: rgb(224,224,224) !important;
    }
    &::-webkit-scrollbar-track{
        width: 6px !important;
        border-radius: 6px !important;
        background-color: white !important;
    }
}

@media (max-width: 1440px) {
    .fc-view-harness {
        max-height: 680px !important;
    }
}
@media (min-width: 1441px) {
    .fc-view-harness {
        max-height: 740px !important;
    }
}

.fc-daygrid-body {
    width: 100% !important;
}

.fc-scrollgrid-sync-table {
    width: 100% !important;
}

.fc-day {
    height: 150px !important;
    background-color: white !important;
}

.fc-col-header-cell {
    height: fit-content !important;
}

.fc-day-other {
    background-color: rgb(250,250,250) !important;
}

.fc-daygrid-day-number {
    color: rgb(164,164,164) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.fc-toolbar-title {
    text-transform: capitalize !important;
    font-weight: 700 !important;
    color: rgb(94,94,94) !important;
}

.fc-multimonth-title {
    text-transform: capitalize !important;
}

.fc-timegrid-axis-cushion {
    font-size: 14px !important;
    text-decoration: none !important;
    color: rgb(124,124,124) !important;
    font-weight: 600 !important;
}

.fc-button {
    border: 1px solid rgb(214,214,214) !important;
    background-color: transparent !important;
    color: rgb(164,164,164) !important;
    
    &:hover {
        color: black !important;
        background-color: rgb(214,214,214) !important;
    }
}

.fc-daygrid-event-harness {
    cursor: pointer !important;
}