:root {
    --primary-color: #1F4861;
    --primary-color-subtle: #506A7B;
    --secondary-color-subtle: #C5D5DF;
    --color-white-smoke: #F9F9F9;
}

body {
    background-color: var(--secondary-color-subtle) !important;
}

.menu-active {
    background-color: var(--secondary-color-subtle) !important;
    color: var(--primary-color) !important;
}

.px-2_5rem {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-primary-subtle {
    background-color: var(--primary-color-subtle) !important;
}

.bg-white-smoke {
    background-color: var(--color-white-smoke) !important;
}

.bg-white-smoke-hover {
    background-color: var(--color-white-smoke);
}

.bg-white-smoke-hover:hover {
    background-color: #e2dede;
    color: var(--primary-color) !important;
}

.text-hazy-blue {
    color: #8AA0AD;
}


.text-primary {
    color: var(--primary-color) !important;
}

.text-primary-subtle {
    color: var(--primary-color-subtle);
}

.bg-light-gray {
    background-color: #EFEFEF;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: white !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: white !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(31, 72, 97, 0.5) !important
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: white !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.btn-outline-primary:active,
.btn-outline-primary:focus {
    background-color: var(--primary-color) !important;
    color: white !important;
    box-shadow: 0 0 0 0.25rem rgba(31, 72, 97, 0.5) !important;
}

.btn-primary-subtle {
    --bs-btn-bg: var(--primary-color-subtle);
    --bs-btn-border-color: var(--primary-color-subtle);
    --bs-btn-disabled-bg: var(--primary-color-subtle);
    --bs-btn-disabled-border-color: var(--primary-color-subtle);
    --bs-btn-hover-bg: #506a7bc7;
    --bs-btn-hover-color: white;
    color: white;
}

.btn-outline-success {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color-subtle);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color-subtle);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 3) !important;
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color-subtle);
    --bs-gradient: none;
}

.tamanho-do-dropdown-usuario {
    width: 290px;
}

.circulo-do-botao-adicionar {
    aspect-ratio: 1;
    width: 41px;
}

.fs-7 {
    font-size: 0.75rem !important;
}

.tamanho-imagem-pergunta {
    width: 10rem;
    height: 9rem;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--primary-color) !important;
}

.page-link {
    color: var(--primary-color);
    text-decoration: none;
}

.active > .page-link, .page-link.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.img-branca {
    filter: brightness(0) invert(1);
}