@font-face {
    font-family: "Avenir";
    src: local("Avenir"), url(/include/css//avenir-medium-webfont.a0770c56.woff2) format("woff2"), url(/include/css//avenir-medium-webfont.ac911ae1.woff) format("woff");
    font-weight: 500
}

@font-face {
    font-family: "Avenir";
    src: local("Avenir"), url(/include/css/avenir-light-webfont.af8b9d3e.woff2) format("woff2"), url(/include/css/avenir-light-webfont.e5b1da22.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: "Avenir";
    src: local("Avenir"), url(/include/css/avenir-heavy-webfont.a1f2dfa3.woff2) format("woff2"), url(/include/css/avenir-heavy-webfont.d56bb562.woff) format("woff");
    font-weight: 700
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #222
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

h2 {
    font-family: dienstag, sans-serif !important;
    font-style: normal;
    font-weight: 100
}

h4 {
    font-size: 22px
}

h3,
h4 {
    font-family: Avenir !important
}

h3 {
    font-size: 23px;
    font-weight: 100;
    margin-top: 0
}

.headerContainer {
    display: flex
}

.listItemColor {
    background-color: #f4f4f4
}

.listItemColor:nth-child(2n) {
    background-color: #fafafa
}

.esri-popup__content .esri-feature-content p {
    margin-bottom: 0
}

.centerText {
    display: block;
    text-align: center
}

.ui-alerts {
    position: absolute;
    z-index: 100;
    bottom: 10px
}

@media screen and (min-width:1236px) {
    .ui-alerts {
        top: 97px;
        right: 15px
    }
}

.modal {
    bottom: unset !important;
    top: unset !important;
    right: unset !important;
    left: unset !important
}

.App_app__10dw9 {
    background-color: #fefefe;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: stretch;
    justify-content: flex-start;
    color: #222
}

.App_pageContainer__1ZR6e {
    display: flex;
    flex: 1 1;
    width: 100%;
    padding: 20px
}

.App_defaultPageBackground__2t5uC {
    height: 100%;
    width: 100%;
    flex-grow: 2;
    background-color: #f4f4f4
}

.App_loginPageBackground__1L-VS {
    height: 100%;
    width: 100%;
    flex-grow: 2;
    background: transparent url(https://portal.cityofelgin.org/static/media/elgin-watermark.824680df.png) no-repeat;
    background-position: 100% calc(100% + 100px)
}

.App_authenticatedRouteContainer__2BewQ {
    display: flex;
    flex: 1 1;
    width: 100%;
    flex-grow: 2;
    background: #f4f4f4 url(https://portal.cityofelgin.org/static/media/elgin-watermark.824680df.png) no-repeat;
    background-position: 100% calc(100% + 100px);
    justify-content: center
}

.App_authenticatedScrollView__2CpUO {
    width: 100%;
    display: block
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .App_authenticatedScrollView__2CpUO {
        width: 100%;
        padding: 0
    }
}

@media only screen and (min-width:1236px) {
    .App_authenticatedScrollView__2CpUO {
        padding: 0 2vw;
        width: 100%;
        max-width: 1425px;
        margin: 0 auto
    }
}

.App_authenticatedNoSalesforceRouteContainer__2WkkK {
    display: flex;
    flex: 1 1;
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    background: #fefefe url(https://portal.cityofelgin.org/static/media/elgin-watermark-light-grey.a12b201f.png) no-repeat;
    background-position: 100% calc(100% + 100px);
    align-items: center
}

.App_unauthenticatedRouteContainer__1DOMW {
    display: flex;
    flex: 1 1;
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    background-color: #fefefe;
    align-items: center
}

.App_routeContainer__1I1IW {
    width: 100%
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .App_routeContainer__1I1IW {
        width: auto;
        display: flex;
        flex: 1 1;
        margin-left: 0;
        max-width: none
    }
}

@media only screen and (min-width:1236px) {
    .App_routeContainer__1I1IW {
        padding-left: 270px;
        margin-top: 30px;
        display: block
    }
}

@media only screen and (min-width:0px) and (max-width:668px) {

    .App_authenticatedRouteContainer__2BewQ,
    .App_loginPageBackground__1L-VS {
        background-size: contain
    }
}

@media only screen and (min-width:669px) {

    .App_authenticatedRouteContainer__2BewQ,
    .App_loginPageBackground__1L-VS {
        background-size: auto auto;
        background-size: initial
    }
}

.App_errorMessage__2FtRH {
    color: red;
    font-family: avenir;
    margin-top: 5px;
    display: inline-block
}

.Header_row__ETxdg {
    display: flex;
    align-items: center
}

.Header_menu__1bgN5 {
    position: -webkit-sticky;
    /* position: sticky; */
    top: 0;
    background: #003a88 0 0 no-repeat padding-box;
    width: 100%;
    display: flex;
    z-index: 100;
    height: 87px
}

.Header_menuItem__3zD9X {
    font-family: Avenir !important;
    font-size: 16px;
    color: #fefefe;
    display: flex;
    align-items: center;
    padding: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    height: 100%
}

.Header_menuItem__3zD9X.Header_dropdown__39YJG>.dropdown {
    display: flex;
    align-items: center;
    border: none !important
}

.Header_menuItem__3zD9X.Header_dropdown__39YJG>.dropdown>div.text {
    color: #fefefe !important
}

.Header_menuItem__3zD9X.Header_dropdown__39YJG div div span {
    color: #222 !important
}

.Header_menuItem__3zD9X.Header_dropdown__39YJG div i {
    color: #fff !important
}

.Header_menuItem__3zD9X.Header_dropdown__39YJG div .Header_item__falKD {
    color: #000
}

.Header_menuItem__3zD9X:hover {
    color: #fefefe;
    background: #2379c0 0 0 no-repeat padding-box;
    cursor: pointer
}

.Header_menuLogo__3JWkc {
    background: url(https://portal.cityofelgin.org/static/media/city-in-suburbs.a0bb8093.svg);
    width: 171px;
    height: 81px;
    background-repeat: no-repeat;
    background-size: contain;
    margin:  8px 20px;
}

.Header_menuLeftContainer__12M_E {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    background-color: initial !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.Header_menuRightContainer__1rN5k {
    margin-left: auto;
    display: flex
}

.Header_menuMobileRightContainer__2sVRt {
    visibility: hidden;
    margin-left: auto;
    display: flex;
    flex: 1 1;
    max-width: 80px
}

.Header_menuMobileRightContainer__2sVRt:hover {
    background: #2379c0 !important;
    cursor: pointer
}

.Header_menuMobileRightContainer__2sVRt:active {
    background: #2379c0 !important
}

.Header_menuMobileLeftContainer__3kHcE {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    background-color: initial !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    width: 80px
}

.Header_menuMobileLeftContainer__3kHcE:hover {
    cursor: pointer;
    background: #2379c0 !important
}

.Header_menuMobileLeftContainer__3kHcE:active {
    background: #2379c0 !important
}

.Header_headerSearchContainer__26lq- {
    margin: auto 8px
}

.Header_headerMobileSearchContainer__3Sfix {
    margin: auto 15px auto 0
}

.Header_headerMobile__2pfq_ {
    display: none;
    background: none
}

.Header_headerHamburger__K0eaY {
    flex: 1 1;
    height: auto !important;
    border-radius: 0 !important;
    color: #fefefe !important;
    font-size: 2em !important;
    margin: 0 !important
}

.Header_headerWeb__3tcel {
    flex-direction: column
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Header_headerMobile__2pfq_ {
        display: flex;
        flex-direction: column
    }

    .Header_headerWeb__3tcel {
        display: none
    }

    .Header_menu__1bgN5 {
        padding-left: 0
    }

    .Header_menuLogo__3JWkc {
        flex: 1 1;
        margin-right: 0
    }

    .Header_headerSearchContainer__26lq- {
        flex: 1 1;
        display: flex
    }

    .Header_menuMobileRightContainer__2sVRt {
        visibility: visible
    }
}

@media only screen and (min-width:1236px) {
    .Header_headerMobile__2pfq_ {
        display: none
    }

    .Header_headerWeb__3tcel {
        display: flex
    }

    .Header_menuLogo__3JWkc {
        flex: initial;
        margin-right: 20px
    }

    .Header_headerSearchContainer__26lq- {
        margin: auto 15px auto auto;
        flex: initial;
        display: inline;
        display: initial
    }

    .Header_menuMobileRightContainer__2sVRt {
        visibility: hidden
    }
}

@media only screen and (min-width:1236px) {
    .Header_menuHiddenWebSearchContainer__3RNt_ {
        display: none
    }
}

@media only screen and (min-width:1236px) and (max-width:1369px) {
    .Header_menuHiddenWebSearchContainer__3RNt_ {
        display: flex
    }

    .Header_menuHiddenWebSearchContainer__3RNt_>.Header_headerSearchContainer__26lq- {
        display: flex;
        flex: 1 1;
        margin: auto 8px
    }

    .Header_menuRightContainer__1rN5k>.Header_headerSearchContainer__26lq- {
        display: none !important
    }
}

.Header_headerBottomContainer__10Bvy {
    display: none
}

@media only screen and (min-width:1236px) and (max-width:1369px) {
    .Header_headerBottomContainer__10Bvy {
        display: flex;
        background: #003a88;
        padding: 10px;
        justify-content: center
    }
}

.Header_menuMobileLogoContainer__2ePkC {
    align-items: center;
    display: flex;
    flex: 2 1
}

.Header_menuMobileLogo__28hsd {
    background: url(https://portal.cityofelgin.org/static/media/elgin-horizontal-logo-white.1221c040.png) no-repeat 50%;
    height: 64px;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1 1
}

.Header_mobileSearchButtonToggle__2kkkJ {
    height: auto !important;
    font-size: 2em !important;
    color: #fff;
    flex: 1 1
}

.Header_headerMobileTopContainer__1TVQk {
    display: flex;
    height: 87px;
    background-color: #003a88
}

.Header_headerMobileBottomContainer__3sbI2 {
    display: none;
    height: 60px;
    background: #003a88;
    padding: 10px;
    justify-content: center
}

.Header_mobileSearchVisible__3AcfI {
    background: #2379c0 !important
}

.Header_mobileSearchInput__1L3gl {
    flex: 1 1;
    display: flex;
    font-family: "Avenir" !important
}

.Header_mobileSearchInput__1L3gl div {
    flex: 1 1;
    display: flex
}

.Header_searchInput__3R493 input {
    background-color: transparent !important;
    border-width: 0 !important;
    border-bottom: 2px #fff !important;
    border-style: solid !important;
    border-radius: 0 !important;
    padding-left: 2.67142857em !important;
    color: #fff !important;
    font-family: "Avenir" !important;
    font-size: 16px
}

.Header_searchInput__3R493 input+i {
    color: #fff;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    opacity: 1 !important;
    right: auto !important;
    font-size: 1.45em !important;
    margin-left: -10px !important
}

.Header_searchInput__3R493 input::selection {
    color: hsla(0, 0%, 100%, .4)
}

.Header_searchInput__3R493 .Header_ui__1yMz5.Header_icon__1v1vG.Header_input__TrjZR {
    display: flex
}

.Header_searchInput__3R493 .Header_ui__1yMz5.Header_icon__1v1vG.Header_input__TrjZR>input {
    padding-right: 2em !important
}

.Header_menuHiddenWebSearchContainer__3RNt_ {
    width: 80px
}

.Header_headerTopContainer__3dNAu {
    flex: 1 1;
    padding-left: 80px;
    flex-direction: row;
    display: flex;
    height: 87px
}

.Header_userDropdown__Nhtez {
    width: 212px;
    font-family: Avenir
}

.Header_userDropdownHeader__2FTpv {
    text-transform: none !important;
    font-family: Avenir;
    font-weight: 500 !important
}

.Header_userDropdownHeaderTop__C7dLs {
    display: flex;
    flex-direction: row
}

.Header_userDropdownHeaderInfo__64oKs {
    min-width: 0;
    margin-right: -16px;
    max-width: 100%;
    overflow: none;
    margin-left: 14px;
    color: #434343
}

.Header_userDropdownHeaderName__1S7mM {
    white-space: nowrap;
    line-height: 22px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.Header_userDropdownHeaderEmail__lD77r {
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.Header_userDropdownHeaderManageAccount__3fKZi {
    margin-top: 9px;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    display: block;
    text-align: center;
    font-style: Avenir
}

.Header_userDropdownItem__JOsT3 {
    font-size: 14px !important;
    line-height: 19px !important
}

.Header_userDropdownDivider__3COaw {
    width: 94%;
    margin: 0 auto !important
}

#userNestedDropdownContainer {
    padding: 0 !important
}

.Header_userDropdownNestedInner__2m72f {
    width: 100%;
    padding: 11px 16px
}

.Header_userDropdownNestedInner__2m72f .text {
    width: 100%;
    height: 19px
}

.Dropdown_dropdown__13nM8 {
    font-family: "Avenir";
    font-size: 16px;
    min-height: auto !important;
    padding: .65em 2.1em .65em 1em !important;
    flex: 1 1;
    max-height: 39px
}

.Dropdown_dropdown__13nM8 div {
    color: #222 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.Dropdown_dropdown__13nM8 i {
    line-height: normal !important;
    top: auto !important;
    color: #434343
}

.Dropdown_dropdown__13nM8.Dropdown_dark__20hax {
    background-color: #e0e0e0 !important;
    color: #434343;
    border-color: transparent !important
}

.Dropdown_dropdown__13nM8:focus-within {
    border: 1px solid #96c8da !important
}

.UserIcon_iconContainer__Plkh5 {
    position: relative
}

.UserIcon_icon__1lY2B {
    position: relative;
    min-width: 51px;
    min-height: 51px;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.UserIcon_icon__1lY2B.UserIcon_small__3Yu3z {
    width: 51px;
    height: 51px
}

.UserIcon_icon__1lY2B.UserIcon_medium__ULGiy {
    width: 101px;
    height: 101px
}

.UserIcon_icon__1lY2B.UserIcon_large__2rjpV {
    width: 201px;
    height: 201px
}

.UserIcon_icon__1lY2B.UserIcon_clickable__12Tkx:hover {
    transition: all .2s ease-in-out;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.UserIcon_icon__1lY2B.UserIcon_clickable__12Tkx:hover+.UserIcon_editIcon__KMGrK {
    opacity: 1
}

.UserIcon_badge__ilotf {
    font-size: 16px;
    top: -2px;
    right: -2px;
    background-color: #bf0000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fefefe !important
}

.UserIcon_badge__ilotf,
.UserIcon_editIcon__KMGrK {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.UserIcon_editIcon__KMGrK {
    pointer-events: none;
    transition: all .2s ease-in;
    opacity: 0;
    left: 92px;
    top: 0;
    height: 100%
}

.SiteSearch_searchWrapper__vc9pU {
    display: flex;
    flex-direction: row;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid #fefefe !important
}

.SiteSearch_searchWrapper__vc9pU i {
    align-self: center;
    color: #fefefe
}

.SiteSearch_searchBar__3CcwH {
    font-size: 16px;
    display: flex;
    padding: 0 !important;
    outline: none;
    background: none;
    color: #fefefe
}

.SiteSearch_searchBar__3CcwH>input {
    font-family: "Avenir" !important;
    color: #fefefe !important;
    font-size: 16px;
    border: none !important
}

.SiteSearch_searchBar__3CcwH:focus,
.SiteSearch_searchBar__3CcwH>input {
    outline: none !important;
    background: none !important
}

.Counter_row__1C_4f {
    display: flex;
    align-items: center;
    justify-content: center
}

.Counter_row__1C_4f:first-child {
    margin-bottom: 16px
}

.Counter_value__1d0te {
    font-size: 78px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 2px;
    font-family: "Courier New", Courier, monospace
}

.Counter_button__1xpSV {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    font-size: 32px;
    padding-left: 12px;
    padding-right: 12px;
    outline: none;
    border: 2px solid transparent;
    color: #704cb6;
    padding-bottom: 4px;
    cursor: pointer;
    background-color: rgba(112, 76, 182, .1);
    border-radius: 2px;
    transition: all .15s
}

.Counter_textbox__3ODaX {
    font-size: 32px;
    padding: 2px;
    width: 64px;
    text-align: center;
    margin-right: 8px
}

.Counter_button__1xpSV:focus,
.Counter_button__1xpSV:hover {
    border: 2px solid rgba(112, 76, 182, .4)
}

.Counter_button__1xpSV:active {
    background-color: rgba(112, 76, 182, .2)
}

.ForgotPassword_form__3ZUDj,
.ForgotPassword_row__3ieWC {
    display: flex;
    flex-direction: column
}

.ForgotPassword_row__3ieWC {
    width: 260px;
    padding-bottom: 15px
}

.ForgotPassword_center__2q6bY {
    align-self: center
}

.ForgotPassword_hrule__23Lp4 {
    width: 200px;
    color: #eaeaea
}

.ForgotPassword_page__1ionf {
    display: flex;
    justify-content: center;
    height: 100%
}

.Button_button__Nfhxt {
    font-family: "Avenir" !important;
    font-size: 16px !important;
    max-height: 39px;
    padding: 7px 1.5em !important
}

.Button_biggerButtonFont__3brpd,
.Button_button__Nfhxt {
    margin-bottom: 15px;
    line-height: normal !important;
    flex: 1 1;
    margin-right: 0 !important
}

.Button_biggerButtonFont__3brpd {
    font-family: "Lato" !important;
    font-size: 18px !important;
    max-height: 50px;
    padding: 11px 1.5em !important
}

.Button_blue__Y-PTO {
    background-color: #005daa !important;
    color: #fff !important
}

.Button_blue__Y-PTO:hover {
    background-color: #0071d1 !important
}

.Button_blue__Y-PTO:active {
    background-color: #003a88 !important
}

.Button_green__1Yapn {
    background-color: #77974c !important;
    color: #fff !important
}

.Button_green__1Yapn:hover {
    background-color: #8eb55a !important
}

.Button_green__1Yapn:active {
    background-color: #526933 !important
}

.Button_red__13zbj {
    background-color: #bf0000 !important;
    color: #fff !important
}

.Button_red__13zbj:hover {
    background-color: #cb3232 !important
}

.Button_red__13zbj:active {
    background-color: #980000 !important
}

.Button_grey__7YqPg {
    background-color: #e0e0e0 !important;
    color: #434343 !important
}

.Button_grey__7YqPg:hover {
    background-color: #ebebeb !important
}

.Button_grey__7YqPg:active {
    background-color: #b5b5b5 !important
}

.Button_lightBlue__2bX-B {
    background-color: #4285f4 !important;
    color: #fff !important
}

.Button_lightBlue__2bX-B:hover {
    background-color: #5a94f1 !important
}

.Button_lightBlue__2bX-B:active {
    background-color: #337ef7 !important
}

.Button_darkBlue__3f0pj {
    background-color: #3b5998 !important;
    color: #fff !important
}

.Button_darkBlue__3f0pj:hover {
    background-color: #486197 !important
}

.Button_darkBlue__3f0pj:active {
    background-color: #2b4c94 !important
}

.Button_orange__2eqKd {
    background-color: #de6839 !important;
    color: #fff !important
}

.Button_orange__2eqKd:hover {
    background-color: #db7148 !important
}

.Button_orange__2eqKd:active {
    background-color: #cc5f35 !important
}

.Button_black__1N2_w {
    background-color: #222 !important;
    color: #fff !important
}

.Button_black__1N2_w:hover {
    background-color: #080808 !important
}

.Button_black__1N2_w:active {
    background-color: #000 !important
}

.Spinner_spinner__kptye {
    margin-left: 20px !important;
    height: auto !important
}

.dimmer {
    position: fixed !important
}

.ResetPassword_form__1e_lx,
.ResetPassword_row__17Lau {
    display: flex;
    flex-direction: column
}

.ResetPassword_row__17Lau {
    width: 260px;
    padding-bottom: 15px
}

.ResetPassword_center__21tr3 {
    align-self: center
}

.ResetPassword_hrule__3gBvQ {
    width: 200px;
    color: #eaeaea
}

.ResetPassword_page__2TYJg {
    display: flex;
    justify-content: center;
    height: 100%
}

h2 {
    margin: 0;
    font-family: Avenir
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Dashboard_mobileDashboard__324ZL {
        display: flex
    }

    .Dashboard_webDashboard__3jfVu {
        display: none
    }
}

@media only screen and (min-width:1236px) {
    .Dashboard_mobileDashboard__324ZL {
        display: none
    }

    .Dashboard_webDashboard__3jfVu {
        display: flex
    }
}

.Dashboard_mobileDashboard__324ZL,
.Dashboard_webDashboard__3jfVu {
    flex-direction: column;
    flex: 1 1
}

.Dashboard_mobileHeader__2FJv7 {
    margin-left: 25px
}

.Dashboard_inlineAttentionContainer__2zOML {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #de6839;
    margin-left: 15px;
    cursor: pointer
}

.Dashboard_inlineAttentionContainer__2zOML:hover {
    color: #db7148
}

.Dashboard_inlineAttentionContainer__2zOML .Dashboard_inlineAttentionText__16nZs {
    font-size: 22px;
    font-family: Avenir;
    flex: 1 1;
    margin: auto 15px auto auto;
    font-weight: 700
}

.Dashboard_attentionInnerPanelContainer__2qLOP {
    margin-left: 45px;
    margin-right: 45px;
    flex-direction: column;
    flex: 1 1;
    color: #de6839;
    display: flex
}

.Dashboard_attentionInnerPanelContainer__2qLOP i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_attentionTopContainer__1QYzQ {
    display: flex;
    justify-content: center
}

.Dashboard_attentionInnerPanelContainer__2qLOP h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_itemsAttentionNumber__3PkRZ {
    font-size: 116px;
    font-family: Avenir;
    flex: 1 1;
    margin: auto 15px auto auto;
    font-weight: 700
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_itemsAttentionText__3KzjX {
    color: #222;
    flex: 2 1;
    margin: auto;
    font-size: 20px;
    font-family: Avenir
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_attentionBottomContainer__2vJaB {
    text-align: center;
    font-family: Avenir;
    color: #0071d1;
    cursor: pointer;
    margin-top: auto
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_attentionBottomContainer__2vJaB:hover {
    color: #003a88
}

.Dashboard_attentionInnerPanelContainer__2qLOP .Dashboard_attentionMiddleContainer__3HBix {
    min-height: 158px;
    display: flex;
    margin: auto
}

.Dashboard_activityInnerPanelContainer__TJCXl {
    flex-direction: column;
    flex: 1 1;
    color: #4baeff;
    display: flex
}

.Dashboard_activityInnerPanelContainer__TJCXl i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_activityInnerPanelContainer__TJCXl .Dashboard_activityTopContainer__22PVh {
    display: flex;
    justify-content: center
}

.Dashboard_activityInnerPanelContainer__TJCXl h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_activityInnerPanelContainer__TJCXl .Dashboard_activityBottomContainer__2jYNf {
    text-align: center;
    font-family: Avenir;
    color: #0071d1;
    margin-top: auto;
    cursor: pointer
}

.Dashboard_activityInnerPanelContainer__TJCXl .Dashboard_activityBottomContainer__2jYNf:hover {
    color: #003a88
}

.Dashboard_activityInnerPanelContainer__TJCXl .Dashboard_activityMiddleContainer__2vvyI {
    min-height: 158px;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px
}

.Dashboard_activityInnerPanelContainer__TJCXl .Dashboard_recentActivityLoadingContainer__3br-Q {
    width: 100%;
    display: flex;
    justify-content: center
}

.Dashboard_activityInnerPanelContainer__TJCXl table {
    border-collapse: collapse;
    display: flex;
    flex: 1 1
}

.Dashboard_activityInnerPanelContainer__TJCXl table tbody {
    font-family: Avenir;
    flex: 1 1
}

.Dashboard_activityInnerPanelContainer__TJCXl table tbody tr {
    height: 50px;
    display: flex;
    padding: 8px
}

.Dashboard_activityInnerPanelContainer__TJCXl table tbody tr td .Dashboard_leftTd__2z79- {
    color: #222
}

.Dashboard_activityInnerPanelContainer__TJCXl table tbody tr:nth-child(odd) {
    background-color: #f4f4f4
}

.Dashboard_activityInnerPanelContainer__TJCXl table tbody tr:nth-child(2n) {
    background-color: #fafafa
}

.Dashboard_activityStatus__31nZs.Dashboard_orange__1bmg9 {
    color: #de6839
}

.Dashboard_activityStatus__31nZs.Dashboard_blue__1q3bQ {
    color: #4490cd
}

.Dashboard_activityStatus__31nZs.Dashboard_red__FrEi6 {
    color: #bf0000
}

.Dashboard_activityStatus__31nZs.Dashboard_green__1xL46 {
    color: #77974c
}

.Dashboard_activityStatus__31nZs.Dashboard_gray__fLJCF {
    color: #434343
}

.Dashboard_activityStatus__31nZs.Dashboard_yellow__1lGZs {
    color: #e8a317
}

.Dashboard_noActivities__2ejgv {
    color: #222;
    width: 100%;
    text-align: center
}

.Dashboard_status__1Td6J {
    display: flex;
    flex-direction: column;
    flex: 4 1;
    justify-content: center;
    text-align: center
}

.Dashboard_activityDate__32-mq {
    font-size: 12px;
    color: #aaa
}

.Dashboard_activityName__1K3sw {
    color: #222;
    margin: auto;
    flex: 4 1
}

.Dashboard_arrow__HuVZH {
    flex: 1 1;
    margin: auto;
    justify-content: center;
    display: flex
}

.Dashboard_arrow__HuVZH div {
    margin: 0
}

.Dashboard_billPayInnerPanelContainer__MPY_q {
    display: flex
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayLeftContainer__23I-R {
    flex: 1 1;
    width: 100%;
    min-height: 100px
}

@media screen and (min-width:1236px) {
    .Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayLeftContainer__23I-R {
        flex: 2 1;
        width: 60%;
        display: flex;
        min-height: auto;
        max-height: 500px
    }
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx {
    flex-direction: column;
    flex: 1 1;
    color: #77974c;
    display: flex;
    width: 40%
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightTopContainer__3doKK {
    display: flex;
    justify-content: center
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightBottomContainer__GCGis {
    max-width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    font-family: Avenir
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightBottomContainer__GCGis .Dashboard_billPayRightUpcoming__zDu1N {
    font-weight: 500;
    color: #222;
    font-size: 18px
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightMiddleContainer__3w2oQ {
    margin-top: 25px;
    margin-bottom: 25px
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightMiddleContainer__3w2oQ .Dashboard_billPayRightHrContainer__zaG0Y {
    display: flex
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightMiddleContainer__3w2oQ .Dashboard_billPayRightHrContainer__zaG0Y hr {
    flex: 1 1
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx .Dashboard_billPayRightMiddleContainer__3w2oQ .Dashboard_billpayButtonContainer__1He6A {
    width: 156px;
    margin: auto;
    display: flex
}

.Dashboard_billPayInnerPanelContainer__MPY_q .Dashboard_billPayRightContainer__nRnsx h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_billPayAddPaymentContainer__3GyRY {
    display: flex;
    width: 100%;
    flex-direction: column
}

.Dashboard_billPayAddPaymentContainer__3GyRY .Dashboard_billPayAddPaymentTitle__zF5zQ {
    flex: 1 1;
    color: #77974c;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px
}

.Dashboard_billPayAddPaymentContainer__3GyRY .Dashboard_billPayAddPaymentTitle__zF5zQ i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_billPayAddPaymentContainer__3GyRY .Dashboard_billPayAddPaymentTitle__zF5zQ h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_billPayAddPaymentContainer__3GyRY .Dashboard_billPayAddPaymentAction__3ATKt {
    display: flex;
    flex-direction: column;
    align-items: center
}

.Dashboard_latestNewsCalendar__2PZgM {
    display: flex;
    flex-direction: column;
    margin: 50px auto auto
}

.Dashboard_latestNewsCalendar__2PZgM .Dashboard_viewCalendarContainer__1KBWT {
    margin-top: 20px;
    text-align: center
}

.Dashboard_latestNewsCalendar__2PZgM .Dashboard_viewCalendarContainer__1KBWT div {
    font-family: Avenir;
    color: #0071d1;
    cursor: pointer;
    font-size: 16px
}

.Dashboard_latestNewsCalendar__2PZgM .Dashboard_viewCalendarContainer__1KBWT div:hover {
    color: #003a88
}

.Dashboard_newsContainer__1akCE {
    min-height: 250px
}

.Dashboard_helpQuestionsContainer__2R1L2 {
    margin: 50px auto auto
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp {
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    flex: 1 1;
    color: #4baeff;
    display: flex
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp .Dashboard_activityTopContainer__22PVh {
    display: flex;
    justify-content: center
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp .Dashboard_activityBottomContainer__2jYNf {
    text-align: center;
    font-family: Avenir;
    color: #0071d1;
    margin-top: auto;
    cursor: pointer
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp .Dashboard_activityBottomContainer__2jYNf:hover {
    color: #003a88
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp .Dashboard_activityMiddleContainer__2vvyI {
    min-height: 158px;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table {
    border-collapse: collapse;
    display: flex;
    flex: 1 1
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table tbody {
    font-family: Avenir;
    flex: 1 1
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table tbody tr {
    height: 100px;
    display: flex;
    padding: 8px;
    flex-direction: column
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table tbody tr td .Dashboard_leftTd__2z79- {
    color: #222
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table tbody tr:nth-child(odd) {
    background-color: #f4f4f4
}

.Dashboard_activityInnerPanelMobileContainer__3z4gp table tbody tr:nth-child(2n) {
    background-color: #fafafa
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 {
    display: flex
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
    flex: 1 1;
    color: #77974c;
    display: flex
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf i {
    font-size: 32px;
    margin-right: 10px
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayTopContainer__1kGt0 {
    display: flex;
    justify-content: center
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayBottomContainer__dNlSs {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    font-family: Avenir
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayBottomContainer__dNlSs .Dashboard_billPayUpcoming__2zDaB {
    font-weight: 500;
    color: #222;
    font-size: 18px
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayMiddleContainer__2VKwa {
    margin-bottom: 25px;
    margin-top: 25px
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayMiddleContainer__2VKwa .Dashboard_billPayHrContainer__2Woi7 {
    display: flex
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayMiddleContainer__2VKwa .Dashboard_billPayHrContainer__2Woi7 hr {
    flex: 1 1
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf .Dashboard_billPayMiddleContainer__2VKwa .Dashboard_billpayButtonContainer__1He6A {
    width: 156px;
    margin: auto;
    display: flex
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6 .Dashboard_billPayContainer__3iaFf h3 {
    margin-top: auto;
    margin-bottom: auto
}

.Dashboard_dropdown__K1s0s {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 239px
}

tspan {
    font-size: 14px;
    font-family: "Avenir"
}

line:last-child {
    stroke-opacity: 0
}

.Dashboard_graphNoData__3VAzH {
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center
}

.Dashboard_billPayGraphMobileContainer__3bald {
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 100px;
    width: 100%
}

.Dashboard_bottomPage__1KPyo {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px
}

.Dashboard_bottomRow__3tS0Z {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1500px;
    margin-top: 100px
}

.Dashboard_elginTodayPostDate__3R_je {
    font-size: 15px;
    color: #434343
}

.Dashboard_elginTodayPostContent__2i6Sq {
    font-size: 18px;
    color: #1c5b8f
}

.Dashboard_elginTodayHeader__3hsoY {
    margin-bottom: 20px
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Dashboard_bottomRow__3tS0Z {
        flex-direction: column
    }
}

.Dashboard_billPayInnerPanelMobileContainer__1IJY6>.Dashboard_billPayContainer__3iaFf {
    margin: 0
}

.Panel_panel__3VGf8 {
    display: flex;
    background-color: #fefefe;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 30px 15px;
    flex: 1 1;
    flex-direction: column;
    font-size: 16px;
    font-family: "Avenir";
    max-width: 100%
}

@media screen and (min-width:1236px) {
    .Panel_panel__3VGf8 {
        padding-left: 30px;
        padding-right: 30px
    }
}

.Panel_panelRow__6kRPE {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    flex-direction: row;
    display: flex
}

.Panel_panelRow__6kRPE.Panel_fluid__2KZth {
    width: 100%
}

.Panel_panelRow__6kRPE>.Panel_panel__3VGf8:not(:first-child):not(:last-child) {
    margin-left: 15px;
    margin-right: 15px
}

.Panel_panelRow__6kRPE>.Panel_panel__3VGf8:first-child {
    margin-right: 15px
}

.Panel_panelRow__6kRPE>.Panel_panel__3VGf8:last-child {
    margin-left: 15px
}

.Panel_panelRow__6kRPE>.Panel_panel__3VGf8:first-child:last-child {
    margin-left: 0;
    margin-right: 0
}

@-webkit-keyframes Panel_blink__-bpQl {
    50% {
        border-color: #de6839
    }
}

@keyframes Panel_blink__-bpQl {
    50% {
        border-color: #de6839
    }
}

.Panel_panelHighlighted__2uz8J {
    border: 2px solid transparent;
    -webkit-animation: Panel_blink__-bpQl .6s step-end 6 alternate;
    animation: Panel_blink__-bpQl .6s step-end 6 alternate
}

.HelpQuestions_helpContainer__jhVuI {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px auto auto
}

.HelpQuestions_helpContainer__jhVuI>p {
    margin-top: 10px;
    margin-bottom: 0
}

.HelpQuestions_stickyHelp__1jjXV {
    position: -webkit-sticky;
    position: sticky;
    height: auto;
    top: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.HelpQuestions_elgin311Logo__3HuT_ {
    background: url(/static/media/elgin-311-logo.97dbc0b9.png) no-repeat 50%;
    width: 146px;
    height: 146px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: contain
}

.HelpQuestions_callingOutside__1jKSl {
    text-align: center
}

.HelpQuestions_socialIcons__3R2Rz {
    display: flex;
    width: 100%;
    margin: 5px auto;
    justify-content: space-around;
    text-align: center;
    color: #005daa
}

.HelpQuestions_socialIcons__3R2Rz a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.HelpQuestions_socialIcons__3R2Rz a div {
    display: flex;
    justify-content: center
}

.Icon_icon__3I9NW {
    margin: 5px
}

.Icon_iconContainer__3ujh3 {
    display: flex
}

.Icon_blue__2LjKL {
    color: #005daa !important
}

.Icon_blue__2LjKL.Icon_clickable__3P5KN {
    cursor: pointer
}

.Icon_blue__2LjKL.Icon_clickable__3P5KN:hover {
    color: #0071d1 !important
}

.Icon_blue__2LjKL.Icon_clickable__3P5KN:active {
    color: #003a88 !important
}

.Icon_green__1YVzg {
    color: #77974c !important
}

.Icon_green__1YVzg.Icon_clickable__3P5KN {
    cursor: pointer
}

.Icon_green__1YVzg.Icon_clickable__3P5KN:hover {
    color: #8eb55a !important
}

.Icon_green__1YVzg.Icon_clickable__3P5KN:active {
    color: #526933 !important
}

.Icon_red___AU3q {
    color: #bf0000 !important
}

.Icon_red___AU3q.Icon_clickable__3P5KN {
    cursor: pointer
}

.Icon_red___AU3q.Icon_clickable__3P5KN:hover {
    color: #cb3232 !important
}

.Icon_red___AU3q.Icon_clickable__3P5KN:active {
    color: #980000 !important
}

.Icon_black__f_oHS {
    color: #222 !important
}

.Icon_black__f_oHS.Icon_clickable__3P5KN {
    cursor: pointer
}

.Icon_black__f_oHS.Icon_clickable__3P5KN:hover {
    color: #b5b5b5 !important
}

.Icon_black__f_oHS.Icon_clickable__3P5KN:active {
    color: #222 !important
}

.Icon_orange__3L4bz {
    color: #de6839 !important
}

.Icon_orange__3L4bz.Icon_clickable__3P5KN {
    cursor: pointer
}

.Icon_orange__3L4bz.Icon_clickable__3P5KN:active,
.Icon_orange__3L4bz.Icon_clickable__3P5KN:hover {
    color: #de6839 !important
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK {
    margin-left: 50px;
    margin-right: 50px;
    max-width: 100%
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO {
    display: flex;
    padding: 10px;
    flex-direction: column;
    max-width: 250px
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO.ActivitiesWizard_actionInnerLeftContainer__1Naeo,
.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopAvenirContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO.ActivitiesWizard_actionInnerMiddleContainer__Qx-pE {
    flex: 7 1
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO.ActivitiesWizard_actionInnerRightContainer__2U4rw {
    flex: 5 1;
    min-width: 198px;
    max-width: 221px
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeaderContainer__3l7o8 {
    display: flex
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeader__3mX1H {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterBottomContainer__2dVu1 {
    flex: 2 1;
    display: flex;
    flex-direction: column;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 15px;
    text-align: center
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_errorMessage__3k4tG {
    color: #bf0000
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_disclaimer__2lEwT {
    margin-top: 15px;
    color: #707070
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_arrow__25eVj {
    margin-top: 35px;
    max-width: 60px
}

.ActivitiesWizard_topInnerPanelContainer__3oJsK .ActivitiesWizard_dropdown__374B0 {
    max-width: 100%
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO {
    display: flex;
    padding: 10px;
    flex-direction: column
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeaderContainer__3l7o8 {
    display: flex;
    margin: auto
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeader__3mX1H {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_arrowContainer__BeAgk {
    display: flex;
    margin: 15px auto auto
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterTopContainer__3LTK6 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_inputContainer__3K9qR {
    margin: 0 auto;
    width: 209px;
    display: flex
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO {
    display: flex;
    padding: 10px;
    flex-direction: column;
    margin: auto
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeaderContainer__3l7o8 {
    display: flex
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_numberHeader__3mX1H {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_arrowContainer__BeAgk {
    display: flex;
    margin: 15px auto auto
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_inputContainer__3K9qR {
    display: flex
}

.ActivitiesWizard_topInnerPanelMobileContainer__24-LD .ActivitiesWizard_actionOutterBottomContainer__2dVu1 .ActivitiesWizard_actionInnerContainer__1ZwxO .ActivitiesWizard_startButtonContainer__2So0O {
    width: 201px;
    margin: auto;
    display: flex
}

.ActivitiesWizard_buildingPermitDescParagraph__p7F4B {
    margin-bottom: 0
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .ActivitiesWizard_topInnerPanelContainer__3oJsK {
        display: none
    }
}

@media only screen and (min-width:1236px) {
    .ActivitiesWizard_topInnerPanelMobileContainer__24-LD {
        display: none
    }
}

.ColoredCircle_circle__1WcdP {
    font-family: "Avenir"
}

.ColoredCircle_circle__1WcdP span {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin: auto;
    max-width: 150px
}

.ColoredCircle_coloredCircleExtraSmall__2nunZ {
    width: 29px;
    height: 29px;
    border-radius: 15px;
    border: 2px solid;
    display: flex;
    margin: 5px 15px 5px 5px
}

.ColoredCircle_coloredCircleExtraSmall__2nunZ span {
    font-size: 16px;
    max-width: 20px
}

.ColoredCircle_coloredCircleSmall__1JN58 {
    width: 140px;
    height: 140px;
    border-radius: 70px;
    border: 5px solid;
    display: flex;
    margin: 10px
}

.ColoredCircle_coloredCircleSmall__1JN58 span {
    font-size: 15px;
    max-width: 105px
}

.ColoredCircle_coloredCircleLarge__5WDoi {
    width: 190px;
    height: 190px;
    border-radius: 95px;
    border: 5px solid;
    display: flex;
    margin: 10px 20px
}

.ColoredCircle_coloredCircleContainer__1_-jU {
    flex-direction: row;
    display: flex;
    margin: auto
}

.ColoredCircle_coloredCircleRow__171sf {
    display: flex;
    flex-direction: row;
    margin-top: 30px
}

.ColoredCircle_green__1fH0f {
    color: #77974c;
    border-color: #77974c;
    background-size: 200% 200%
}

.ColoredCircle_green__1fH0f.ColoredCircle_opaque__Q6Hpw {
    border: none;
    background-color: #77974c;
    color: #fefefe
}

.ColoredCircle_green__1fH0f.ColoredCircle_clickable__3eUg- {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, #77974c 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #77974c;
    transition: background-size .25s, color .25s, background-color .5s;
    cursor: pointer
}

.ColoredCircle_green__1fH0f.ColoredCircle_clickable__3eUg-:hover {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, transparent 0);
    background-repeat: no-repeat;
    transition: background-size .25s, color .25s, background-color .25s;
    background-size: 0 0;
    background-position: 50% 50%;
    color: #fefefe;
    background-color: #77974c;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ColoredCircle_purple__3ov_F {
    color: #895375;
    border-color: #895375;
    background-size: 200% 200%
}

.ColoredCircle_purple__3ov_F.ColoredCircle_opaque__Q6Hpw {
    border: none;
    background-color: #895375;
    color: #fefefe
}

.ColoredCircle_purple__3ov_F.ColoredCircle_clickable__3eUg- {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, #895375 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #895375;
    transition: background-size .25s, color .25s, background-color .5s;
    cursor: pointer
}

.ColoredCircle_purple__3ov_F.ColoredCircle_clickable__3eUg-:hover {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, transparent 0);
    background-repeat: no-repeat;
    transition: background-size .25s, color .25s, background-color .25s;
    background-size: 0 0;
    background-position: 50% 50%;
    color: #fefefe;
    background-color: #895375;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ColoredCircle_blue__1XOxj {
    color: #4490cd;
    border-color: #4490cd;
    background-size: 200% 200%
}

.ColoredCircle_blue__1XOxj.ColoredCircle_opaque__Q6Hpw {
    border: none;
    background-color: #4490cd;
    color: #fefefe
}

.ColoredCircle_blue__1XOxj.ColoredCircle_clickable__3eUg- {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, #4490cd 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #4490cd;
    transition: background-size .25s, color .25s, background-color .5s;
    cursor: pointer
}

.ColoredCircle_blue__1XOxj.ColoredCircle_clickable__3eUg-:hover {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, transparent 0);
    background-repeat: no-repeat;
    transition: background-size .25s, color .25s, background-color .25s;
    background-size: 0 0;
    background-position: 50% 50%;
    color: #fefefe;
    background-color: #4490cd;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ColoredCircle_orange__2nIGi {
    color: #de6839;
    border-color: #de6839;
    background-size: 200% 200%
}

.ColoredCircle_orange__2nIGi.ColoredCircle_opaque__Q6Hpw {
    border: none;
    background-color: #de6839;
    color: #fefefe
}

.ColoredCircle_orange__2nIGi.ColoredCircle_clickable__3eUg- {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, #de6839 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #de6839;
    transition: background-size .25s, color .25s, background-color .5s;
    cursor: pointer
}

.ColoredCircle_orange__2nIGi.ColoredCircle_clickable__3eUg-:hover {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, transparent 0);
    background-repeat: no-repeat;
    transition: background-size .25s, color .25s, background-color .25s;
    background-size: 0 0;
    background-position: 50% 50%;
    color: #fefefe;
    background-color: #de6839;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ColoredCircle_gray__2dJ9x {
    color: #6d6e71;
    border-color: #6d6e71;
    background-size: 200% 200%
}

.ColoredCircle_gray__2dJ9x.ColoredCircle_opaque__Q6Hpw {
    border: none;
    background-color: #de6839;
    color: #fefefe
}

.ColoredCircle_gray__2dJ9x.ColoredCircle_clickable__3eUg- {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, #6d6e71 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #6d6e71;
    transition: background-size .25s, color .25s, background-color .5s;
    cursor: pointer
}

.ColoredCircle_gray__2dJ9x.ColoredCircle_clickable__3eUg-:hover {
    background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .7) 50%, transparent 0);
    background-repeat: no-repeat;
    transition: background-size .25s, color .25s, background-color .25s;
    background-size: 0 0;
    background-position: 50% 50%;
    color: #fefefe;
    background-color: #6d6e71;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ColoredCircle_blur__3_goR {
    background-color: hsla(0, 0%, 100%, .7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

@media only screen and (min-width:0px) and (max-width:1409px) {
    .ColoredCircle_coloredCircleLarge__5WDoi {
        width: 145px;
        height: 145px;
        margin: 10px 12px
    }

    .ColoredCircle_coloredCircleLarge__5WDoi span {
        font-size: 20px;
        max-width: 125px
    }
}

@media only screen and (min-width:1410px) {
    .ColoredCircle_coloredCircleLarge__5WDoi {
        width: 190px;
        height: 190px;
        margin: 10px 20px
    }

    .ColoredCircle_coloredCircleLarge__5WDoi span {
        font-size: 22px;
        max-width: 150px
    }
}

.Arrow_arrow__1QBKY {
    width: 77px;
    display: flex;
    margin-left: 10px;
    flex: 1 1 !important
}

.Arrow_arrow__1QBKY .Arrow_point__nGMRZ {
    margin-top: auto;
    margin-bottom: auto;
    width: 0;
    height: 0;
    float: right
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa {
    max-width: 35px
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa .Arrow_line__2viML {
    width: 25px;
    background: #b5b5b5;
    height: 1px;
    float: left;
    margin: auto
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa .Arrow_point__nGMRZ {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #b5b5b5
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_purple__1sZah .Arrow_point__nGMRZ {
    border-left: 11px solid #895375
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_purple__1sZah .Arrow_line__2viML {
    background: #895375
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_blue__yvJk7 .Arrow_point__nGMRZ {
    border-left: 11px solid #4baeff
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_blue__yvJk7 .Arrow_line__2viML {
    background: #4baeff
}

.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_down__2uoX1,
.Arrow_arrow__1QBKY.Arrow_small__3KRqa.Arrow_up__214J6 {
    height: 35px
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq .Arrow_line__2viML {
    background: #b5b5b5;
    height: 2px;
    float: left;
    margin: auto;
    flex: 1 1
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq .Arrow_point__nGMRZ {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #b5b5b5
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_purple__1sZah .Arrow_point__nGMRZ {
    border-left: 13px solid #895375
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_purple__1sZah .Arrow_line__2viML {
    background: #895375
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_blue__yvJk7 .Arrow_point__nGMRZ {
    border-left: 13px solid #4baeff
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_blue__yvJk7 .Arrow_line__2viML {
    background: #4baeff
}

.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_down__2uoX1,
.Arrow_arrow__1QBKY.Arrow_normal__2xeFq.Arrow_up__214J6 {
    height: 77px
}

.Arrow_left__3iC84 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.Arrow_right__3ty2Q {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.Arrow_up__214J6 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.Arrow_down__2uoX1 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.BillPayGraph_graphHeader__3zaz4,
.BillPayGraph_graphNoData__1p3Vx {
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center
}

.BillPayGraph_graphHeader__3zaz4 {
    margin-bottom: 0
}

.billPayDetails_billPayDetails__1Tpjg {
    color: #707070;
    font-size: 14px;
    font-style: italic
}

ul.billPayDetails_leaders__1LR-- {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

ul.billPayDetails_leaders__1LR-- li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
}

ul.billPayDetails_leaders__1LR-- span:first-child {
    padding-right: .33em;
    background: #fff
}

ul.billPayDetails_leaders__1LR-- span+span {
    float: right;
    padding-left: .33em;
    background: #fff
}

.PageContainer_page__2myrk {
    display: flex;
    flex: 1 1;
    padding-top: 10px;
    padding-bottom: 20px;
    flex-direction: column;
    max-width: 100%;
    align-self: flex-start
}

.NavigationCircles_circleContainer__1R3vZ {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto auto;
    justify-content: space-evenly
}

.billPayAccountSelection_billPayDetails__39JtP {
    color: #707070;
    font-size: 18px;
    font-style: italic;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 15px 25px
}

.billPayAccountSelection_billPayDetails__39JtP:hover {
    cursor: pointer;
    border: 1px solid #5a94f1
}

ul.billPayAccountSelection_leaders__2IZhf {
    max-width: 60em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

ul.billPayAccountSelection_leaders__2IZhf li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
}

ul.billPayAccountSelection_leaders__2IZhf span:first-child {
    padding-right: .33em;
    background: #fff
}

ul.billPayAccountSelection_leaders__2IZhf span+span {
    float: right;
    padding-left: .33em;
    background: #fff
}

.News_newsContainer__s_vSp {
    width: 100%;
    max-width: 1500px;
    padding-left: 90px;
    padding-right: 90px;
    margin-top: 100px;
    margin-bottom: 60px
}

.News_newsContainer__s_vSp h2 {
    text-align: center;
    margin-bottom: 70px
}

.News_newsContainer__s_vSp .slick-slider {
    padding-left: 30px;
    padding-right: 30px
}

.News_newsContainer__s_vSp .slick-arrow:before {
    content: none
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .News_newsContainer__s_vSp {
        padding-left: 35px;
        padding-right: 35px
    }
}

.News_newsItem__2_qiE {
    display: flex !important;
    flex-direction: column;
    outline: 0;
    padding-left: 20px;
    padding-right: 20px
}

.News_newsItem__2_qiE:focus {
    outline: 0
}

.News_newsItem__2_qiE .News_newsTitle__1yu_M {
    text-align: center;
    color: #005daa;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}

.News_newsItem__2_qiE img {
    align-self: center;
    margin-bottom: 30px;
    width: 100%;
    object-fit: contain
}

.Events_happeningContainer__34Xiy {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 30px;
    margin-right: 30px
}

.Events_happeningContainer__34Xiy .Events_calendarLink__1rCF2 {
    margin-top: 15px
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Events_happeningContainer__34Xiy {
        margin-top: 60px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.Events_eventItem__F3gGC {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #222;
    padding: 10px 20px;
    align-items: center;
    color: #222
}

.Events_eventItem__F3gGC:hover {
    background-color: #f4f4f4;
    color: #222;
    cursor: pointer
}

.Events_eventItem__F3gGC .Events_eventIcon__3AdYH {
    margin-left: 40px
}

.PopularServices_title__15HTb {
    font-family: "Lato";
    font-size: 24px;
    margin-bottom: 30px
}

.PopularServices_gridContainer__1lMbQ {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    grid-column-gap: 10%;
    -webkit-column-gap: 10%;
    column-gap: 10%;
    grid-row-gap: 30px;
    row-gap: 30px
}

.PopularServices_gridItem__3n46J {
    cursor: pointer;
    height: 53px;
    border-bottom: 2px solid #222;
    text-align: center;
    color: #222;
    font-weight: 800;
    font-size: 14px;
    font-family: "Avenir";
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px
}

.PopularServices_gridItemText__3VHax {
    font-family: "Lato";
    width: 75%;
    text-align: left;
    padding-left: 20px;
    text-transform: capitalize;
    word-break: keep-all
}

.PopularServices_gridItemServiceIcon__3lHa4 {
    background: url(https://portal.cityofelgin.org/static/media/sample-service-icon.d2da33ca.svg) no-repeat 50%;
    background-size: contain;
    width: 32px;
    height: 32px
}

.PopularServices_gridItemCarrotIcon__2iO67 {
    background: url(https://portal.cityofelgin.org/static/media/carrot.50ab28e7.svg) no-repeat 50%;
    width: 32px;
    height: 32px
}

.PopularServices_viewAllLinkContainer__32o9h {
    text-align: right;
    margin-top: 30px
}

.PopularServices_viewAllLink__3ZvnV {
    font-family: "Lato";
    color: #003a88;
    font-weight: 800;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer
}

.PopularServices_topInnerPanelContainer__jkg3A {
    margin: 10px 25px;
    max-width: 100%
}

.PopularServices_spinnerContainer__311SC {
    margin: auto;
    min-height: 297px
}

@media only screen and (min-width:0px) and (max-width:1400px) {
    .PopularServices_gridContainer__1lMbQ {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media only screen and (min-width:0px) and (max-width:750px) {
    .PopularServices_gridContainer__1lMbQ {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

.ActivitiesList_heading__3sf5b {
    color: #302e2e;
    font-family: Dienstag;
    font-size: 24px
}

.ActivitiesList_action_container__1tQSY {
    background-color: #fdfdfd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 10px;
    font-family: Avenir;
    font-spacing: 0;
    margin: 10px 0 30px;
    padding: 25px
}

.ActivitiesList_action_container_heading__3LSP1 {
    color: #222;
    display: inline-block;
    margin-right: 30px;
    text-transform: capitalize;
    font-family: Avenir;
    font-size: 23px;
    font-weight: 300
}

.ActivitiesList_listing_table__3ESuj {
    margin-top: 30px
}

.ActivitiesList_list_item__1ZzHn {
    min-height: 50px;
    font-size: 16px;
    cursor: pointer
}

.ActivitiesList_item_text__3r4xl {
    display: inline-block;
    font-size: 16px;
    margin: 14px 24px
}

.ActivitiesList_tag__22unG {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    width: 150px;
    height: 26px;
    padding: 4px 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700
}

.ActivitiesList_LASERFICHE_FORM__3j4rZ {
    background-color: #4baeff
}

.ActivitiesList_CUSTOM_FORM__2oDCW {
    background-color: #895375
}

.ActivitiesList_EXTERNAL_LINK__1BCw4 {
    background-color: #de6839
}

.ActivitiesList_CONTENT__2Fr62 {
    background-color: #77974c
}

.ActivitiesCreate_innerPanelContainer__3E5zE {
    max-width: 745px
}

.ActivitiesCreate_inputLabel__1lv65 {
    font-weight: 700;
    font-family: "Lato";
    font-size: 13px;
    margin-bottom: 5px
}

.ActivitiesCreate_inputLabelNote__20mio {
    display: block;
    font-family: "Lato";
    font-size: 13px;
    margin-bottom: 5px
}

.ActivitiesCreate_row__31iKt {
    margin-bottom: 20px
}

.ActivitiesCreate_orderContainer__Er3qQ {
    max-width: 106px
}

.ActivitiesCreate_pageHeader__1Hb8H {
    display: flex
}

.ActivitiesCreate_submitContainer__1ue4P {
    max-width: 91px;
    margin-left: auto
}

.ActivitiesCreate_activitiesLink__3LAoA {
    max-width: 175px
}

.ActivitiesCreate_topError__wQ96s {
    color: #bf0000;
    width: 100%;
    text-align: center
}

.ActivitiesCreate_buttonWrap__J6nM3 {
    position: relative;
    display: flex;
    align-items: center
}

.ActivitiesCreate_fileUploadButton__1m0Ze {
    display: inline-block;
    padding: 6px 1.5em;
    cursor: pointer;
    border-radius: 5px;
    background-color: #005daa;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-family: "Avenir";
    font-size: 15px;
    height: 32px
}

.ActivitiesCreate_activityIcon__2q32n {
    display: inline-block;
    margin-right: 20px;
    max-width: 32px;
    max-height: 32px
}

.Text_text__3S-Qr {
    font-size: 16px;
    max-height: 39px;
    display: flex;
    padding: 0 !important;
    color: #222 !important;
    outline: none;
    margin-bottom: 10px
}

.Text_text__3S-Qr input {
    font-family: "Avenir" !important;
    color: #222 !important
}

.Text_text__3S-Qr:focus {
    outline: none
}

.Textarea_textarea__2VyKQ {
    font-size: 16px;
    min-height: 115px;
    display: flex;
    padding: .67857143em 1em;
    resize: none;
    width: 100%;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    outline: none;
    font-family: "Avenir" !important;
    color: #222 !important
}

.Textarea_textarea__2VyKQ:focus-within {
    border: 1px solid #96c8da !important
}

.Toggle_toggle__2sedu {
    font-size: 16px;
    min-height: 115px;
    display: flex;
    padding: 0 !important;
    color: #222 !important;
    resize: none;
    margin-right: 40px
}

.Toggle_toggle__2sedu input {
    font-family: "Avenir" !important;
    color: #222 !important
}

.Toggle_toggleContainer__31V_I {
    display: flex
}

.Toggle_toggleContainer__31V_I div {
    font-weight: 500;
    font-size: 14px
}

.BackArrow_link__12y0H {
    max-width: 265px
}

.BackArrow_arrowImg__2y6mc {
    background: url(https://portal.cityofelgin.org/static/media/left-arrow.4aa8b08c.svg) no-repeat 50%;
    background-size: 29px;
    width: 29px;
    height: 29px
}

.BackArrow_arrowText__2S3iQ {
    font-family: "Lato";
    color: #005daa;
    font-size: 20px;
    font-weight: 800;
    margin-left: 20px !important
}

.BackArrow_containerCenter__3WMBl {
    align-items: center
}

.BackArrow_container__1QQJo {
    display: flex;
    font-family: Avenir;
    color: #0071d1;
    cursor: pointer;
    margin-top: 10px
}

.BackArrow_container__1QQJo:hover {
    color: #003a88
}

.BackArrow_container__1QQJo div {
    margin-left: 0
}

.BackArrow_container__1QQJo .BackArrow_back_text__1ZheG {
    margin-left: 10px;
    max-width: 250
}

.BackArrow_container__1QQJo .BackArrow_arrow_container__um4NY {
    display: flex
}

.LaserficheEmbed_page_container__23-7q {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%
}

.LaserficheEmbed_iframe_container__dv2mh {
    height: 100%
}

.LaserficheEmbed_iframe_container__dv2mh iframe {
    height: 100% !important
}

.ActivitiesEdit_innerPanelContainer__3XjTw {
    max-width: 745px
}

.ActivitiesEdit_inputLabel__CznH9 {
    font-weight: 700;
    font-family: "Lato";
    font-size: 13px;
    margin-bottom: 5px
}

.ActivitiesEdit_inputLabelNote__1OfX2 {
    display: block;
    font-family: "Lato";
    font-size: 13px;
    margin-bottom: 5px
}

.ActivitiesEdit_row__2P2Ig {
    margin-bottom: 20px
}

.ActivitiesEdit_pageHeader__JENZV {
    display: flex
}

.ActivitiesEdit_submitContainer__3ldiQ {
    margin-left: auto
}

.ActivitiesEdit_submitContainer__3ldiQ>button {
    margin-left: 5px
}

.ActivitiesEdit_activitiesLink__kcMFN {
    max-width: 175px
}

.ActivitiesEdit_topError__2X1uQ {
    color: #bf0000;
    width: 100%;
    text-align: center
}

input[type=file] {
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 8px;
    font-size: 17px;
    color: #b8b8b8
}

.ActivitiesEdit_buttonWrap__3K2kC {
    position: relative;
    display: flex;
    align-items: center
}

.ActivitiesEdit_fileUploadButton__l-vP2 {
    display: inline-block;
    padding: 6px 1.5em;
    cursor: pointer;
    border-radius: 5px;
    background-color: #005daa;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-family: "Avenir";
    font-size: 15px;
    height: 32px
}

.ActivitiesEdit_activityIcon__G1-yU {
    display: inline-block;
    margin-right: 20px;
    max-width: 32px;
    max-height: 32px
}

.LanguagesList_page_container__1FcBZ {
    padding: 20px;
    flex-grow: 1
}

.LanguagesList_listing_table__3rbrC {
    margin-top: 30px
}

.LanguagesList_list_item__3JVls {
    height: 50px;
    font-size: 16px;
    cursor: pointer
}

.LanguagesList_item_text__2qLNg {
    display: inline-block;
    font-size: 16px;
    margin: 14px 24px
}

.LanguagesEdit_page_header__1vLw3 {
    display: flex
}

.LanguagesEdit_inner_panel_container__5dkjW {
    max-width: 825px;
    display: grid;
    grid-gap: 1rem
}

@media (min-width:600px) {
    .LanguagesEdit_inner_panel_container__5dkjW {
        grid-template-columns: repeat(2, 1fr)
    }
}

.LanguagesEdit_textarea_container__3Zmyk {
    font-size: 13px
}

.LanguagesEdit_textarea_container__3Zmyk>textarea {
    min-height: 50px;
    height: 91px
}

.LanguagesEdit_listing_table__579n9 {
    margin-top: 30px
}

.LanguagesEdit_list_item__aDCq5 {
    font-size: 16px;
    padding: 14px 24px
}

.LanguagesEdit_list_item__aDCq5>p {
    word-wrap: break-word
}

.LanguagesEdit_submit_container__mCeMC {
    margin-left: auto
}

.Home_form__3Qolm,
.Home_row__36Iyx {
    display: flex;
    flex-direction: column
}

.Home_row__36Iyx {
    width: 260px;
    padding-bottom: 15px
}

.Home_center__rkgqu {
    align-self: center
}

.Home_page__3lnVW {
    font-family: Avenir;
    background-color: #fefefe
}

.Home_page__3lnVW,
.Home_topPage__24uqy {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.Home_topPage__24uqy {
    background-image: linear-gradient(180deg, transparent, transparent 70%, #fefefe), url(https://portal.cityofelgin.org/static/media/Elgin-City-View.28327472.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

html.Home_webp__35W0k .Home_topPage__24uqy {
    background-image: linear-gradient(180deg, transparent, transparent 70%, #fefefe), url(https://portal.cityofelgin.org/static/media/Elgin-City-View.c34789e9.webp)
}

@media only screen and (min-width:1236px) {
    .Home_headerLogo__WQLQt {
        background: url(https://portal.cityofelgin.org/static/media/city-in-suburbs.a0bb8093.svg) no-repeat 50%;
        width: 320px;
        height: 190px;
        margin-top: 35px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.Home_activityContainer__2RJ0- {
    background-color: hsla(0, 0%, 90.2%, .96);
    max-width: 1045px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    margin-top: 75px
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Home_activityContainer__2RJ0- {
        width: 95%;
        padding: 22px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (min-width:1236px) {
    .Home_activityContainer__2RJ0- {
        width: 100%;
        padding: 15px
    }
}

.Home_activitySelection__2AZCW {
    display: flex
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Home_activitySelection__2AZCW {
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (min-width:1236px) {
    .Home_activitySelection__2AZCW {
        flex-direction: row;
        justify-content: space-evenly
    }
}

.Home_activityColumn__mHA_2 {
    font-size: 22px;
    width: 210px
}

.Home_columnHeader__1JUgK,
.Home_itemDescription__1G2q2 {
    display: flex;
    align-items: center
}

.Home_itemDescription__1G2q2 {
    flex-direction: column;
    margin-top: 15px
}

.Home_errorMessage__1OZcT {
    color: #bf0000;
    text-align: center
}

.Home_descriptionHeader__vaVlq {
    font-size: 22px;
    text-transform: capitalize
}

.Home_descriptionText__uWBjo {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px
}

@media only screen and (min-width:1236px) {
    .Home_descriptionText__uWBjo {
        margin-right: 170px;
        margin-left: 170px
    }
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Home_arrowContainer__1DFNL {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 10px
    }

    .Home_arrowBar__3zwPj {
        border-right: 3px solid #895375;
        height: 25px
    }

    .Home_arrowHead__1XHyq {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #895375
    }
}

@media only screen and (min-width:1236px) {
    .Home_arrowContainer__1DFNL {
        display: flex;
        align-items: center;
        margin-top: 35px
    }

    .Home_arrowBar__3zwPj {
        border-top: 3px solid #895375;
        width: 70px
    }

    .Home_arrowHead__1XHyq {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #895375
    }
}

.Home_circleContainer__2JEsG {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 230px
}

.Home_circleContainer__2JEsG div {
    flex-wrap: wrap;
    justify-content: center
}

.Home_bottomPage__1HDN_ {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
    background: #fefefe url(https://portal.cityofelgin.org/static/media/elgin-watermark-light-grey.a12b201f.png) no-repeat;
    background-position: 100% calc(100% + 100px)
}

.Home_bottomRow__31yl9 {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1500px;
    margin-top: 100px;
    margin-bottom: 100px
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Home_bottomRow__31yl9 {
        flex-direction: column
    }
}

.AccountCreate_pageContainer__2nU-0 {
    width: 100%;
    max-width: 920px;
    align-items: center;
    margin: 0 auto
}

.AccountCreate_titleContainer__2qNaZ {
    width: 100%;
    padding-left: 60px;
    padding-top: 70px;
    padding-bottom: 20px
}

.AccountCreate_formContainer__uCBGh {
    width: 720px;
    max-width: 100%;
    justify-self: center
}

.AccountCreate_formContainer__uCBGh>div {
    margin-bottom: 10px
}

.AccountCreate_addOrganizationInformation__2VF7n {
    margin-bottom: 20px
}

.AccountCreate_addOrganizationInformation__2VF7n h3 {
    margin-bottom: 0
}

.AccountCreate_cityStateZip__3icu0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.AccountCreate_city__1cp53 {
    flex-grow: 6
}

.AccountCreate_state__ftVZe {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px
}

.AccountCreate_zip__1w9Dn {
    flex-grow: 2
}

.AccountCreate_choiceContainer__3fZo3 {
    display: flex;
    flex-direction: column
}

.AccountCreate_utilityHelpContainer__1FR4g {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.AccountCreate_utilityHelpText__rX5e- {
    flex-grow: 1;
    margin-bottom: 10px
}

.AccountCreate_utilityHelpImageContainer__1UMF1 {
    flex-grow: 2
}

.AccountCreate_utilityHelpImage__3_HPU {
    background: url(https://portal.cityofelgin.org/static/media/elgin-utility-account-help-marked.d748bb5e.png) no-repeat 50%;
    width: 100%;
    max-width: 550px;
    height: 272px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px
}

.AccountCreate_propertiesContainer__2emWW {
    display: flex
}

.AccountCreate_propertyListingContainer__1qaFz {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.AccountCreate_propertyListing__36CUg {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #b5b5b5
}

.AccountCreate_propertyListing__36CUg div {
    margin-bottom: 0
}

.AccountCreate_propertySpace__Uyv51 {
    flex-grow: 2
}

.AccountCreate_address__2C7tB {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 30px
}

.AccountCreate_myOrganizationsContainer__3xhPf {
    display: flex;
    border-top: 1px solid #b5b5b5;
    flex-direction: column
}

.AccountCreate_myOrganizationsItem__2qgEv {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px
}

.AccountCreate_buttons__3baF5,
.AccountCreate_myOrganizationsItem__2qgEv {
    display: flex;
    justify-content: space-between
}

.AccountCreate_submitBusinessButton__1nEPX {
    margin-top: 10px
}

.AccountCreate_linkText__PeIjv {
    cursor: pointer;
    color: #4183c4
}

.AccountCreate_linkText__PeIjv:hover {
    color: #1e70bf
}

.AccountCreate_inputContainer__-Zlxv {
    display: flex;
    margin-bottom: 0 !important
}

.AccountCreate_firstName__2EmhG {
    margin-right: 10px
}

.AccountCreate_firstName__2EmhG,
.AccountCreate_lastName__3nsSY {
    flex: 1 1;
    margin-bottom: 10px !important
}

.AccountCreate_slightMarginBottom__nBhmN {
    margin-bottom: 10px !important
}

.AccountCreate_slightMarginTop__1gVrU {
    margin-top: 10px !important
}

.AccountCreate_modalHeader__-Zvx6 {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1235px) {
    .AccountCreate_titleContainer__2qNaZ {
        padding: 0;
        display: block;
        max-width: 100%;
        margin: 20px 0;
        text-align: center
    }

    .AccountCreate_titleContainer__2qNaZ h2 {
        margin: 0 auto
    }

    .AccountCreate_buttons__3baF5 {
        flex-wrap: wrap
    }

    .AccountCreate_buttons__3baF5 .AccountCreate_buttonContainer__2ynfA {
        margin: 10px 0
    }

    .AccountCreate_buttonContainer__2ynfA {
        display: flex;
        flex: 0 0 100%;
        justify-content: center
    }

    .AccountCreate_label__2Ydnk {
        width: 100%;
        margin-left: 10px
    }

    .AccountCreate_myOrganizationsContainer__3xhPf {
        margin-bottom: 25px !important
    }

    .AccountCreate_state__ftVZe {
        padding: 0;
        margin-bottom: 10px
    }

    .AccountCreate_cityStateZip__3icu0 {
        margin-bottom: 0 !important
    }

    .AccountCreate_city__1cp53,
    .AccountCreate_state__ftVZe,
    .AccountCreate_zip__1w9Dn {
        flex: 0 0 100%
    }

    .AccountCreate_choiceContainer__3fZo3 {
        margin-left: 10px
    }

    .AccountCreate_utilityHelpImageContainer__1UMF1 {
        flex: 0 0 100%
    }
}

.AccountCreateProgressBar_progressBarContainer__1Gqj7 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 40px
}

.AccountCreateProgressBar_barContainer__1yxn3 {
    margin: 0 65px
}

.AccountCreateProgressBar_progressBarRow__1D4yO {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.AccountCreateProgressBar_progressBarItem__2-nbm {
    width: 160px;
    text-align: center;
    color: #b5b5b5
}

.AccountCreateProgressBar_progressBarItem__2-nbm.AccountCreateProgressBar_active__15JWE {
    color: #77974c
}

ul.AccountCreateProgressBar_progressBar__1EVHj {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

ul.AccountCreateProgressBar_progressBar__1EVHj:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: #b5b5b5;
    height: 5px;
    width: 100vw
}

ul.AccountCreateProgressBar_progressBar__1EVHj li {
    background: #77974c;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    z-index: 1;
    position: relative
}

ul.AccountCreateProgressBar_progressBar__1EVHj li.AccountCreateProgressBar_stop__1iump {
    background: #b5b5b5
}

ul.AccountCreateProgressBar_progressBar__1EVHj li.AccountCreateProgressBar_stop__1iump:after {
    background: #b5b5b5;
    z-index: 2
}

ul.AccountCreateProgressBar_progressBar__1EVHj li.AccountCreateProgressBar_stop__1iump~li {
    background: #b5b5b5
}

ul.AccountCreateProgressBar_progressBar__1EVHj li.AccountCreateProgressBar_stop__1iump~li:after {
    height: 0
}

ul.AccountCreateProgressBar_progressBar__1EVHj li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: #77974c;
    height: 5px;
    width: 100vw
}

@media only screen and (max-width:1235px) {
    .AccountCreateProgressBar_progressBarContainer__1Gqj7 {
        margin-bottom: 25px
    }

    .AccountCreateProgressBar_barContainer__1yxn3 {
        margin: 0 45px
    }
}

.Checkbox_checkbox__2tu9z {
    margin-right: 10px
}

.Checkbox_checkboxContainer__JubIX {
    display: flex
}

.Checkbox_checkboxContainer__JubIX label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    font-family: "Avenir";
    color: #222 !important
}

.OrganizationSearch_myOrganizationsContainer__2BD5f {
    display: flex;
    border-top: 1px solid #b5b5b5;
    flex-direction: column
}

.OrganizationSearch_myOrganizationsItem__2AQ_i {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px
}

.OrganizationSearch_buttons__2jTdk {
    display: flex;
    justify-content: space-between
}

.OrganizationSearch_submitBusinessButton__3PdRL {
    margin-top: 10px
}

.OrganizationSearch_linkText__3q0hO {
    cursor: pointer;
    color: #4183c4
}

.OrganizationSearch_linkText__3q0hO:hover {
    color: #1e70bf
}

.OrganizationSearch_inputContainer__3tKCe {
    display: flex;
    margin-bottom: 0 !important
}

.OrganizationSearch_address__2CRBz {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 30px
}

.OrganizationSearch_formContainer__rua71 {
    justify-self: center
}

.OrganizationSearch_formContainer__rua71>div {
    margin-bottom: 10px
}

.OrganizationSearch_cityStateZip__1NUef {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.OrganizationSearch_city__1p0kh {
    flex-grow: 6
}

.OrganizationSearch_state__1YXIM {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px
}

.OrganizationSearch_zip__eNlwm {
    flex-grow: 2
}

.Search_searchBar__3XViu {
    font-size: 16px;
    display: flex;
    padding: 0 !important;
    color: #222 !important;
    outline: none
}

.Search_searchBar__3XViu input {
    font-family: "Avenir" !important;
    color: #222 !important
}

.Search_searchBar__3XViu:focus {
    outline: none
}

.Search_searchBar__3XViu div {
    width: 100%
}

.Search_searchBar__3XViu div input {
    border-radius: .28571429rem !important
}

.AccountEdit_page__3U_RZ {
    display: flex;
    flex-direction: column
}

.AccountEdit_nameContainer__3EFbw {
    min-width: 300px
}

.AccountEdit_iconContainer__HH-Yy {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.AccountEdit_centerContainer__3RGmJ {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center
}

.AccountEdit_addressContainer__1MKOZ {
    display: flex;
    align-items: center;
    flex-grow: 1
}

.AccountEdit_addressForm__2W1cX {
    width: 100%
}

.AccountEdit_cityStateZip__1cMaC {
    display: flex;
    flex-direction: row
}

.AccountEdit_city__2rZNU {
    flex-grow: 6
}

.AccountEdit_state__oWHk8 {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px
}

.AccountEdit_zip__qCuad {
    flex-grow: 2
}

.AccountEdit_landParcelContainer__1Su82 {
    margin-top: 10px
}

.AccountEdit_landParcelContainer__1Su82 p {
    margin-bottom: 5px
}

.AccountEdit_submitContainer__1yYiC {
    display: flex;
    justify-content: flex-end
}

.AccountEdit_buttonSpacer__3IpZu {
    display: inline;
    margin-left: 20px
}

.AccountEdit_modalContent__18yjM {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-evenly
}

.AccountEdit_modalFileUploadContainer__3ka4G {
    display: flex;
    flex-direction: column
}

.AccountEdit_modalFileSizeLimit__3qyLR {
    text-align: right;
    font-style: italic
}

.AccountEdit_modalFileSizeLimitError__3Gb6K {
    text-align: right;
    font-style: italic;
    color: #bf0000;
    font-weight: 700
}

.AccountEdit_fileUpload__lw6P_ {
    border: 3px dashed #003a88;
    border-radius: 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.AccountEdit_filePreviewContainer__wthxa {
    display: inline-flex;
    width: 201px;
    height: 201px;
    border-radius: 50%;
    padding: 4px;
    box-sizing: border-box
}

.AccountEdit_filePreview__2-uq2 {
    display: block;
    border-radius: 50%;
    height: 201px;
    width: 201px;
    object-fit: cover
}

.AccountEdit_slightMarginBottom__10P1E {
    margin-bottom: 10px !important
}

.AccountEdit_slightMarginTop__vq7N9 {
    margin-top: 10px !important
}

.BillingSettings_modalContent__2bLL1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    justify-content: space-evenly
}

.BillingSettings_modalContent__2bLL1>div {
    width: 100%
}

.BillingSettings_linkText__3LA2n {
    cursor: pointer;
    color: #4183c4
}

.BillingSettings_linkText__3LA2n:hover {
    color: #1e70bf
}

.BillingSettings_submitContainer__FnRtb {
    display: flex;
    justify-content: flex-end
}

.BillingSettings_achDisclaimer__2Q52n {
    color: #de6839
}

.DataList_tableContainer__34QD8 {
    margin-bottom: 20px
}

.DataList_header__1j04i {
    display: flex;
    justify-content: space-between
}

.DataList_addContainer__12SuE {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px
}

.DataList_item__nUHlk {
    height: 50px;
    font-size: 16px;
    align-items: center;
    padding: 0 14px
}

.DataList_buttonContainer__19rUQ,
.DataList_item__nUHlk {
    display: flex;
    justify-content: space-between
}

.DataList_tag__1y1OY {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background-color: #707070;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26px;
    margin-left: 20px;
    padding: 4px 10px;
    font-family: "Lato";
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700
}

.DataList_deleteAccount__3eCJp {
    background-color: #bf0000
}

.DataList_clickable__20anQ:hover {
    cursor: pointer
}

.AutopayConfigModal_buttonWrapper__r9MrU {
    margin-top: 20px
}

.AutopayConfigModal_errorMessage__2lv9A {
    color: red;
    font-weight: 700
}

.AutopayConfigModal_modalContent__1yWGK {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    justify-content: space-evenly
}

.AutopayConfigModal_modalContent__1yWGK>div {
    width: 100%
}

.AutopayConfigModal_linkText__1Hzpd {
    cursor: pointer;
    color: #4183c4
}

.AutopayConfigModal_linkText__1Hzpd:hover {
    color: #1e70bf
}

.AutopayConfigModal_submitContainer__3qZz4 {
    display: flex;
    justify-content: center;
    margin-top: 20px !important;
    grid-gap: 20px !important;
    gap: 20px !important
}

.AutopayConfigModal_formContainer__2C6fX {
    margin-top: 15px;
    margin-bottom: 15px
}

.MessageModal_buttonWrapper__KNdmO {
    margin-top: 20px
}

.MessageModal_errorMessage__-JMH8 {
    color: red;
    font-weight: 700
}

.MessageModal_modalContent__2T4hz {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    justify-content: space-evenly;
    text-align: center
}

.MessageModal_modalContent__2T4hz>div {
    width: 100%
}

.MessageModal_linkText__2io0Y {
    cursor: pointer;
    color: #4183c4
}

.MessageModal_linkText__2io0Y:hover {
    color: #1e70bf
}

.MessageModal_buttonContainer__fnaTR {
    display: flex
}

.MessageModal_buttonInnerContainerDualButtons__3RMz7 {
    margin-top: 50px !important
}

.MessageModal_buttonInnerContainerSingleButton__9v7D8 {
    margin-top: 30px !important
}

.MessageModal_buttonInnerContainer__1kR55 {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.MessageModal_formContainer__1x4cS {
    margin-top: 15px;
    margin-bottom: 15px
}

.MessageModal_successIcon__2du2y {
    color: green;
    margin-right: 10px
}

.MessageModal_errorIcon__2rLs5 {
    color: red;
    margin-right: 10px
}

.MessageModal_messageHeader__mbe_J {
    margin-bottom: 20px;
    text-align: center
}

.MessageModal_messageHeaderInnerContainer__1U8DU {
    font-size: 26px;
    text-align: center;
    font-weight: 800
}

.MessageModal_messageHeaderInnerContainerWarning__3xUEs {
    font-size: 20px;
    text-align: center;
    font-weight: 800
}

.MessageModal_messageBody__30QNu {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

.MessageModal_messageBodyWarning__3OWkN {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

.MessageModal_messageHeaderImg__3wsQF {
    height: 64px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    flex: 1 1;
    margin-bottom: 20px
}

.MessageModal_messageHeaderImgError__1HCBC {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQaSURBVHgB3ZuBddMwEIb/6DFAmAB1AtIJUk0ATNBmAmAC2g3aCSAbwAA8hwloJ+gxAZnA5c6Sg+vYsSzZapzvPdVO6vjpz51Op5Mzw0hkgObDRQ4sFPCGzxfc5q6VbLmRHPm6B77uN58/GOAeIzDDgGRW3Hvu9CWei+oLcdtwWxt7HIRosZkV9ZHbJ8QJbIO4XXP7Zex5MMFiE4isQ9y+seAbBBIkVtyVD19hx2VqiNs1i16jJ73EOmt+gbXmS3PL7cbYIOeFt1gXXfnwItZsg7gZ37GsfC7K7LQh04LGcaG5Za5/nXRa1t1ILJoiCIUirmy65ueDYicitKRTcKvYIx2jXYjg87Yx3CjWRd1jHKM+EKzgvSjdFqBketGYJhq2/3vsWfYncKVswjB1TD2v3hPLLvyI6Vq1CqHmzs/cOJu2+9bReS3T21l2otG3C7HqWWndnWVzm9xrhCOrEb4vVohcirnPr9z97hDOvGrdqmVjxuot9+pz5V4a4V5CqOW7HDSvVUuE9WDL93otJ8p17gJxVv1RfeE6KlYh9IPQkNiruGrF3OmzYp94ukEEecMXFSC4uL4p+8kj44iUiuRYiGVfXiICcbEsTnBxXZNQuW+EC5f9k5oYZpXlWyyEAx1G+xgO/VxfzlTuuRb0QMOuLXX9HwcsXLyfQGgx24gbDyVW0PAXXLxOIdSxUKz2LYZFo1vwBmmFSlzSMmZlvA5p3RJCj/qQMHIWR2qkGwMHLNxEgnR1LmLHLLloeAhOlJfPvaqLkWh0r4+TFNxTiCXYpP4QQyweOhGx3hX1AAgeQSoil+7DdkyxhB7ROIHgIhqPsfFLODCPZv0zrSHYSrr4B8NC6E4YLpBYsNvZH9SyBP/MqHidSvArTp6UGm4bn9A/BSzeTyFYLDtznfmL+GcgYnJdivx8Z/+MLPHkLA/Yxa6i7E441d/v0dHiujYL5xGPFjg2gEsq+M93RNAU5AIsUlzfJFjFu/La3af49jaImG9dGXZHhOtpNAt+h3DI6ftfSo0sVwryjINUGTXidxYI9nEg8ZilOw+CNV0tnWV3Yt025SOmsfHsC6ES+HYLAWMfqYupvh8j62rgnFX/M/FN6DrFdFN949kSz9ggtcIJoBrG+d56ViLXCbjz3bIhd2hcvLtvhTBNCC3Ru1Gsc2fJS8dc2I8BwUbfxn63lmUqifhUBEs/P5gDHjlDB6f0hFtnwc3dYMxySSxeQoVOy5Ykqu32hTD0U6mCu+H5EU1L0o9z08PjvC1bJbM79bHJfijEbWUCKixBYksyO59dIo1oGZtizVsTOENEiRXK3+9gPEtHiyyJFltFnkp5Yhef2TWoRjiyAltLBcUc0+962nDz88L9Yks2vGWe1tj/xZa0eyntKDt9bMxI09w/qn9aKH+1QoYAAAAASUVORK5CYII=) no-repeat 50%
}

.MessageModal_messageHeaderImgSuccess__16lm7 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASQSURBVHgB3ZtLcttGEEB7BqEi7xDlAIFOIGrhCisbkzewTyCqKrYrlYV9A1E3kBYpVeSFohvoBpR3TGUh6Qb0AWJhZ9kypt09+JgEARKDP/mqbFH8Gc89n56egYCKsM96jmVBH0F0EeEXAdgFgTaAsL+/C10AOUX6KUDcCYk3nvLu3Ff/3UIFCCgR+12vL1E8B1AH81LGTOnPtRJw6b6cXENJFJa1L/q2/PrwBhDfFhRMYyokjLxHeO/+MZlCAXLL1iAZZ0pX+8/Hl5NjyEkuWd1cFVzQpx2oHx3p/3+fXIIhRrJ+ND8dAYq30DSIJ2rrybF7eO1m/UhmWR5dpYRxQ9FMY6o8GGTtyzLLm+y/nnalhTctE2UcacHYPn/azfLmlZHVoh05rmkQygm6CtRg1fy8VHY9RENWC6fKtrSProCEPbGf1ocT+6wedddOlBG27sN0/UmvJsrq6WXtRCMc+YWuP4GFZvzzWW+IFiUMa04wJV3PPrcQWZRwBBsANeeLeHOek91511vn5huHmvPDXKYXNeP1HH1XQaNz58lumFJGkbUA+pslytDoPBPdSHZT+uoCAt+ED7UsL9nWIapI1QtEvKIyzzT7p4RNXbTPj7QsrU2H0HYQju9fTQb3r/99gQoGJsLS4lLR92b8DNoMiX58PRmFv3I6SAEyqFhwTYxk7fPfuq1uwjHRCKkyL9qDpkzLQU9lWgs2QpoooUAcgAFc1v0BLarnlltRLYclojvnPU5nn4MBXL+W9NcetI3VokMw/UqFjhRtW5hXIMpQRXKPIqscaAsViQZfbrcnspWKMpQ6QlFocufMBopQuahPMVn/Inc5s6HF8q5ZGjf3HaOkl8oUZSTqbUNzKJrTeFZjmsbVKcrLPSlQ5JKFhP8kI+FaRf3g0HaqyLXxS2mIwylY/PlMwjWL+giKLKgPkIugbGkq3IgoB0fcSeHli2yAYyTckCijJN5Ir+i0kVW4QVGN8u70CuCn81/vS0guUrcPuaSZto9ahygPTjQ97up5loyNd7ETSI9wg6KMCFqvlqXNoCsoh1ThOHWJMtTidDCjhWxJTTlk6Y54naJhE+bHUbpIycUplEdqhOsUZahEPAofR7Jq6+Ekb+qYwpwwD1K1i/Jxokd4H/4+V4/Z+bs3omfKL5bz1LNwlK8GYtPdnKx90bXFl+0bsQHbILN9NWRuiece3rqUBBzCBjDbV0MW1rP+Bi6WOVg1gDh1E07AJS7eVefzKNdCvAVw81WdH0dJryXKBs15UPLoXDksijy/p2RsqWUZncQ/qrUR5uvER+/FsqN9mU64iY4ct66+PIMvqgbun8tPuK0suPEX6Ai3tA9nFWWMTqVSVX3cpjk46qNlnkpldB/eethvz7QkTrGzvW9ylD7fSfKz3pCifNRElINoHsYPdGWh0F4l59L0jx/UIa1vh6GVmdraPjE5PT5L8bs//FVNv6pIlyEZUu59PWe9vpQwpGg/KyLu39QkL5WHV3maaxqVbbnz/AzS6kpLdOni9/zlnXJm5+sgai79vBVCfhAe3nK1s+j9O2l8Aw0VimxFu8HwAAAAAElFTkSuQmCC) no-repeat 50%
}

.MessageModal_messageHeaderWarning__36xLR {
    margin-bottom: 8px
}

.MessageModal_messageHeaderImgWarning__4jJxw {
    margin-top: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABCCAYAAAAfQSsiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPXSURBVHgB7ZzvUdtAEMWflXzHqSDnChIqiBwagAqgA0gFkApwB4EKQgpw7A4gFUQdhO+ZxNm1Lowx+mPd7e7J4N/MjQdLY8tPe0+7qxMD9IQZkNPLOY33NIY07vz4PAYK9IABesCsFOmiZnNB42hcCpeU5GKRUKf0MmnZ7Z7GfuoIy5AQEsrRy9kGu/K0PEdikoqFMqrchvuezEo/S0YysTpE1SqXSEgysRb1ht5E7q+aSUhi8FOaUnSWviCMAqXZ38OYJJGVxZm1+9t9+opgLpbPqRwioIM+nUV+RuD32uF/4AniSZJKmIrlTd1BhhNrszcTi6OKribHkMU0uiwjawZ58qmh2ZukDpGpQhucQowsUgn1yKJwGma602VolUpYTMMu9V8QfDIsUglVsfwPuIANWtP8AVWxFnZCMep1o5pYfOAKqUIbqtGlGVnq06ICN1WMZhWxpmVJ45AAXzcOoYC4WGzqWdoWsFrdKC6WcP0XypmG2Ytm8D5V+InuFJSBj2o+M0dYqTSnzxxDEOnIStojX4NTiUMIIiaWN3XRgxPgUtLsxcTSMvU/cT9WtAUtIpZAq9jVbRhERoZkCzparMD7f5aw2CJeGi2WTxVUkkBBDiVSiSixJFvFDUbsIEO0p8ZGlmSrWDs6o1vQwWKlrP9C8U3C4JMSJFYP6r9QourG0Mhin3IwYCD/PWehqURnsRRbxQ52BPXaOotl3CrWIqgF3UksLkwTtIq16BxdXSNLravwCtirep9Ozlvo0LkFvbFY2qnCb+ANjOnagt5IrC1OFdrolEps1Cn9DlwZeNUNtVN+rL+Z2aQpY2qpztt2ahUrolW8TcxRCtbIJtMwKCfZMnIax22FbqNY3tRzvAwu0GL2WcvG52jqdSxb0E3RVSuWQKt468jK5VGjuu2VBp/I1O/pzF5npdnyKj6H8kqYw5Y5asz+ddXeXP+ZrJ98zPjg6TOFV+SbE3/Grcj9mK9veKKJf/LqFobQyfn2seaeo8+wf8GWO4ry/YO1N6s86yuMWTQ8peoX1hawhQPmidk/Eithq7itPnMwxmcCw7X3SlLWf1mZEFYKNpV5fCWEZd24Gl2rkaW+qrgBPrDb1YYci8fpS5Z2sQnfDdr//8fS4HtY/7FP9eXG7Rw+lVhGVg9bxX26w53Dr/MaKD8q8lwoaIyy7Pn01DVxNHKehkkf/98WKEk9ZLH6vgKmF5BQeyxWgR2tcMs740ofO1qhqLphg59gF11tTPifBmW+UD3CTrAqKAXFFWn0if94aNFwFu/7WO/QryvkAvZwAN3RrLv+sGJT/wDllskoZtDY5wAAAABJRU5ErkJggg==) no-repeat 50%
}

.dimmer {
    background-color: rgba(0, 0, 0, .5) !important
}

.MessageModal_modalBackgroundStyle__2dxYS {
    box-shadow: 0 0 28px 4px rgba(0, 0, 0, .7) !important;
    border-radius: 10px !important
}

.MessageModalButton_button__2ok5h {
    font-family: "Lato" !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin-bottom: 15px;
    line-height: normal !important;
    flex: 1 1;
    padding: 7px 1.5em !important;
    margin-right: 0 !important;
    border-radius: 10px !important;
    width: 183px;
    height: 40px
}

.MessageModalButton_blue__3_QoT {
    background-color: #005daa !important;
    color: #f4f4f4 !important
}

.MessageModalButton_blue__3_QoT:hover {
    background-color: #0071d1 !important
}

.MessageModalButton_blue__3_QoT:active {
    background-color: #003a88 !important
}

.MessageModalButton_green__2vJbR {
    background-color: #129a39 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_green__2vJbR:active,
.MessageModalButton_green__2vJbR:hover {
    background-color: #117b2f !important
}

.MessageModalButton_red__yemS0 {
    background-color: #bf0000 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_red__yemS0:hover {
    background-color: #cb3232 !important
}

.MessageModalButton_red__yemS0:active {
    background-color: #980000 !important
}

.MessageModalButton_grey__2zNcL {
    background-color: #e0e0e0 !important;
    color: #434343 !important
}

.MessageModalButton_grey__2zNcL:hover {
    background-color: #ebebeb !important
}

.MessageModalButton_grey__2zNcL:active {
    background-color: #b5b5b5 !important
}

.MessageModalButton_gray__274yA {
    background-color: #fff !important;
    color: #acacac !important;
    border: 2px solid #acacac !important
}

.MessageModalButton_gray__274yA:hover {
    background-color: #ebebeb !important
}

.MessageModalButton_gray__274yA:active {
    background-color: #b5b5b5 !important
}

.MessageModalButton_lightBlue__3kSid {
    background-color: #4285f4 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_lightBlue__3kSid:hover {
    background-color: #5a94f1 !important
}

.MessageModalButton_lightBlue__3kSid:active {
    background-color: #337ef7 !important
}

.MessageModalButton_darkBlue__1tpJP {
    background-color: #3b5998 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_darkBlue__1tpJP:hover {
    background-color: #486197 !important
}

.MessageModalButton_darkBlue__1tpJP:active {
    background-color: #2b4c94 !important
}

.MessageModalButton_orange__3sRjr {
    background-color: #de6839 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_orange__3sRjr:hover {
    background-color: #db7148 !important
}

.MessageModalButton_orange__3sRjr:active {
    background-color: #cc5f35 !important
}

.MessageModalButton_black__ecaGX {
    background-color: #222 !important;
    color: #f4f4f4 !important
}

.MessageModalButton_black__ecaGX:hover {
    background-color: #080808 !important
}

.MessageModalButton_black__ecaGX:active {
    background-color: #000 !important
}

.Login_form__7NFId {
    display: flex;
    flex-direction: column
}

.Login_hozForm__P3Tlu {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.Login_row__1w4Ab {
    display: flex;
    flex-direction: column;
    padding-bottom: 15px
}

.Login_center__1g4ql {
    align-self: center
}

.Login_hrule__3rV6a {
    width: 200px;
    color: #eaeaea
}

.Login_fullWidthPage__2IHvU,
.Login_page__4igsY {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column
}

.Login_fullWidthPage__2IHvU {
    width: 100%;
    max-width: 950px
}

.Login_signup__1insd {
    background-color: #e0e0e0 !important;
    color: #434343 !important;
    padding: 7px;
    margin: 0;
    border-radius: .28571429rem;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    font-family: "Avenir";
    line-height: normal
}

.Login_signup__1insd:hover {
    background-color: #ebebeb !important
}

.Login_signup__1insd:active {
    background-color: #b5b5b5 !important
}

hr {
    margin-left: 30px;
    margin-right: 30px;
    border-top-width: 2px;
    height: 2px;
    background-color: #eaeaea;
    border-style: none
}

.Login_buttonWithIcon__1Eiv2 {
    justify-content: center;
    display: flex !important;
    align-items: center
}

.Login_buttonWithIcon__1Eiv2>i {
    margin-right: 10px
}

.Login_orWrapper__24P-l {
    position: relative;
    width: 50px;
    height: 300px;
    margin: 10px
}

.Login_orWrapper__24P-l .Login_orLine__3Ltoa {
    position: absolute;
    left: 49%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
    z-index: 1
}

.Login_orWrapper__24P-l .Login_orWordWrapper__3FuZH {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2
}

.Login_orWrapper__24P-l .Login_orWordWrapper__3FuZH .Login_orWord__gZKpl {
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px;
    font: 700 12px arial, sans-serif;
    background: #fff
}

.Login_delayedAccountText__-ryoo {
    color: #a9a9a9;
    font-size: 14px;
    margin-top: 20px;
    text-align: center
}

.Signup_form__2flu6,
.Signup_row__3bveL {
    display: flex;
    flex-direction: column
}

.Signup_row__3bveL {
    width: 260px;
    padding-bottom: 15px
}

.Signup_center__1ms5J {
    align-self: center
}

.Signup_hrule__1qOEb {
    width: 200px;
    color: #eaeaea
}

.Signup_page__3pzBL {
    display: flex;
    justify-content: center;
    height: 100%
}

.PermitForm_page_header__3EHCi {
    display: flex
}

.PermitForm_permitDescription__1pHdA {
    max-width: 745px
}

.PermitForm_dropdownContainer__109oh {
    max-width: 330px;
    margin-bottom: 40px
}

.PermitForm_checkbox__1vvd8 {
    margin-left: 30px;
    margin-bottom: 20px
}

.PermitForm_nextButton__1sumN {
    margin-top: 40px;
    margin-right: auto
}

.ZoningInquiry_inner_panel_container__xn2dP {
    max-width: 745px
}

.ZoningInquiry_map__2QyhC {
    border: none;
    width: 100%;
    height: 150px;
    margin-top: 9px;
    margin-bottom: 15px
}

.ZoningInquiry_label__1ARNi {
    font-size: 14px;
    font-weight: 700
}

.ZoningInquiry_property_descriptor__2Jtyu {
    margin-top: 24px
}

.ZoningInquiry_property_descriptor__2Jtyu p {
    margin-bottom: 0
}

.ZoningInquiry_property_descriptor__2Jtyu .ZoningInquiry_label__1ARNi {
    margin-bottom: 6px
}

.ZoningInquiry_property_descriptor_container__kjrZA {
    display: grid;
    grid-gap: 0 1rem
}

@media (min-width:600px) {
    .ZoningInquiry_property_descriptor_container__kjrZA {
        grid-template-columns: repeat(2, 1fr)
    }
}

.ZoningInquiry_checkbox__3CpcV {
    margin-left: 30px;
    margin-bottom: 20px
}

.ZoningInquiry_errorMessage__3n-bb {
    color: #bf0000;
    display: block
}

.ZoningInquiry_zoomInWarning__36Vy0 {
    color: #de6839;
    display: block;
    min-height: 20px
}

.Report_page__3jAid {
    max-width: 920px
}

.Report_columnContainer__2xM5V {
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.Report_column__22fw9 {
    width: 49%
}

.Report_column__22fw9>div {
    margin-bottom: 10px
}

@media only screen and (max-width:1235px) {
    .Report_column__22fw9 {
        width: 100%
    }

    .Report_page__3jAid {
        max-width: 100%
    }
}

.Report_reportHeader__34P_R {
    margin: 15px
}

.Report_reportHeader__34P_R .Report_type__1cmNR {
    font-size: 28px;
    margin-bottom: 10px
}

.Report_reportHeader__34P_R .Report_instructions__1lXYx {
    font-size: 16px
}

.Report_reportFooter___N2G8 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 15px
}

.Report_section__2VqBS {
    width: 100%;
    border: 1px solid #222;
    border-radius: 10px
}

.Report_sectionHeader__3OXi1 {
    font-size: 18px;
    display: flex;
    align-items: center
}

.Report_sectionContent__2Qbye {
    display: flex;
    flex-direction: column;
    margin: 10px
}

.Report_fileUpload__3-b49 {
    border: 3px dashed #003a88;
    border-radius: 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.Report_fileSizeLimit__1E3Qh {
    text-align: right;
    font-style: italic
}

.Report_fileSizeError__3jn1c {
    text-align: center;
    color: #bf0000;
    margin-top: 5px
}

.Report_fileList__1Safu {
    display: flex;
    flex-direction: column
}

.Report_fileItem__1GrD7 {
    display: flex;
    justify-content: space-between;
    margin: 5px
}

.Report_fileItem__1GrD7>div {
    display: flex
}

.Report_spinnerContainer__3VRhI {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.Report_errorMessage__1R-dV {
    color: #bf0000
}

.Report_starRating__2BrnR {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0RERCIgZD0iTTEwIDBsMy4wOSA2LjU4M0wyMCA3LjYzOWwtNSA1LjEyNUwxNi4xOCAyMCAxMCAxNi41ODMgMy44MiAyMCA1IDEyLjc2NCAwIDcuNjM5bDYuOTEtMS4wNTZ6Ii8+PC9zdmc+");
    background-size: contain;
    margin: auto
}

.Report_starRating__2BrnR i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0ZGREY4OCIgZD0iTTEwIDBsMy4wOSA2LjU4M0wyMCA3LjYzOWwtNSA1LjEyNUwxNi4xOCAyMCAxMCAxNi41ODMgMy44MiAyMCA1IDEyLjc2NCAwIDcuNjM5bDYuOTEtMS4wNTZ6Ii8+PC9zdmc+");
    background-size: contain
}

.Report_starRating__2BrnR input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative
}

.Report_starRating__2BrnR input:checked+i,
.Report_starRating__2BrnR input:hover+i {
    opacity: 1
}

:after,
:before {
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle
}

.Report_starRating__2BrnR {
    width: 250px
}

.Report_starRating__2BrnR i,
.Report_starRating__2BrnR input {
    width: 20%
}

.Report_starRating__2BrnR i~i {
    width: 40%
}

.Report_starRating__2BrnR i~i~i {
    width: 60%
}

.Report_starRating__2BrnR i~i~i~i {
    width: 80%
}

.Report_starRating__2BrnR i~i~i~i~i {
    width: 100%
}

.Messages_webMessage__kt5p1 {
    width: 100%;
    display: flex;
    padding: 5px 16px
}

.Messages_webMessage__kt5p1:not(.Messages_webMessageHeader__39WOH) {
    cursor: pointer
}

.Messages_webMessageHeader__39WOH {
    font-weight: 700
}

.Messages_webMessageLeftColumn__aHPeh {
    width: 70%;
    margin-right: 15px;
    display: flex
}

.Messages_webMessageReadIndicator__1wt3t {
    width: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center
}

.Messages_webMessageUnread__Boxzf {
    width: 12px;
    height: 12px;
    background-color: #4490cd;
    border-radius: 50%
}

.Messages_webMessageRightColumn__2eWOQ {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Messages_webMessageDate__1Glt6 {
    margin: 0
}

.Messages_mobileMessage__1x850 {
    display: flex
}

.Messages_mobileMessageReadIndicator__1AqnO {
    width: 9px;
    margin: 0 3px;
    align-self: center;
    justify-self: center
}

.Messages_mobileMessageUnread__2lxiW {
    width: 9px;
    height: 9px;
    background-color: #4490cd;
    border-radius: 50%
}

.Messages_mobileMessageContent__140Ml {
    width: calc(100% - 15px);
    display: flex;
    flex-direction: column
}

.Messages_mobileMessageHeader__3krMB {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.Messages_mobileMessageDate__3somp {
    margin: 0;
    font-size: 12px
}

.Messages_messageTitle__2xAW4 {
    font-weight: 700;
    margin: 0
}

.Messages_messageBody__rCA-t {
    font-size: 14px;
    margin: 0
}

.Messages_trash__1P9H_ {
    color: #bf0000
}

.Messages_trash__1P9H_:hover {
    color: #7c0000
}

.Messages_errorText__1QaWW {
    color: #bf0000;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .Messages_mobileMessage__1x850 {
        display: flex
    }

    .Messages_webMessage__kt5p1 {
        display: none
    }
}

@media only screen and (min-width:1236px) {
    .Messages_mobileMessage__1x850 {
        display: none
    }

    .Messages_webMessage__kt5p1 {
        display: flex
    }
}

.Payment_paymentConfirmationContainer__2Aaie {
    margin-top: 30px
}

.Payment_successIcon__2D28N {
    color: green;
    margin-right: 10px
}

.Payment_paymentProfileContainer__1eQ_J {
    width: 100%;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    border: 1px solid #b5b5b5;
    border-radius: 12px;
    max-width: 300px;
    justify-content: center;
    padding: 20px;
    margin-bottom: 10px;
    cursor: pointer
}

.Payment_paymentProfileContainer__1eQ_J:hover {
    background-color: #f4f4f4
}

.Payment_paymentProfileContainer__1eQ_J * {
    align-self: center
}

.Payment_paymentProfileContainer__1eQ_J.Payment_selected__3tt1Z {
    border-color: #003a88;
    background-color: #dae7f9;
    font-weight: 700
}

.Payment_checkboxRow__eC8pH {
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.Payment_submitButtonContainer__3Aq3c {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 300px;
    margin-top: 10px !important
}

.Payment_orSpacer__1D5Pp {
    padding-top: 40px;
    padding-bottom: 40px
}

.Payment_headerSpacer__1nspr {
    padding-top: 10px;
    padding-bottom: 10px
}

.Payment_itemizedBillTotal__2JawL {
    color: #000;
    font-weight: 700
}

.Payment_itemizedTable__34TxN {
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align: left;
    padding-right: 20%;
    font-size: 17px;
    border-spacing: 15px;
    border-collapse: separate
}

.OrganizationManagement_memberTableHeader__1rDMI {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700
}

.OrganizationManagement_memberTableItem__2itBF {
    height: 50px;
    font-size: 16px
}

.OrganizationManagement_noMembers__3ELim {
    margin-top: 40px;
    text-align: center
}

.OrganizationManagement_memberRow__22SNH {
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px
}

.OrganizationManagement_memberRow__22SNH:hover .OrganizationManagement_leftColumn__2v5Gn {
    font-weight: 700
}

.OrganizationManagement_memberRow__22SNH .OrganizationManagement_leftColumn__2v5Gn,
.OrganizationManagement_memberRow__22SNH .OrganizationManagement_rightColumn__2mzB1 {
    display: inline-flex;
    align-items: center
}

.OrganizationManagement_memberRow__22SNH span:hover {
    font-weight: 700
}

.OrganizationManagement_memberRow__22SNH .OrganizationManagement_approveIcon__2uxIi {
    color: green;
    font-size: 36px;
    margin-top: 3px;
    cursor: pointer
}

.OrganizationManagement_memberRow__22SNH .OrganizationManagement_denyIcon__3NPLD {
    color: red;
    font-size: 36px;
    margin-left: 25px;
    margin-top: 3px;
    cursor: pointer
}

.VerificationRequired_page__CHATX {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    background-image: linear-gradient(180deg, transparent, transparent 70%, #fefefe), url(https://portal.cityofelgin.org/static/media/Elgin-City-View.28327472.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

html.VerificationRequired_webp__1x_ev .VerificationRequired_page__CHATX {
    background-image: linear-gradient(180deg, transparent, transparent 70%, #fefefe), url(https://portal.cityofelgin.org/static/media/Elgin-City-View.c34789e9.webp)
}

.VerificationRequired_panelContainer__3F8UJ {
    width: 100%
}

.VerificationRequired_container__SfiWf {
    min-width: 300px
}

.VerificationRequired_panelStyle__3YPwi {
    align-self: center;
    max-width: 650px
}

@media only screen and (max-width:650px) {
    .VerificationRequired_panelStyle__3YPwi {
        max-width: 100%
    }
}

.ElginToday_innerPanelContainer__2OOIa {
    text-decoration: none;
    color: #222
}

a .ElginToday_content__1EC4L {
    color: #005daa
}

.ElginToday_buttonContainer__z9myw {
    width: 200px;
    margin: 0 auto
}

.ElginToday_panelHeader__3vKyD {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.ActivitiesView_tableContainer__1iN0_ {
    margin-bottom: 20px
}

.ActivitiesView_tableHeader__32UE5 {
    height: 50px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    font-weight: 700
}

.ActivitiesView_name__1vH-c,
.ActivitiesView_status__1iRjk,
.ActivitiesView_timestamp__2m2AI {
    min-width: 33%;
    display: flex
}

@media screen and (min-width:1236px) {
    .ActivitiesView_name__1vH-c {
        min-width: 60%
    }

    .ActivitiesView_status__1iRjk,
    .ActivitiesView_timestamp__2m2AI {
        min-width: 20%
    }
}

.ActivitiesView_item__3w5A2 {
    min-height: 50px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    color: inherit
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    width: 150px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 4px 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    background-color: #4490cd
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY.ActivitiesView_orange__3eiL3 {
    background-color: #de6839
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY.ActivitiesView_blue__1gqB6 {
    background-color: #4490cd
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY.ActivitiesView_red__3c4lK {
    background-color: #bf0000
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY.ActivitiesView_green__1-zGa {
    background-color: #77974c
}

.ActivitiesView_item__3w5A2 .ActivitiesView_statusTag__kHISY.ActivitiesView_yellow__1JWjw {
    background-color: #e8a317
}

.ActivitiesView_buttonContainer__1ocg0 {
    display: flex;
    justify-content: space-between
}

.ActivitiesViewItem_header___h4sm {
    display: inline-flex;
    justify-content: space-between
}

.ActivitiesViewItem_header___h4sm h2 {
    display: inline
}

.ActivitiesViewItem_header___h4sm .ActivitiesViewItem_headerButtons__3LFWe button {
    margin-left: 32px
}

.ActivitiesViewItem_header___h4sm .ActivitiesViewItem_statusTag__Wq6IL {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    margin-top: 10px;
    font-family: "Lato";
    text-align: center;
    text-transform: capitalize;
    font-size: 20px;
    background-color: #005daa
}

.ActivitiesViewItem_informationNeededHeader__37Ilx {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.ActivitiesViewItem_informationNeededHeader__37Ilx h3 {
    padding: 0;
    margin: 8px 0 0 5px
}

.ActivitiesViewItem_informationNeededDiv__3Xue2 {
    margin-bottom: 10px
}

.ActivitiesViewItem_informationNeededParagraph__FuNb0 {
    margin: 0 0 5px
}

.ActivitiesViewItem_marginBottom__2AyKb {
    margin-bottom: 20px
}

.ActivitiesViewItem_informationNeeded__1g-7Z h3 {
    color: #000
}

.ActivitiesViewItem_informationNeeded__1g-7Z p {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.ActivitiesViewItem_detailContainer__2uci5 {
    display: flex;
    flex-wrap: wrap
}

.ActivitiesViewItem_detailContainer__2uci5 .ActivitiesViewItem_detailItemContainer__3laFo {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 20px;
    font-family: Avenir
}

.ActivitiesViewItem_detailContainer__2uci5 .ActivitiesViewItem_detailItemContainer__3laFo .ActivitiesViewItem_detailItemLabel__3yjDI {
    color: #003a88;
    font-size: 18px;
    font-weight: 700
}

.ActivitiesViewItem_detailContainer__2uci5 .ActivitiesViewItem_detailItemContainer__3laFo .ActivitiesViewItem_detailItemInfo__3ebjX {
    color: #222;
    font-size: 16px;
    font-weight: 500
}

.ActivitiesViewProgressBar_statusContainer__GlvYP {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ActivitiesViewProgressBar_statusContainer__GlvYP div:nth-child(2) {
    margin-right: 5px
}

.ActivitiesViewProgressBar_statusContainer__GlvYP .ActivitiesViewProgressBar_statusBadge__2TF0B {
    background-color: #ebebeb;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #222;
    font-size: 18px;
    font-family: Avenir;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 71px;
    min-width: 183px;
    border-radius: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.ActivitiesViewProgressBar_statusContainer__GlvYP .ActivitiesViewProgressBar_statusBadge__2TF0B.ActivitiesViewProgressBar_active__3kG7R {
    background-color: #003a88;
    color: #fefefe
}

.ActivitiesViewProgressBar_statusContainer__GlvYP .ActivitiesViewProgressBar_statusBadge__2TF0B.ActivitiesViewProgressBar_terminated__1c8Ta {
    background-color: #bf0000;
    color: #fefefe
}

.ActivitiesViewProgressBar_statusContainer__GlvYP .ActivitiesViewProgressBar_statusBadge__2TF0B.ActivitiesViewProgressBar_past__3Q3KO {
    background-color: #77974c;
    color: #fefefe
}

.Search_termWrapper__1skQq {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1236px) {
    .Search_termWrapper__1skQq {
        flex-direction: row
    }
}

.Search_termWrapper__1skQq div {
    flex: 1 1
}

.Search_termWrapper__1skQq button {
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width:1236px) {
    .Search_termWrapper__1skQq button {
        margin-top: 0;
        width: auto;
        margin-left: 20px;
        max-width: 120px
    }
}

.Search_searchResult__2MPSt {
    margin-bottom: 30px
}

.Search_searchResult__2MPSt .Search_titleLink__3uijQ:hover {
    text-decoration: underline
}

.Search_searchResult__2MPSt .Search_urlDisplay__pXKUo {
    font-size: 12px;
    color: #707070
}

.Search_searchResult__2MPSt .Search_titleDisplay__jdVZq {
    font-size: 18px
}

.Search_searchResult__2MPSt .Search_highlightDisplay__2B-8w {
    font-size: 14px
}

.Search_pageButton__3tx6E {
    margin-left: 20px;
    margin-right: 20px
}

.Search_pageButton__3tx6E:hover {
    cursor: pointer;
    color: #2379c0
}

@media only screen and (min-width:1236px) {
    .KnowledgeBase_unauthenticatedView__3Y586 {
        padding: 0 2vw;
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        display: unset
    }
}

.KnowledgeBase_termWrapper__y3UCm {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1236px) {
    .KnowledgeBase_termWrapper__y3UCm {
        flex-direction: row
    }
}

.KnowledgeBase_termWrapper__y3UCm div {
    flex: 1 1
}

.KnowledgeBase_termWrapper__y3UCm button {
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width:1236px) {
    .KnowledgeBase_termWrapper__y3UCm button {
        margin-top: 0;
        width: auto;
        margin-left: 20px;
        max-width: 120px
    }
}

h3 {
    margin-top: 20px
}

.KnowledgeBase_searchResult__2Pljc {
    margin-bottom: 30px
}

.KnowledgeBase_searchResult__2Pljc .KnowledgeBase_titleLink__2hnPi:hover {
    text-decoration: underline
}

.KnowledgeBase_searchResult__2Pljc .KnowledgeBase_urlDisplay__lF0Dh {
    font-size: 12px;
    color: #707070
}

.KnowledgeBase_searchResult__2Pljc .KnowledgeBase_titleDisplay__c4Po3 {
    font-size: 18px
}

.KnowledgeBase_searchResult__2Pljc .KnowledgeBase_highlightDisplay__2bZjf {
    font-size: 14px
}

.KnowledgeBase_pageButton__14LDV {
    margin-left: 20px;
    margin-right: 20px
}

.KnowledgeBase_pageButton__14LDV:hover {
    cursor: pointer;
    color: #2379c0
}

@media only screen and (min-width:1236px) {
    .KnowledgeDetails_unauthenticatedView__3MvxH {
        padding: 0 2vw;
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        display: unset
    }
}

.KnowledgeDetails_headerContainer__28GLY {
    flex-direction: column
}

.KnowledgeDetails_layoutItem__2_hqK {
    margin-bottom: 30px
}

.UsersList_heading__2gPuX {
    color: #302e2e;
    font-family: Dienstag;
    font-size: 24px
}

.UsersList_deleteLink__3xt6- {
    cursor: pointer;
    color: red
}

.UserEdit_innerPanelContainer__1UFiv {
    max-width: 745px
}

.UserEdit_inputLabel__1oVDm {
    font-weight: 700;
    font-family: "Lato";
    font-size: 13px;
    margin-bottom: 5px
}

.UserEdit_row__1RFco {
    margin-bottom: 20px
}

.UserEdit_orderContainer__3o0WZ {
    max-width: 106px
}

.UserEdit_pageHeader__29laz {
    display: flex
}

.UserEdit_submitContainer___Vhs- {
    margin-left: auto
}

.UserEdit_submitContainer___Vhs->button {
    margin-left: 5px
}

.UserEdit_activitiesLink__2j6-O {
    max-width: 175px
}

.UserEdit_topError__1VJ5h {
    color: #bf0000;
    width: 100%;
    text-align: center
}

.PermitSearch_subformWrapper__YrGAx {
    margin-top: 40px
}

.PermitSearch_table__2sB3S {
    border-collapse: collapse;
    border: none;
    width: 100%
}

.PermitSearch_table__2sB3S td,
.PermitSearch_table__2sB3S th {
    border: 1px solid #ddd;
    padding: 8px
}

.PermitSearch_table__2sB3S tr:nth-child(2n) {
    background-color: #f2f2f2
}

.PermitSearch_table__2sB3S tr:hover {
    background-color: #ddd;
    cursor: pointer
}

.PermitSearch_table__2sB3S th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #003a88;
    color: #fff
}

.PermitSearch_table__2sB3S th:hover {
    cursor: default
}

.PermitSearch_detailsWrapper__Z6_Vc {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1236px) {
    .PermitSearch_detailsWrapper__Z6_Vc {
        flex-direction: row;
        justify-content: space-between
    }
}

.PermitSearch_detailsWrapper__Z6_Vc .PermitSearch_detailRow__3zre0 {
    padding-top: 10px;
    padding-bottom: 10px
}

.GarbageSearch_subformWrapper__1GW9j {
    margin-top: 40px
}

.GarbageSearch_table__aUuqI {
    border-collapse: collapse;
    border: none;
    width: 100%
}

.GarbageSearch_table__aUuqI td,
.GarbageSearch_table__aUuqI th {
    border: 1px solid #ddd;
    padding: 8px
}

.GarbageSearch_table__aUuqI tr:nth-child(2n) {
    background-color: #f2f2f2
}

.GarbageSearch_table__aUuqI tr:hover {
    background-color: #ddd;
    cursor: pointer
}

.GarbageSearch_table__aUuqI th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #003a88;
    color: #fff
}

.GarbageSearch_table__aUuqI th:hover {
    cursor: default
}

.GarbageSearch_detailsWrapper__1poaP {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1236px) {
    .GarbageSearch_detailsWrapper__1poaP {
        flex-direction: row;
        justify-content: space-between
    }
}

.GarbageSearch_detailsWrapper__1poaP .GarbageSearch_detailRow__x9Jcs {
    padding-top: 10px;
    padding-bottom: 10px
}

.GuestPayment_modalContent__1ynyH {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    justify-content: space-evenly
}

.GuestPayment_modalContent__1ynyH>div {
    width: 100%
}

.GuestPayment_linkText__2En_c {
    cursor: pointer;
    color: #4183c4
}

.GuestPayment_linkText__2En_c:hover {
    color: #1e70bf
}

.GuestPayment_submitContainer__2OEiQ {
    display: flex;
    justify-content: flex-end
}

.SystemAlerts_heading__2TlTb {
    color: #302e2e;
    font-family: Dienstag;
    font-size: 24px
}

.SystemAlerts_action_container__bKpfR {
    background-color: #fdfdfd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 10px;
    font-family: Avenir;
    font-spacing: 0;
    margin: 10px 0 30px;
    padding: 20px
}

.SystemAlerts_action_container_heading__3oG45 {
    color: #222;
    display: inline-block;
    margin-right: 30px;
    text-transform: capitalize;
    font-family: "Lato" !important;
    font-size: 23px;
    font-weight: 300
}

.SystemAlerts_listing_table__eCYRt {
    margin-top: 30px
}

.SystemAlerts_item_text__1_QAl {
    display: inline-block;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 20px
}

.SystemAlerts_active__1NjFB {
    text-align: center;
    width: 7%;
    margin-right: 5px
}

.SystemAlerts_active__1NjFB .SystemAlerts_greenCheckmark__2Mw5V {
    color: green
}

.SystemAlerts_active__1NjFB .SystemAlerts_redX__2PMza {
    color: red
}

.SystemAlerts_tag__3tIQO {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    width: 150px;
    height: 26px;
    padding: 4px 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700
}

.SystemAlerts_tableContainer__2FWf4 {
    margin-bottom: 20px;
    width: 100%;
    overflow-x: auto
}

table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Lato" !important
}

.SystemAlerts_tableHeader__A8JHx {
    height: 50px;
    font-size: 16px;
    padding: 0 14px;
    font-weight: 700;
    text-align: left
}

.SystemAlerts_item__2Bd5W {
    font-size: 16px;
    color: inherit
}

td {
    padding-top: 10px;
    padding-bottom: 10px
}

.SystemAlerts_actions__2IZzP {
    text-align: center;
    width: 10%
}

.SystemAlerts_actions__2IZzP i {
    margin: 5px
}

.SystemAlerts_editIcon__14r1S {
    color: #005daa
}

.SystemAlerts_trashIcon__9zODV {
    color: red
}

.SystemAlerts_timestamp__3k_qI {
    width: 15%
}

.SystemAlerts_alertText__r6-lb {
    width: 35%;
    padding-right: 20px;
    word-break: break-all
}

.SystemAlerts_alertHeader__3Zh3o {
    font-size: 20px;
    font-weight: 700
}

.SystemAlerts_buttonContainer__1Aynl {
    display: flex;
    justify-content: space-between
}

.SystemAlerts_buttonWrapper__BT5yY {
    margin-top: 20px
}

.SystemAlerts_errorMessage__InpJb {
    color: red;
    font-weight: 700
}

.SystemAlerts_modalContent__9aVP_ {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    justify-content: space-evenly
}

.SystemAlerts_modalContent__9aVP_>div {
    width: 100%
}

.SystemAlerts_linkText__1k1Xm {
    cursor: pointer;
    color: #4183c4
}

.SystemAlerts_linkText__1k1Xm:hover {
    color: #1e70bf
}

.SystemAlerts_submitContainer__1PGob {
    display: flex;
    justify-content: center;
    margin-top: 20px !important;
    grid-gap: 20px !important;
    gap: 20px !important
}

.SystemAlerts_formContainer__g03b0 {
    margin-top: 15px;
    margin-bottom: 15px
}

.SystemAlerts_textEditorContainer__21aPx,
.SystemAlerts_toggleContainer__4CHnw {
    margin-bottom: 20px
}

.SystemAlerts_titleContainer__jOLAo {
    width: 100%
}

.SystemAlerts_alertDeleteModalBody__1XOWz {
    font-size: 17px
}

.textEditor_editorContainer__2po8h {
    border: 1px solid #dedede;
    border-radius: 5px
}

.AllServices_nonAuthUserContainer__3mQxd {
    margin: auto;
    width: 60%;
    padding-left: 10%
}

.AllServices_backToHomepageArrow__1InMD {
    margin-left: 10% !important
}

.AllServices_actionContainer__2pkn3 {
    margin-top: 20px;
    margin-bottom: 50px
}

.AllServices_linkText__3YBZF {
    font-family: "Lato";
    text-decoration: underline;
    color: #00386a;
    font-weight: 800;
    font-size: 16px;
    cursor: pointer;
    text-transform: capitalize
}

.AllServices_actionContainerHeader__2cDE2 {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.AllServices_title__3A4YG {
    font-family: "Lato";
    font-size: 24px;
    margin-top: 0;
    margin-left: 25px
}

.AllServices_applyActionImg__1HBq_ {
    background: url(https://portal.cityofelgin.org/static/media/apply-icon.d2da33ca.svg) no-repeat 50%
}

.AllServices_findActionImg__35K8f {
    background: url(https://portal.cityofelgin.org/static/media/find-icon.e05e6fd8.svg) no-repeat 50%
}

.AllServices_registerActionImg__2vfsj {
    background: url(https://portal.cityofelgin.org/static/media/register-icon.2405444a.svg) no-repeat 50%
}

.AllServices_payActionImg__2wAZC {
    background: url(https://portal.cityofelgin.org/static/media/pay-icon.689e428c.svg) no-repeat 50%
}

.AllServices_reportActionImg__3eVEh {
    background: url(https://portal.cityofelgin.org/static/media/report-icon.151cb9da.svg) no-repeat 50%
}

.AllServices_defaultActionImg__1sd8m {
    background: url(https://portal.cityofelgin.org/static/media/sample-service-icon.d2da33ca.svg) no-repeat 50%
}

.AllServices_actionImg__v4D3P {
    background-size: contain;
    width: 32px;
    height: 32px
}

.AllServices_actionOuterContainer__20KIC {
    margin-top: 50px !important;
    display: flex
}

.AllServices_actionInnerContainer__1yTAh {
    display: flex;
    flex-direction: column;
    width: 100%
}

.AllServices_topInnerPanelContainer__2dlc3 {
    margin: 100px 25px;
    max-width: 100%
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .AllServices_nonAuthUserContainer__3mQxd {
        width: auto;
        padding: 0 50px
    }

    .AllServices_authUserContainer__2wwHJ {
        padding: 0 50px
    }
}

@media only screen and (min-width:0px) and (max-width:750px) {
    .AllServices_nonAuthUserContainer__3mQxd {
        margin: auto;
        width: auto;
        padding: 0 50px
    }

    .AllServices_actionOuterContainer__20KIC {
        flex-direction: column
    }

    .AllServices_backToHomepageArrow__1InMD {
        margin-left: 0 !important
    }
}

.Footer_footer__miWNG {
    display: flex;
    background-color: #003a88;
    width: 100%;
    padding: 40px 200px
}

.Footer_footerMobileTop__DsTNg {
    flex-basis: 150px;
    flex-shrink: 0;
    margin-right: 100px
}

.Footer_footerMobileBottom__1hIRu {
    text-align: center
}

.Footer_footerMiddleContainer__23gJA {
    display: flex;
    flex-grow: 1;
    flex-basis: 150px;
    flex-shrink: 0;
    margin-left: 100px;
    margin-right: 100px
}

.Footer_footerMiddle__2-WU- {
    max-width: 700px;
    display: flex;
    flex: 1 1;
    margin-left: auto;
    margin-right: auto
}

.Footer_footerSpace__BchSv {
    flex-shrink: 1;
    flex-basis: 200px
}

.Footer_footerLogo__22seK {
    background: url(https://portal.cityofelgin.org/static/media/city-in-suburbs.a0bb8093.svg) no-repeat 50%;
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain
}

.Footer_footerLinkContainer__2ElxC {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.Footer_footerLinkMiddleContainer__1CNKp {
    flex: 2 1;
    display: flex;
    flex-direction: column
}

.Footer_footerLinkItemContainer__Nmwb5 {
    color: #fefefe;
    font-weight: 700;
    font-family: Avenir;
    font-size: 16px;
    flex: 1 1;
    padding: 5px
}

.Footer_footerInfoItemContainer__3s-u1 {
    color: #fefefe;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 100;
    flex: 1 1;
    padding: 5px
}

.Footer_footerMobile__2gzLb {
    display: none;
    flex: 1 1;
    flex-direction: column
}

@media only screen and (min-width:0px) and (max-width:1215px) {
    .Footer_footerMobile__2gzLb {
        display: flex
    }

    .Footer_footerWeb__sGsxG {
        display: none;
        flex: none
    }

    .Footer_footer__miWNG {
        padding: 40px 100px
    }

    .Footer_footerMobileTop__DsTNg {
        margin-left: auto;
        margin-right: auto
    }

    .Footer_footerMobileBottom__1hIRu {
        flex-direction: column
    }
}

@media only screen and (min-width:1216px) {
    .Footer_footerMobile__2gzLb {
        display: none
    }

    .Footer_footerWeb__sGsxG {
        display: flex;
        flex: 1 1
    }

    .Footer_footer__miWNG {
        padding: 40px 0
    }

    .Footer_footerMobileTop__DsTNg {
        margin-left: 0;
        margin-right: 100px
    }

    .Footer_footerMobileBottom__1hIRu {
        flex-direction: row
    }
}

.Footer_footerMobileLogo__24NFI {
    background: url(https://portal.cityofelgin.org/static/media/city-in-suburbs.a0bb8093.svg) no-repeat 50%;
    width: 106px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 25px
}

.Footer_footerMobileLinkItemContainer__3hF0I {
    color: #fefefe;
    font-weight: 700;
    font-family: Avenir;
    font-size: 16px;
    flex: 1 1;
    padding: 5px
}

.Footer_footerLinkItem__2JdEP {
    color: inherit
}

.Footer_footerMobileInfoItem__Wi0xz {
    color: #fefefe;
    font-family: Avenir;
    font-size: 14px;
    flex: 1 1;
    padding: 5px
}

.Footer_footerLinkInfoContainer__2etwj {
    margin-top: 50px
}

.SideBarMenu_sideBarMenu__wKrLW {
    display: flex;
    flex-direction: column;
    width: 270px;
    position: fixed;
    top: 123px;
    bottom: 0;
    box-sizing: border-box;
    padding-right: 30px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.SideBarMenu_sideBarMenu__wKrLW::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width:0px) and (max-width:1235px) {
    .SideBarMenu_sideBarMenu__wKrLW {
        display: none
    }
}

@media only screen and (min-width:1236px) {
    .SideBarMenu_sideBarMenu__wKrLW {
        display: inline;
        display: initial
    }
}

.SideBarMenu_sideBarMenuLinkTextContainer__2_pkq {
    align-items: center;
    display: flex;
    color: #434343;
    font-size: 16px
}

i {
    margin-right: 5px;
    font-size: 20px
}

.SideBarMenu_active__BxZ26 {
    color: #005daa !important;
    font-weight: 700
}

.SideBarMenu_admin__GPGQe {
    margin-top: 50px
}

.SideBarMenu_item__3pBDB {
    padding: 11px 11px 11px 5px;
    cursor: pointer;
    font-family: Avenir
}

.SideBarMenu_item__3pBDB :not(.SideBarMenu_active__BxZ26):hover {
    color: #000
}

.SideBarMenu_menu__3Mkk- {
    margin-top: 15px
}

.SideBarMenu_menu__3Mkk- a {
    color: inherit
}

.SideBarMenu_sideBarDropdown__3m4K2 {
    background-color: #e0e0e0 !important;
    border: none !important;
    font-family: "Avenir";
    font-size: 16px;
    margin-bottom: 15px;
    min-height: auto !important;
    padding: .65em 2.1em .65em 1em !important
}

.SideBarMenu_sideBarDropdown__3m4K2 div {
    color: #434343 !important
}

.SideBarMenu_sideBarDropdown__3m4K2 i {
    line-height: normal !important;
    top: auto !important;
    color: #434343
}

.SideBarMenu_dropdown__3kwDD {
    margin-bottom: 20px
}

.SystemAlert_alertInnerPanelContainer__11oA_ {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.SystemAlert_alertLeftInnerPanelContainer__z35Mj {
    max-width: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    background-color: red
}

.SystemAlert_alertHeaderIcon__2irjT {
    font-size: 35px;
    color: #980000;
    display: inline;
    margin-right: 10px
}

.SystemAlert_alertHeader__37AHl {
    color: #980000;
    font-weight: 700;
    font-family: "Lato" !important;
    display: flex;
    align-items: center
}

.SystemAlert_alertHeaderText__1yPlj {
    display: inline;
    font-size: 30px;
    font-family: "Lato" !important;
    color: #980000
}

#SystemAlert_spacer__13m4i {
    visibility: hidden;
    flex-grow: 1
}

.SystemAlert_dismiss__3Xmh4 {
    font-size: 16px;
    color: #980000;
    transition: color .2s
}

.SystemAlert_alertInnerButtonContainer__2jCQA {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-left: 50%;
    padding-right: 50%
}

.SystemAlert_dismissAlert__1DDE1 {
    font-family: "Lato";
    font-weight: 700
}

.MobileSideBarMenu_mobileSideBarHeader__FzFVn {
    height: 50px;
    display: flex !important;
    margin: 20px 10px 40px 38px
}

.MobileSideBarMenu_mobileSideBarHeader__FzFVn:focus {
    outline: none
}

.MobileSideBarMenu_mobileSideBarHeaderMenu__1tvRV {
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    flex: 1 1;
    align-items: center;
    display: flex !important;
    font-family: Dienstag
}

.MobileSideBarMenu_mobileSideBarHeaderClose__2K5lI {
    width: 50px;
    font-weight: 600;
    align-items: center;
    display: flex
}

.MobileSideBarMenu_mobileSideBarHeaderClose__2K5lI i {
    font-size: 1.7em;
    margin: auto
}

.MobileSideBarMenu_mobileSideBarHeaderClose__2K5lI:hover {
    background: #2379c0 !important;
    cursor: pointer
}

.MobileSideBarMenu_mobileSideBarTop__3BdTj {
    min-height: 350px;
    padding-left: 36px
}

.MobileSideBarMenu_mobileSideBarTop__3BdTj:focus {
    outline: none
}

.MobileSideBarMenu_mobileSideBarBottom__1zMyW {
    min-height: 300px;
    margin: 0;
    padding-left: 36px
}

.MobileSideBarMenu_mobileSideBarBottom__1zMyW:focus {
    outline: none
}

.MobileSideBarMenu_mobileSideBarMenuItemContainer__2i_nB {
    display: flex;
    align-items: center;
    height: 50px
}

.MobileSideBarMenu_mobileSideBarMenuItemContainer__2i_nB:hover {
    background: #2379c0 !important;
    cursor: pointer
}

.MobileSideBarMenu_mobileSideBarMenuItemLink__2GmV2 {
    font-family: Avenir;
    font-size: 16px;
    color: #fefefe;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    height: 50px
}

.MobileSideBarMenu_mobileSideBarMenuItemLink__2GmV2:hover {
    color: #fefefe;
    background: #2379c0 0 0 no-repeat padding-box;
    cursor: pointer
}

.MobileSideBarMenu_mobileSideBar__2i4y9 {
    background-color: #003a88 !important;
    color: #fff;
    font-family: Avenir
}

.MobileSideBarMenu_mobileSideBarMenuOtherLinks__1Uibj {
    color: #b1b1b1;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.MobileSideBarMenu_normalLinks__10CZj {
    text-transform: capitalize
}

/*# sourceMappingURL=main.673ea3c9.chunk.css.map */