/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */


:root {
    --grants-interface-blue-dark: #06357a; 
    --grants-interface-blue-light: #d1e7ff;
    --grants-interface-blue: #0d6efd;

    --grants-interface-red: #dc3545;
    --grants-interface-red-light: #f8d7da;
    --grants-interface-red-light-2: #f5c2c7;

    --grants-interface-yellow-dark: #856404;
    --grants-interface-yellow-light: #fff3cd;
    --grants-interface-yellow: #ffc107;
    --grants-interface-orange: #fd7e14;

    --grants-interface-info-dark: #055160;
    --grants-interface-info-light: #cff4fc;
    --grants-interface-info: #b6effb;
}

body {
    color: #000000;
    background-color: #FFFFFF;
}

legend {
    color: #000000;
}

footer {
    color: #505254;
}

    footer .footer-bottom {
        background-color: #FFFFFF;
    }

.sectionBlockLayout {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 60px;
}

.breadcrumb {
    background-color: transparent;
}

    .breadcrumb > li a {
        color: #0B7F99;
    }

        .breadcrumb > li a:hover {
            color: #0B7F99;
        }

    .breadcrumb > .active {
        color: #000000;
    }

.nav-tabs > li > a:hover {
    background-color: #f2f2f2;
    color: #0B7F99;
}

.nav-tabs > li > a:focus {
    background-color: #f2f2f2;
    color: #0B7F99;
}

.btn-default {
    color: #0B7F99;
    background-color: #FFFFFF;
    border-color: #0B7F99;
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 18px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #0B7F99;
    color: #FFFFFF;
}

    .btn-default:hover {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

    .btn-default:active, .btn-default.active {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0B7F99;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
            color: #ffffff;
            background-color: #0ea6c9;
            border-color: #0ea6c9;
        }

    .btn-default:focus, .btn-default.focus {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

.btn-primary {
    color: #ffffff;
    background-color: #0B7F99;
    border-color: #0B7F99;
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 18px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #0B7F99;
    color: #FFFFFF;
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

    .btn-primary:active, .btn-primary.active {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
            color: #ffffff;
            background-color: #0ea6c9;
            border-color: #0ea6c9;
        }

    .btn-primary:focus, .btn-primary.focus {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

.static-top.navbar-dark {
    background-color: #085f72;
    color: #FFFFFF ;
}

.navbar-toggler {
    background-color: #0B7F99;
}

.navbar-dark .navbar-toggler {
    border: 1px solid #0B7F99;
}

    .navbar-dark .navbar-toggler:hover {
        background-color: #0d93b1;
    }

    .navbar-dark .navbar-toggler:focus {
        border: 1px solid #000000;
        background-color: #0d93b1;
    }

.navbar-dark .navbar-nav > li > a {
    color: #ffffff !important;
}

    .navbar-dark .navbar-nav > li > a:hover {
        background-color: #0B7F99;
        color: #9d9d9d !important
    }

    .navbar-dark .navbar-nav > li > a:focus {
        background-color: #0B7F99;
        color: #ffffff;
    }

.navbar-dark .navbar-nav > .open > a {
    color: #ffffff;
    background-color: #0B7F99;
}

    .navbar-dark .navbar-nav > .open > a:hover {
        color: #9d9d9d !important;
        background-color: #0B7F99;
    }

    .navbar-dark .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #0B7F99;
    }

.navbar-dark .navbar-nav .open .dropdown-menu {
    background-color: #0B7F99;
}

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: #ffffff;
            color: #0B7F99;
        }

        .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #ffffff;
            color: #0B7F99;
        }

    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a {
        background-color: #ffffff;
        color: #0B7F99;
    }

        .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover {
            background-color: #ffffff;
            color: #0B7F99;
        }

        .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
            background-color: #ffffff;
            color: #0B7F99;
        }

.nav > li > a:hover {
    background-color: #f2f2f2;
}

.nav > li > a:focus {
    background-color: #f2f2f2;
}

.nav .open .dropdown-menu {
    background-color: #FFFFFF;
}

    .nav .open .dropdown-menu > li > a {
        color: #000000;
    }

        .nav .open .dropdown-menu > li > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .open .dropdown-menu > li > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

    .nav .open .dropdown-menu > .active > a {
        background-color: #f2f2f2;
        color: #000000;
    }

        .nav .open .dropdown-menu > .active > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .open .dropdown-menu > .active > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

.nav > .open > a {
    background-color: #f2f2f2;
}

    .nav > .open > a:hover {
        background-color: #f2f2f2;
    }

    .nav > .open > a:focus {
        background-color: #f2f2f2;
    }

.sectionPrimaryColor {
    background-color: #0B7F99;
    color: #ffffff;
}

    .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
        color: #ffffff;
    }

    .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: #0B7F99;
    font-family: Arial;
    font-size: 14px;
    text-decoration: none;
}

    a:hover,
    .a:hover {
        color: #0B7F99;
        text-decoration: underline;
    }

    a:focus,
    .a:focus {
        color: #0B7F99;
        text-decoration: underline;
    }

.open > .btn-default.dropdown-toggle {
    color: #0B7F99;
    background-color: #e6e6e6;
    border-color: #0B7F99;
}

.open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #0B7F99;
    border-color: #0B7F99;
}

    .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
        color: #ffffff;
        background-color: #0B7F99;
        border-color: #0B7F99;
    }

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

.    > .card-body, .list-group-item {
    background-color: #FFFFFF;
    color: #000000;
}

.    > .card-header {
    background-color: #f2f2f2;
    color: #000000;
}

.facet-list-group-item-title {
    color: #000000;
}

.form-control {
    background-color: #FFFFFF !important;
    color: #000000;
}

input {
    background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget {
    background-color: #FFFFFF;
}

    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
        color: black;
    }

    .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
        color: white;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: unset;
}

.login-heading-section {
    color: unset;
}

.static-top.navbar-dark .navbar-brand a {
    color: #000000;
}

.search-results .highlight {
    color: #000000;
}

.table > thead > tr.info > td {
    background-color: #f2f2f2;
}

.table > thead > tr.info > th {
    background-color: #f2f2f2;
}

.table > thead > tr > td.info {
    background-color: #f2f2f2;
}

.table > thead > tr > th.info {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > td {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > th {
    background-color: #f2f2f2;
}

.table > tbody > tr > td.info {
    background-color: #f2f2f2;
}

.table > tbody > tr > th.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > td {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > th {
    background-color: #f2f2f2;
}

.table > tfoot > tr > td.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr > th.info {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > th.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > td {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > th {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > .info {
    background-color: #f2f2f2;
}

.form-close {
    color: #000000;
}

    .form-close:hover {
        color: #000000 !important;
    }

    .form-close:focus {
        color: #000000 !important;
    }

::placeholder {
    color: #000000 !important;
}

.help-block {
    color: #000000;
}

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
    color: #000000 !important;
    background: #ffffff !important;
}

.msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
    background: #f2f2f2 !important;
}

    .msos-label, .msos-quick-delete, .msos-quick-delete:hover {
        color: #000000 !important;
    }

.msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
    border-color: #000000 !important;
}

.msos-option:hover, .msos-option-selected:hover {
    background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
    color: #0B7F99 !important;
}


h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
    font-family: Arial;
    font-weight: 400;
    font-size: 42px;
    color: #505254;
}

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
    font-family: Arial;
    font-weight: 400;
    font-size: 32px;
    color: #505254;
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
footer .footer-top h3,
.sidebar-home h3 {
    font-family: Arial;
    font-weight: 400;
    font-size: 24px;
    color: #0B7F99;
}

h4,
.h4,
footer .footer-bottom h4,
footer .footer-top h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
    font-family: Arial;
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}

h5,
.h5 {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    color: #F5FFFF;
}

.section-diagonal-left p,
.section-diagonal-right p,
footer .footer-bottom p {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    color: #737778;
}

.p2 {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: #505254;
}

button {
    border-radius: 2px;
    font-family: Arial;
    font-weight: 600;
    font-size: 18px;
    border-color: #0B7F99;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #0B7F99;
    color: #FFFFFF;
}

    button:hover {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

    button:active, button.active {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

        button:active:hover, button:active:focus, button:active.focus, button.active:hover, button.active:focus, button.active.focus {
            color: #ffffff;
            background-color: #0ea6c9;
            border-color: #0ea6c9;
        }

    button:focus, button.focus {
        color: #ffffff;
        background-color: #0ea6c9;
        border-color: #0ea6c9;
    }

.static-top.navbar-dark .navbar-brand a p {
    display: inline;
    vertical-align: middle;
}

.static-top.navbar-dark .navbar-brand a h1,
.static-top.navbar-dark .navbar-brand a h2,
.static-top.navbar-dark .navbar-brand a h3,
.static-top.navbar-dark .navbar-brand a h4,
.static-top.navbar-dark .navbar-brand a h5,
.static-top.navbar-dark .navbar-brand a h6 {
    display: inline;
    margin: 0px;
    vertical-align: middle;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    /* --bs-alert-border: 1px solid var(--bs-alert-border-color); */
    --bs-alert-border-radius: 0 0.375rem 0.375rem 0;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-left: 10px solid var(--bs-alert-border-color);
    border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--grants-interface-blue-dark);
    --bs-alert-bg: var(--grants-interface-blue-light);
    --bs-alert-border-color: var(--grants-interface-blue);
    border-image: linear-gradient(to bottom, var(--grants-interface-blue) 16px, var(--grants-interface-blue) 16px, transparent 16px, transparent 48px, var(--grants-interface-blue) 48px, var(--grants-interface-blue) 48px) 1 100%;
}

.alert-primary::before {
    content: "\f05a"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    color: var(--grants-interface-blue);
    position: absolute;
    top: 0.8rem; 
    left: -1rem; 
    font-size: 1.5rem;
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: var(--grants-interface-info-dark);
    --bs-alert-bg: var(--grants-interface-info-light);
    --bs-alert-border-color: var(--grants-interface-info);
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: var(--grants-interface-yellow-dark);
    --bs-alert-bg: var(--grants-interface-yellow-light);
    --bs-alert-border-color: var(--grants-interface-yellow);
    border-image: linear-gradient(to bottom, var(--grants-interface-yellow) 16px, var(--grants-interface-yellow) 16px, transparent 16px, transparent 48px, var(--grants-interface-yellow) 48px, var(--grants-interface-yellow) 48px) 1 100%;
}

.alert-warning::before {
    content: "\f071"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    color: var(--grants-interface-yellow);
    position: absolute;
    top: 0.8rem; 
    left: -1rem; 
    font-size: 1.5rem;
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: var(--grants-interface-red);
    --bs-alert-bg: var(--grants-interface-red-light);
    --bs-alert-border-color: var(--grants-interface-red-light-2);
    border-image: linear-gradient(to bottom, var(--grants-interface-red) 16px, var(--grants-interface-red) 16px, transparent 16px, transparent 48px, var(--grants-interface-red) 48px, var(--grants-interface-red) 48px) 1 100%;
}

.alert-danger::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    color: var(--grants-interface-red);
    position: absolute;
    top: 0.8rem; 
    left: -1rem; 
    font-size: 1.5rem;
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}