:root {
    --background-color: #F5F5F5; /* light gray blue */
    --primary-color: #0F7A4E; /* green */
    --secondary-color: #02223F; /* dark blue */
    --tertiary-color: #333333; /* olive */
    --neutral-color: #F5F5F5; /* off white */
    --warning-color: #FFC857; /* yellow-ish */
    --error-color: #D7263D; /* red-ish */
}

@font-face {
    font-family: Arial, sans-serif;
    /*src: url("/fonts/proximanova_normal.otf") format("opentype");*/
}

body {
    font-family: sans-serif, Arial;
    background-color: var(--neutral-color);
}

a {
    color: var(--primary-color);
}

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

.btn-primary,
.btn-outline-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 0,0,0;
}

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

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

.btn:focus,
.btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.btn-outline-primary {
    color: var(--neutral-color);
}

    .btn-outline-primary.active {
        background-color: var(--secondary-color);
        color: var(--neutral-color);
    }

    .btn-outline-primary.disabled {
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

.form-check-input:checked {
    background-color: var(--primary-color);
}

.nav-link {
    color: var(--primary-color);
}

    .nav-link:hover {
        color: var(--secondary-color);
    }

.nav-pills .nav-link.active {
    background-color: var(--primary-color);
}

.nav-link.active:hover {
    background-color: var(--secondary-color);
}

.link-dark {
    color: var(--secondary-color);
}

.dropdown-item:active {
    background-color: var(--primary-color);
}

.main-sidebar {
}

.headerLogoImage {
    content: url("/images/assurquote-logo-horizonta.png");
    height: 70px;
    width: 340px;
    margin: 0px;
}

.footerLogoImage {
    content: url("../../images/assurquote-logo-small.png");
    height: 50px;
    width: 75px;
    padding-top: 7px;
}

.navbar-brand-name {
    visibility: hidden;
    width: 1px;
}

.card {
    border-top-color: var(--secondary-color);
    border-top-width: 2px;
}

.card-header {
    background-color: white;
}