/* Fonts */
@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Metropolis-Regular';
    src: url('../fonts/Metropolis-Regular.woff') format('woff'), url('../fonts/Metropolis-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Metropolis-SemiBold';
    src: url('../fonts/Metropolis-SemiBold.woff') format('woff'), url('../fonts/Metropolis-SemiBold.otf') format('opentype');
}
.font-gotham-light {
    font-family: Gotham-Light;
}
.font-metropolis-semibold {
    font-family: Metropolis-SemiBold;
}

/*Bootstrap 5.3 color override*/
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #3c763d;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #dff0d8;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #d6e9c6;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}



/* General */

body {
    padding-bottom: 40px;
    min-width: 330px;
    background-color: #E5E4E0;
    font-family: Gotham-Light, Calibri;
    font-size: 14px;
    line-height: 1.42857143;
    color: #4a443a;
    background-color: #E5E4E0;
}

h1, h2 {
    font-family: "Metropolis-SemiBold";
    color: #52AB58;
}

h2 {
    font-family: 'Metropolis-SemiBold';
    font-weight: bold;
    color: #52AB58;
}

h3 {
    font-family: 'Metropolis-SemiBold';
    color: #52AB58;
}


h4, h5 {
    font-family: 'Metropolis-SemiBold';
    color: #337796;
}
h6 {
    font-family: 'Metropolis-Regular';
    color: #337796;
/*    font-weight: bold;
    font-size: 1.2em;*/
}
a {
    color: #11526E;
    text-decoration: none;
}
li::marker li::marker {
    color: #11526E;
}
#content p a, #content p a:visited, #content li a, #content li a:visited, #content table a, #content table a:visited {
    color: #11526E;
}

.main div.container {
    padding: 0;
}
.row .col {
    padding-left: 0;
}
.row {
    margin-left: 0;
}

/* Header */
#banner {
    background-color: #ffffff;
}
#banner div.container {
    padding: 0 15px 0 15px;
    min-height: 62px;
}
#banner-util {
    background-color: #11526E;
    color: #E5E4E0;
    height: 24px;
    font-size: 90%;
    padding-top: 2px;
} 
#banner-util div.container{
    padding: 0 15px 0 15px;
}

    #banner-util a {
        color: #E5E4E0;
        padding: 0 5px 0 5px;
    }

    #banner-util i {
        font-size: 120%;
        display: inline-block;
        margin-top: 2px;
    }

    #banner-util a:hover, #banner-util a:active {
        color: #fff;
        text-decoration: none;
    }


#mission-title {
    font-family: Gotham-Light, Calibri;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    font-size: .9em;
    padding-top: 1px;
    padding-left: 5px;
}

#banner-small {
    color: #333;
    position: relative;
    z-index: 9999;
    font-size: 90%;
    padding-top: 0px;
}
/*    #banner-small img {
        padding: 5px;
    }*/

#banner-logo {
    position: absolute;
    /*image-rendering: -moz-crisp-edges;*/ /* Firefox */
    /*image-rendering: -o-crisp-edges;*/ /* Webkit (non-standard naming) */
    /*image-rendering: -webkit-optimize-contrast;*/ /* Opera */
    /*image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;*/ /* IE (non-standard property) */
}

@media screen and (min-width: 1201px) {
    #banner-logo img {
        max-width: 300px;
    }
    .easements li.col-xs-6 a {
        font-size: 1em;
    }
    .tile-content.swm .tile-content-position .tile-content-inner .tile-icon {
        margin-left: 20%;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #banner-logo img {
        max-width: 270px !important;
    }
    .easements li.col-xs-6 a {
        font-size: .95em;
    }
    .nav-item {

    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    ul.nav.navbar-nav.pull-right, .nav-item {
        font-size: .9em;
    }
    #banner-logo img {
        max-width: 210px;
        padding-top: 5px;
    }
    .easements li.col-xs-6 a {
        font-size: .9em;
    }
    .tile-content.swm .tile-content-position .tile-content-inner .tile-text {
        font-size: .85em;
    }
}
@media screen and (max-width: 768px) {
    .easements li.col-xs-6 a {
        font-size: .85em;
    }
    .tile-content.swm .tile-content-position .tile-content-inner .tile-text {
        font-size: .85em;
    }
}

#banner-small img {
    padding: 0px 5px;
    max-height: 50px;
    /*image-rendering: -moz-crisp-edges;*/ /* Firefox */
    /*image-rendering: -o-crisp-edges;*/ /* Webkit (non-standard naming) */
    /*image-rendering: -webkit-optimize-contrast;*/ /* Opera */
    /*image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;*/ /* IE (non-standard property) */
}
/* Navbar */


.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background-color: #fff;
    border-radius: 0;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (min-width: 1200px) {
    .navbar-nav > li > a {
        color: #333;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
     .navbar-nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .navbar-nav > li > a {
        padding-left: 9px;
        padding-right: 9px;
    }
}

@media screen and (min-width: 1025) and (max-width: 1200px) {
     .navbar-nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }
}

    .navbar-default .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: #F0CD34;
        background-color: transparent;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        background-color: #f8f8f8;
    }

.navbar-default .navbar-brand {
    color: #E5E4E0;
}

    /* Main Content */

    #main {
        background-color: #fff;
        padding-bottom: 24px;
    }

    #pagetitle {
        background-color: #337796;
        padding: 0;
        margin-bottom: 10px;
    }

        #pagetitle h2 {
            color: #fff;
            padding: 10px 0 3px 0;
            margin: 0;
        }

        #pagetitle h4 {
            padding: 0 0 10px 0;
            margin: 0;
        }

        #pagetitle div.banner {
            /*max-height: 240px;*/
            width: 100%;
        }
        #pagetitle div.banner img {
            width: 100%;
        }

        #pagetitle.customer .headerBar {
            background-color: #11526E;
        }

            #pagetitle.customer .headerBar h2 {
                color: #fff;
            }

            #pagetitle.customer .headerBar h4 {
                color: #F0CD34;
            }

        #pagetitle.agency .headerBar {
            background-color: #4a443a;
        }

            #pagetitle.agency .headerBar h2 {
                color: #fff;
            }

            #pagetitle.agency .headerBar h4 {
                color: #8DC63F;
            }

        #pagetitle.public .headerBar {
            background-color: #11526E;
        }

            #pagetitle.public .headerBar h2 {
                color: #fff;
            }

            #pagetitle.public .headerBar h4 {
                color: #F0CD34;
            }

        #pagetitle.title-basic {
        }

            #pagetitle.title-basic .headerBar {
                background-color: #52AB58;
            }

                #pagetitle.title-basic .headerBar h2 {
                    color: #fff;
                }

                #pagetitle.title-basic .headerBar h4 {
                    color: #fff;
                }

    .sideimage {
        margin-top: 24px;
    }

    .sidebox {
        margin-top: 24px;
        padding: 12px;
        color: #fff;
    }

        .sidebox a {
            color: #fff;
        }

            .sidebox a:hover, .sidebox a:focus {
                text-decoration: none;
                color: #E5E4E0;
            }
        .sidebox.bg-orange a:hover, .sidebox.bg-orange a:focus {
            text-decoration: none;
            color: #965333;
        }

        .sidebox h4 {
            margin: 0;
            padding: 0 0 6px 0;
            color: #11526E;
        }
        
        .sidebox img {
            margin: 0 10px 10px 0;
        }
        .sidebox.bg-orange p {
            color: #4a443a;
        }
        .sidebox.bg-orange a {
            color: #4a443a;
        }

.sidenav {
    /*font-size: 1.3em;*/
}
    .sidenav h3 {
/*        font-size: 1.1em;*/
        padding-left: 15px;
    }
h3.sidenav-extra {
    /*font-size: 1.43em;*/
    padding-left: 15px;
}

    #verifyName {
        display: none;
    }

.highlight {
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .highlight img {
        width: 100%;
        display: block;
    }
.highlight-img-link {
    font-family: Metropolis-SemiBold;
    display: block;
    position: relative;
    z-index: 2;
}
.highlight-div {
    padding: 10px;
    color: #333;
    background-color: #ECEBE7;
    position: relative;
    z-index: 3;
}
    .highlight-div a {
        position: absolute;
        bottom: calc(100% + 8px);
        z-index: 4;
    }
    .highlight-div span {
    position: relative;
    color: white; 
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    z-index: 1; /* Ensure gradient is above the image but below the text */
}

.highlight-div li {
    font-size: .8em;
}
.highlight-div ul {
    margin: 0;
}

    #faqs {
        position: relative;
    }

        #faqs h4 {
            cursor: pointer;
            font-family: Gotham-Light;
        }

            #faqs h4.active {
                color: #2896C5;
            }

        #faqs p {
            padding-bottom: 12px;
        }

    /* Footer */

#footer {
    padding-top: 24px;
    color: #4a443a;
}

        #footer img {
            margin: auto;
        }

        #footer a {
            color: #6a5f4f;
        }

.chart {
    border: 1px solid #E5E4E0;
}

    .login {
        padding-top: 18px;
    }

        .login a {
            width: 100%;
            color: #fff;
        }
        .login a:hover {
            opacity: .9;
            color: #fff;
        }

    /* Helper classes */
    .text-bigger {
        font-size: 110%;
    }
    .text-bigger2 {
        font-size: 130%;
    }

    .margin-top {
        padding-top: 18px;
    }

    .pad-right {
        padding-right: 12px;
    }

    .pad-left {
        padding-left: 12px;
    }

    .pad-top {
        padding-top: 6px;
    }

    .no-pad-top {
        margin-top: 0;
        padding-top: 0;
    }

    .pad-bottom {
        padding-bottom: 6px;
    }
    .mb3 {
        margin-bottom: 15px
    }
.mb2 {
    margin-bottom: 10px
}
.mb1 {
    margin-bottom: 5px
}
.p3 {
    padding: 15px
}

.p2 {
    padding: 10px
}

.p1 {
    padding: 5px
}

    .table-fixed {
        table-layout: fixed;
    }

    tr.bg-gray th {
        border-right: 1px solid #fff !important;
    }
    td a.btn {
        min-width: 60px;
    }

.bg-gray {
    background-color: #E5E4E0;
}

    .bg-lightgray {
        background-color: #f8f8f8;
    }

    .bg-orange {
        background-color: #F0CD34;
    }

.bg-blue {
    background-color: #11526E !important;
}
.label-mediumblue {
    background-color: #337796;
}

.bg-green {
    background-color: #52AB58;
}

    .bg-red {
        background-color: #cc3333;
    }

    .bg-yellow {
        background-color: #F0CD34;
    }

.bg-limegreen {
    background-color: #8DC63F;
}

    .bg-maroon {
        background-color: #9A2E31;
    }

.bg-brown {
    background-color: #965333;
}
.bg-darkbrown {
    background-color: #4a443a;
}
.text-darker-brown {
    color: #45413a;
}
    .text-orange {
        color: #F0CD34;
    }

.text-blue {
    color: #11526E;
}

.text-green {
    color: #52AB58;
}
.text-white {
    color: #fff;
}
    .clear {
        clear: both;
    }

    /* styles for validation helpers */
    .field-validation-error {
        color: #b94a48;
    }

    .field-validation-valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #b94a48;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #b94a48;
    }

    .validation-summary-valid {
        display: none;
    }

    .submit-warning {
        padding-bottom: 20px;
        padding-top: 10px;
    }
    /* Media Queries */

    /*@media (min-width: 480px) and (max-width: 763px) {
    p, div, a {
        font-size: 110%;
    }
}*/

    @media (max-width: 763px) {
        .navbar-default {
            height: auto;
            padding-top: 0;
        }

            .navbar-default .navbar-nav > li > a {
                margin-top: 0;
            }
    }

    .no-padding {
        padding-left: 0;
        padding-right: 0;
    }

    #supplyContainer {
        height: 278px;
        overflow-y: hidden;
    }

        #supplyContainer h5 {
            margin-top: -5px;
            display: block;
            color: #4a443a;
            padding: 10px;
            background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
        }

            #supplyContainer h5::after {
                content: 'Show More Supply History';
                padding-left: 20px;
            }

        #supplyContainer.showMoreView {
            overflow: hidden;
            height: 940px;
            margin-bottom: 10px;
        }

            #supplyContainer.showMoreView h5 {
                margin-top: -5px;
                padding: 10px;
                background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
            }

                #supplyContainer.showMoreView h5::after {
                    content: 'Show Less Supply History';
                    padding-left: 20px;
                }

        #supplyContainer h5.active {
            background-position: 1px -38px;
        }

    #demandContainer {
        height: 279px;
        overflow-y: hidden;
    }

        #demandContainer h5 {
            margin-top: -5px;
            display: block;
            color: #4a443a;
            padding: 10px;
            background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
        }

            #demandContainer h5::after {
                content: 'Show More Demand History';
                padding-left: 20px;
            }

        #demandContainer.showMoreView {
            overflow: hidden;
            height: 940px;
            margin-bottom: 10px;
        }

            #demandContainer.showMoreView h5 {
                margin-top: -5px;
                padding: 10px;
                background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
            }

                #demandContainer.showMoreView h5::after {
                    content: 'Show Less Demand History';
                    padding-left: 20px;
                }

        #demandContainer h5.active {
            background-position: 1px -38px;
        }

    #populationContainer {
        height: 278px;
        overflow-y: hidden;
    }

        #populationContainer h5 {
            margin-top: -5px;
            display: block;
            color: #4a443a;
            padding: 10px;
            background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
        }

            #populationContainer h5::after {
                content: 'Show More Population History';
                padding-left: 20px;
            }

        #populationContainer.showMoreView {
            overflow: hidden;
            height: 940px;
            margin-bottom: 10px;
        }

            #populationContainer.showMoreView h5 {
                margin-top: -5px;
                padding: 10px;
                background: url('../images/hide-form-icon.png') 1px 6px no-repeat;
            }

                #populationContainer.showMoreView h5::after {
                    content: 'Show Less Population History';
                    padding-left: 20px;
                }

        #populationContainer h5.active {
            background-position: 1px -38px;
        }

    .grant-programs {
        padding-bottom: 15px;
    }

    .grant-docs h4 {
        border-bottom: 2px solid #79848c;
    }

    .grant-docs a {
        width: 100%;
    }

    #demandEditForm h4 {
        margin-top: 20px;
        margin-bottom: 2px;
    }

    .form-group-gray {
        padding: 6px;
        background-color: rgb(235,235,235);
        display: inline-block;
    }

    .form-group-white {
        margin-top: 6px;
        padding: 6px;
        background-color: rgb(248,248,248);
        display: inline-block;
        width: 100%;
    }

    #conservation h3 {
        padding-top: 8px;
    }

    .display-block {
        display: block;
    }

    .horizontal-featurette {
        min-height: 100px;
    }

    .managersContainer {
        padding: 10px;
    }

    .managersImg {
        border: 1px solid lightgray;
    }
.control-label {
    color: #4a443a;
}
.wqr-img-container img {
    height: 70px;
}
.water-sources h4 {
    margin: 15px 0 3px 0;
}
.water-sources p {
    padding-top: 5px;
}
.taste span {
    font-family: Gotham-Medium;
}
li.liststyle-mediumblue::marker {
    color: #11526E;
}
ul.list-style-none {
    list-style: none;
}
.mr-3 {
    margin-right: 15px;
}
.mb-3 {
    margin-bottom: 15px;
}
.m-0 {
    margin: 0 !important;
}
.width100 {
    width: 100%;
}
.nav-tile {
    padding: 10px;
    height: 80px;
    font-size: 1.1em;
    margin-bottom: 15px;
    font-family: Metropolis-Regular, Calibri;
}
div.tile-content {
    height: 100%;
    position: relative;
}

.nav-tile .tile-content-position {
    width: 100%;
}

.tile-content-position {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tile-content-inner {
    display: table;
}

.tile-text {
    /*    position: relative;
    height: 100%;*/
    /*    float: left;*/
    line-height: 1.1em;
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
}
.tile-icon {
    float: left;
    /*position: relative;*/
    padding-right: 8px;
    padding-left: 8px;
    /*    height: 100%;*/
    display: table-cell;
}
.tile-text strong {
    color: white;
}
.nav-tile img {
    height: 40px;
}
.OneLineText {
    min-height: 40px;
}
.min-height-68 {
    min-height: 68px;
}
.TwoLineText {
    min-height: 60px;
}
.ThreeLineText {
    min-height: 80px;
}
.csboxes a:hover {
    opacity: .9;
}

@media screen and (min-width: 1201px) {
    .MissionVisionValues .panel-body {
        min-height: 110px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .MissionVisionValues .panel-body {
        min-height: 132px;
    }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    .MissionVisionValues .panel-body {
        min-height: 110px;
    }
    .OneLineText {
        min-height: 60px;
    }
    .ThreeLineText {
        min-height: 100px;
    }
}
@media screen and (min-width: 769px) {
    .highlight-div {
        position: relative;
    }
}
@media screen and (max-width: 768px){
    .OneLineText, .TwoLineText, .ThreeLineText {
        min-height: unset;
    }
}

.highlight.hl2 {
    margin-top: 15px;
}



/*From the Bootstrap 3.3.1 file -- unsure if custom*/
/*.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
    }
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 766px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width: 766px) {
    .navbar-header {
        float: left;
    }
}*/

/*.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}*/

    .navbar-nav .navbar-brand {
        color: #777777;
    }

        .navbar-nav .navbar-brand:hover,
        .navbar-nav .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-nav .navbar-text {
        color: #777777;
    }

    .navbar-nav .navbar-nav > li > a {
        color: #777777;
    }

        .navbar-nav .navbar-nav > li > a:hover,
        .navbar-nav .navbar-nav > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-nav .navbar-nav > .active > a,
    .navbar-nav .navbar-nav > .active > a:hover,
    .navbar-nav .navbar-nav > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-nav .navbar-nav > .disabled > a,
    .navbar-nav .navbar-nav > .disabled > a:hover,
    .navbar-nav .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-nav .navbar-toggle {
        border-color: #dddddd;
    }

        .navbar-nav .navbar-toggle:hover,
        .navbar-nav .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .navbar-nav .navbar-toggle .icon-bar {
            background-color: #888888;
        }

    .navbar-nav .navbar-collapse,
    .navbar-nav .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-nav .navbar-nav > .open > a,
    .navbar-nav .navbar-nav > .open > a:hover,
    .navbar-nav .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555555;
    }

@media (max-width: 765px) {
    .navbar-nav .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-nav .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-nav .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-nav .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-nav .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-nav .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-nav .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-nav .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-nav .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-nav .navbar-link {
    color: #777777;
}

    .navbar-nav .navbar-link:hover {
        color: #333333;
    }

.navbar-nav .btn-link {
    color: #777777;
}

    .navbar-nav .btn-link:hover,
    .navbar-nav .btn-link:focus {
        color: #333333;
    }

    .navbar-nav .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-nav .btn-link:hover,
    .navbar-nav .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-nav .btn-link:focus {
        color: #cccccc;
    }
h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
    padding-top: 8px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 12px;
    margin-bottom: 4px;
}


p {
    margin: 0 0 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 12px;
}

.nav.flex-column > li.active > a,
.nav > li.active > a:hover,
.nav.flex-column > li.active > a:focus {
    color: #ffffff;
    background-color: #11526E;
}
.nav.flex-column > li > a {
    color: #11526E;
}
.nav > li > a:hover {
    text-decoration: none;
    background-color: #E5E4E0;
}


.btn-default {
    color: #337796;
    background-color: #E5E4E0;
    border-color: #cccccc;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #337796;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #337796;
    }

.btn.bg-limegreen:hover,
.btn.bg-limegreen:focus,
.btn.bg-limegreen.focus,
.btn.bg-limegreen:active,
.btn.bg-limegreen.active,
.open > .dropdown-toggle.btn.bg-limegreen {
    color: #ffffff;
    background-color: #7eb238;
    border-color: #709e32;
}

.btn-primary {
    color: #ffffff;
    background-color: #4a443a;
    border-color: #676F50;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #5c503a;
        border-color: #2f3639;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #4a443a;
        border-color: #3a474c;
    }

    .btn-primary .badge {
        color: #4a443a;
        background-color: #E5E4E0;
    }

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    margin: 8px;
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 4px 0px 0px 0px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #E5E4E0;
    }

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #E5E4E0;
    }

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #E5E4E0;
    }

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #ffffff;
    }

.btn-link {
    color: #4a443a;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #242c2f;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.carousel-item.story > .ratio-16x9 {
    aspect-ratio: 1;

    padding: 30px !important;
}
.carousel-control.h-75 {
    height: 100% !important;
}
.modal-dialog.modal-xl {
    --bs-modal-width: 800px !important;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-next, .carousel-control-prev {
    width: unset;
    /*background-color: rgba(102, 102, 102, 0.2);*/
    /*    position: relative;*/
}
.carousel-control-next {
    transform: translate(100%, 0%);
}
.carousel-control-prev {
    transform: translate(-100%, 0%);
}
/*    .carousel-control-next:hover, .carousel-control-prev:hover {
        background-color: rgba(102, 102, 102, 0.5);
    }*/

    .modal-body > .btn-close {
        padding: 8px !important;
        color: #666;
    }
    .modal-body > .btn-close > svg {
        fill: #666;
    }

#waterstory .modal-body {
    position: relative;
    background-color: #fff;
    padding: 0px 35px !important;
}
#waterstory .modal-header {
    border-bottom: none;
    padding: 8px 12px;
}
#waterstory .modal-footer {
    border-top: none;
    padding: 8px 12px;
}

.carousel {
    position: relative;
}

.carousel-indicators {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 5px 0;
}

.carousel-indicators button {
    width: 150px; /* Increase the width */
    height: 150px; /* Increase the height */
    border: none;
    background: #fff;
    padding: 0;
    margin: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .carousel-indicators img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .carousel-indicators [data-bs-target] {
        width: 13.5%;
        height: auto;
        padding: 1px;
        margin-left: 5px;
        margin-right: 5px;
        opacity: unset;
        border-top: 4px;
        border-bottom: 4px;
    }


@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow);
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }

    .modal-sm {
        --bs-modal-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 700px;
    }
    .conservationLogosContainer {
        padding: 4px 16px 4px 16px;
    }
    .conservationLogosText {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .conservationLogosText {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 940px;
    }
}
.label-mediumblue {
    color: #fff;
    padding: 2px;
}
.tile-content.swm {
    height: 90px;
/*    width: 100%;*/
    margin-bottom: 15px;
    /*border: solid red 1px;*/
}
    .tile-content.swm .tile-content-position {
        width: 100%;
    }
        .tile-content.swm .tile-content-position .tile-content-inner {
            /*height: 90px;*/
            width: 100%;
            /*border: solid purple 1px;*/
        }
            .tile-content.swm .tile-content-position .tile-content-inner .tile-icon {
                height: 90px;
                width: 106px;
                /*border: solid blue 1px;*/
                display: flex;
                justify-content: center;
            }
            .tile-content.swm .tile-content-position .tile-content-inner .tile-text {
                height: 90px;
                width: 66%;
                /*border: solid green 1px;*/
            }

#conservationWaterMark {
   background-image: url('../images/conservationwatermark.jpg');
}

.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font24 {
    font-size: 22px;
}
.font24 {
    font-size: 24px;
}
.font28 {
    font-size: 28px;
}
.font32 {
    font-size: 32px;
}
.font36 {
    font-size: 36px;
}
.min-width-174 {
    min-width: 174px;
}
.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: none;
}