﻿:root {
    --background-color: #F5F5F5; /* light gray blue */
    --primary-color: #0F7A4E; /* dark blue */
    --secondary-color: #02223F; /* green */
    --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);
}
    .btn-primary:hover {
        background-color: var(--secondary-color);
    }

.btn-outline-primary {
    background-color: var(--primary-color);
    color: var(--neutral-color);
}
    .btn-outline-primary:hover {
        background-color: var(--secondary-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);
}

.main-sidebar {
}

.headerLogoImage {
    content: url("/images/assurquote-logo-horizonta.png");
    height: 70px;
    width: 340px;
    margin: 0px;
}

.footerLogoImage {
    content: url("../../images/90db_footer_logo.png");
    height: 53px;
    width: 48px;
    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;
}
