footer {
    color: #ffffff;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    height: 68px;
}
footer .footer-bottom {
    background-color: #9e691a;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 100px;
    margin-right: 100px;
    width: auto;
    height: 150px;
}

@media only screen and (max-width: 700px) {
    .header-container {
        justify-content: end;
    }
}

.fit-content {
    min-width: fit-content;
}

.bp-feature-header {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    min-height: auto;
    max-height: 839px;
    height: 100vw;
    padding: 8px;
    background-image: url("/bp-header.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
}

.bp-tracker-header {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    min-height: auto;
    max-height: 839px;
    height: 15vw;
    padding: 8px;
    background-image: url("/admin-header.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
}

.bp-feature-title {
    color: var(--portalThemeColor7);
    font-size: 9rem;
}

@media only screen and (max-width: 2100px) {
    .bp-feature-title {
        font-size: 8rem;
    }
}

@media only screen and (max-width: 1600px) {
    .bp-feature-title {
        font-size: 5rem;
    }
}

@media only screen and (max-width: 800px) {
    .bp-feature-title {
        font-size: 3rem;
        margin: 50px;
    }
}

.navbar-static-top.navbar-inverse {
    background-color: var(--portalThemeColor1);
}

.navbar-toggle {
    background-color: var(--portalThemeColor1);
}

.navbar-inverse .navbar-toggle {
    border: 1px solid var(--portalThemeColor1);
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #d19c4d;
    border-color: #d19c4d;
}
.navbar-inverse .navbar-toggle:focus {
    border: 1px solid #ffffff;
    background-color: #d19c4d;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #2a2c2e;
    border-color: #2a2c2e;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
}
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: var(--portalThemeColor1);
    color: var(--portalThemeOnColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: var(--portalThemeColor1);
    color: #000000;
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav > .open > a {
    color: #000000;
    background-color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #000000;
    background-color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: var(--portalThemeColor1);
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #000000;
    color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #000000;
    color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #000000;
    color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #000000;
    color: var(--portalThemeColor1);
    text-decoration: Underline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #000000;
    color: var(--portalThemeColor1);
    text-decoration: Underline;
}

.sectionPrimaryColor {
    background-color: #9bbb9b;
    color: #000000;
}
.sectionPrimaryColor h1,
.sectionPrimaryColor h2,
.sectionPrimaryColor h3,
.sectionPrimaryColor h4,
.sectionPrimaryColor h5,
.sectionPrimaryColor h6,
.sectionPrimaryColor p,
.sectionPrimaryColor a {
    color: #000000;
}
.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6,
.sectionPrimaryColor .crmEntityFormView p,
.sectionPrimaryColor .crmEntityFormView a {
    color: #000000;
}
.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6,
.sectionPrimaryColor .entitylist p,
.sectionPrimaryColor .entitylist a {
    color: #000000;
}

a,
.a {
    color: var(--portalThemeColor1);
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
}
a:hover,
a:focus,
.a:hover,
.a:focus {
    color: #d19c4d;
}

.open > .btn-default.dropdown-toggle {
    color: #2a2c2e;
    background-color: #e6e6e6;
    border-color: var(--portalThemeColor1);
}

.open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--portalThemeColor1);
    border-color: var(--portalThemeColor1);
}
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    color: #2a2c2e;
    background-color: #d19c4d;
    border-color: #bb8330;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
}