* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    scroll-behavior: smooth;
}

/* Definindo as cores de forma global */
:root {
    --default-blue: #006CB5;
    --dark-blue: #003960;
    --secondary-blue: #0B9DFF;
    --light-blue: #60BFFF;
    --gray-1: #EAECEE;
    --light-gray: #FCFCFC;
    --text-dark: #212529;
    --alerta: #B5A300;
    --sucesso: #6CB500;
    --sucesso-dark: #447402;
    --erro: #b54900;
    --erro-dark: #632501;
    --caption-yellow: #ffef7f;
    --caption-blue: #68b6ff;
    --caption-red: #ff9869;
    --caption-pink: #f588b7;
    --caption-gray: #b1b1b1;
    --caption-purple: #aea1ff;
    --caption-green: #b9ff7d;
    --caption-brown: #e0a35d;
    --caption-orange: #ffb347;
    --caption-picton-blue: #4dc3ff;
    --caption-mindaro: #BFD641;
    --caption-coral: #ff7f7f;
    --caption-aquamarine: #7fffd4;
}

.badge-primary {
    background-color: var(--default-blue);
}

.badge-yellow {
    background-color: var(--caption-yellow);
}

.badge-green {
    background-color: var(--caption-green);
}

.badge-red {
    background-color: var(--caption-red);
}

.badge-gray {
    background-color: var(--caption-gray);
}

.badge-purple {
    background-color: var(--caption-purple);
}

.badge-blue {
    background-color: var(--caption-blue);
}

.badge-pink {
    background-color: var(--caption-pink);
}

.badge-coral {
    background-color: var(--caption-coral);
}

.badge-mindaro {
    background-color: var(--caption-mindaro);
}


.badge-brown {
    background-color: var(--caption-brown);
}


.badge-aquamarine {
    background-color: var(--caption-aquamarine);
}

.badge-alerta {
    background-color: var(--alerta);
}

body {
    background-color: var(--gray-1);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 69px;
}

@media (max-width: 1000px) {
    body {
        height: 100%;
    }
}

/* Estilos das fontes INÍCIO*/
h1 {
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
}

@media (max-width: 900px) {
    h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 64px;
    }
}

h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

@media (max-width: 900px) {
    h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
    }
}

h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

@media (max-width: 900px) {
    h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
    }
}

h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

@media (max-width: 900px) {
    h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }
}

h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

@media (max-width: 900px) {
    h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }
}

.p-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.p-medium {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.p-medium-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

.p-regular-bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.p-large {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 900px) {
    .p-large {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
}

.p-large-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

@media (max-width: 900px) {
    .p-large-bold {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }
}

.p-small {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.p-small-bold {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
}

/* Estilos das fontes FIM*/

/* Estilos dos botões e checkboxes INÍCIO */
.btn-primary {
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

.btn-primary:hover {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-primary:disabled {
    color: var(--light-gray);
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

.btn-primary:active,
.btn-primary:focus {
    color: var(--light-gray);
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

.btn-secondary {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-secondary:hover {
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

.btn-secondary:disabled {
    color: var(--light-gray);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-secondary:active,
.btn-secondary:focus {
    color: var(--light-gray);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}


.btn-info {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-info:hover {
    background-color: var(--secondary-blue);
    border-color: var(--secondary-blue);
    color: var(--text-dark) !important;
}

.btn-info:disabled {
    color: var(--light-gray);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-info:active,
.btn-info:focus {
    color: var(--light-gray) !important;
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-bg {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
    color: var(--light-gray);
}

.btn-bg:hover {
    background-color: var(--light-blue);
    border-color: var(--light-blue);
    color: var(--text-dark);
}

.btn-bg:disabled {
    color: var(--light-gray);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-bg:active,
.btn-bg:focus {
    color: var(--light-gray);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.form-check-input:checked {
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

/* Estilos dos botões e checkboxes FIM */

.header {
    background-color: var(--default-blue);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
    /* border-bottom: 0.1px solid var(--secondary-blue); */
}

.header_bg {
    background-image: url("../img/header_background.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.footer {
    background-color: var(--dark-blue);
    margin-top: auto;
}

.form-control::file-selector-button {
    background-color: var(--light-blue);
}

.page-item.active .page-link {
    background-color: var(--default-blue);
    border-color: var(--default-blue);
}

.list-group-item {
    background-color: var(--light-gray);
}

.dropdown-item:focus {
    background-color: var(--default-blue);
}

.hide {
    display: none !important;
}


.tooltip-inner {
    background-color: var(--dark-blue) !important;
    color: var(--light-gray);
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--dark-blue) !important;
}

/* .bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--dark-blue) !important;
} */

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--dark-blue) !important;
}

.buttons-excel {
    height: fit-content;
}

.buttons-pdf {
    height: fit-content;
}

.buttons-print {
    height: fit-content;
}

.dt-buttons {
    align-items: center;
}

.form-check-input {
    border: 1px solid rgba(0, 0, 0, .50);
}

.accordion-button {
    height: 4rem;
    color: var(--light-gray);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-header {
    height: 4rem;
}

.accordion-item {
    border-color: var(--light-blue) !important;
}

.is-loading {
    border-color: #dadada !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url('../img/icons/hourglass-split.svg') !important;
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}