:root {
    --acifap-dark: #3F5868;
    --acifap-light: #7FC9F0;
}

body {
    background-color: #f4f6f8;
}

.navbar-acifap {
    background-color: var(--acifap-dark);
}

.navbar-acifap .navbar-brand,
.navbar-acifap .nav-link {
    color: #fff;
}

.navbar-logo {
    height: 36px;
    width: auto;
    border-radius: 4px;
}

.sidebar {
    min-height: calc(100vh - 56px);
    background-color: #fff;
    border-right: 1px solid #e2e6ea;
}

.sidebar .nav-link {
    color: var(--acifap-dark);
    border-radius: 6px;
    margin-bottom: 4px;
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    background-color: var(--acifap-light);
    color: #fff;
}

.badge-em-dia {
    background-color: #2e7d32;
}

.badge-inadimplente {
    background-color: #c62828;
}

.badge-pendente {
    background-color: #ef6c00;
}

.public-card {
    max-width: 720px;
    margin: 40px auto;
}

.plano-card {
    cursor: pointer;
    border: 2px solid #e2e6ea;
    transition: 0.15s;
}

.plano-card:hover {
    border-color: var(--acifap-light);
}

.plano-card.selected {
    border-color: var(--acifap-dark);
    background-color: #eef6fb;
}