/* Global Styles */

/* Active State Styles */
.bg-active,
.pa-card.bg-complete {
    background: var(--bg-color-card-active) !important;
    color: var(--text-color-active) !important;
}

.bg-active a {
    color: var(--bg-color-card-active) !important;
    background: white !important;
}

/* Future State Styles */
.bg-future {
    background: var(--bg-color-card-inactive) !important;
    color: var(--text-color-inactive) !important;
}

.bg-future a {
    color: var(--text-color-inactive) !important;
    background: white !important;
}

/* Card Override Styles */
/* Adds custom styles to the generic .card class */
.card {
    border: none !important;
    border-radius: 10px !important;
}

/* Card Body Styles */
.card-body {
    padding: 0.85rem !important;
}

.pa-badge {
    font-size: 12px !important;
}

/* Future Insurance Badge Styles */
.pa-badge.future {
    background: var(--text-color-inactive);
    color: var(--bg-color-card-inactive);
}

/* Active Insurance Badge Styles */
.pa-badge.active,
.pa-badge.urgent {
    background: white;
}

.pa-badge.active {
    color: var(--bg-color-card-active);
}

.pa-badge.urgent {
    color: var(--bg-color-card-incomplete);
}

.pa-badge.urgent-inverse {
    background: var(--bg-color-card-incomplete);
    color: white;
}

.pa-card.bg-incomplete,
.pa-card.bg-complete.btn-form-link {
    background: var(--bg-color-card-incomplete) !important;
    color: white;
}

.custom-svg {
    fill: var(--bg-color-card-incomplete) !important;
    width: 12px;
    height: 12px;
}

.pa-card.bg-incomplete.btn-form-link,
.pa-card.bg-complete.btn-form-link {
    background: white !important;
}

.pa-card.bg-incomplete .btn-form-link {
    color: var(--bg-color-card-incomplete) !important;
}

.pa-card.bg-complete .btn-form-link {
    color: var(--bg-color-card-active) !important;
}

@media only screen and (max-width: 575.98px) {
    .ins-list-container {
        min-height: 93vh !important;
    }
}

.ins-list-container {
    min-height: 96vh;
}
