:root {
    --mm-black-color: #000000;
    --mm-mint-color: #5CD19D;
    --mm-green-color: #9CCE77;
    --mm-yellow-color: #FFD400;
    --mm-red-color: #FF8A88;
    --mm-lightgray-20-color: #F3F4F4;
    --mm-lightgray-40-color: #E8E8E9;
    --mm-lightgray-60-color: #DFDFDF;
    --mm-darkgray-color: #707173;
    --mm-darkblue-20-color: #CCD9E9;
    --mm-darkblue-60-color: #668FBF;
    --mm-darkblue-color: #004494;
    --mm-sand-color: #E2DDCC;
    --mm-spot-green-color: #31C958;
    --mm-spot-yellow-color: #FBD020;
    --mm-spot-red-color: #FF7388;
}

html {
    height: 100%
}

body, html {
    font-family: Roboto;
}

.body-content {
    margin-top: 110px;
}

bg-light {
    background-color: var(--mm-lightgray-20-color);
}

.btn {
    border-radius: 0;
}
    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }

.btn-primary {
    background: var(--mm-darkblue-color);
    border-color: var(--mm-darkblue-color);
}
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle
    .open > .dropdown-toggle.btn-primary {
        background-color: var(--mm-darkblue-60-color);
        border-color: var(--mm-darkblue-60-color);
    }

.btn-outline-secondary {
    color: var(--mm-darkblue-color);
    border-color: var(--mm-darkblue-color);
}
    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle
    .open > .dropdown-toggle.btn-outline-secondary {
        color: var(--mm-darkblue-60-color);
        background-color: white;
        border-color: var(--mm-darkblue-60-color);
    }

.actions-button-group {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    gap: 3px;
}

h1 {
    margin-bottom: 25px;
    font-weight: bold;
}

.navbar-brand > .icon-banner {
    position: relative;
    top: -2px;
    display: inline;
}

.icon {
    position: relative;
    top: -10px;
}

.hamburger {
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em;
}

.header-style {
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 45px;
    padding-right: 20px;
}

@media (max-width : 576px) {
    .login .banner {
        height: 120px;
        overflow: hidden;
    }
}

.logged-out iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants-page .card .card-title {
        font-size: 120%;
        font-weight: bold;
    }

        .grants-page .card .card-title img {
            width: 100px;
            height: 100px;
        }

    .grants-page .card label {
        font-weight: bold;
    }