: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-primary {
    color: var(--primary-color) !important;
}

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

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

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

.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-btn-hover-bg: #1f4861d9;
}

.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;
}

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

.list-group-item.active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.progress {
    border-radius: 0 !important;    
}

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

.card-option {
    border: 1px solid var(--secondary-color-subtle);
    border-radius: 12px;
    padding: 16px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
    background-color: #fff;
}
.card-option:hover {
    border-color: var(--primary-color);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.icon-box {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--primary-color);
}

.image-side img {
    object-fit: cover;
    height: 90vh;
    border-radius: 24px;
}