/*generalizations*/
body {
    background-color: transparent;
    /*background: url("/images/home-background.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*font-family: 'Merriweather', serif;*/
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6, button, .button, ul, li {
    /*font-family: 'Merriweather', serif;*/
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

h1 {
    color: #003470 !important;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

h2 {
    font-size: 2em;
    font-weight: 530;
}

h4 {
    font-size: 18px;
}

h5 {
    line-height: 1.2 !important;
}

a {
    text-decoration: none;
    color: #003470;
}

    a:hover {
        text-decoration: none;
    }

.interior-page a:not(button):not(.button):not(.panel-button) {
    text-decoration: underline;
}

.breadcrumbs a {
    text-decoration: none !important;
    color: #003470;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #003470;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 15px !important;
    }
}

.align-content-right {
    justify-content: right;
}
/* Breadcrumbs (from Foundation 5) */
.breadcrumbs {
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.5625rem 0.875rem 0.5625rem;
    background-color: #f4f4f4;
    border-color: gainsboro;
    border-radius: 3px;
}

    .breadcrumbs > * {
        color: #008CBA;
        float: left;
        font-size: 0.6875rem;
        line-height: 0.6875rem;
        margin: 0;
        text-transform: uppercase;
    }

        .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
            text-decoration: underline;
        }

        .breadcrumbs > * a {
            color: #008CBA;
        }

        .breadcrumbs > *.current {
            color: #333333;
            cursor: default;
        }

            .breadcrumbs > *.current a {
                color: #333333;
                cursor: default;
            }

            .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
                text-decoration: none;
            }

        .breadcrumbs > *.unavailable {
            color: #999999;
        }

            .breadcrumbs > *.unavailable a {
                color: #999999;
            }

                .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
                .breadcrumbs > *.unavailable a:focus {
                    color: #999999;
                    cursor: not-allowed;
                    text-decoration: none;
                }

        .breadcrumbs > *:before {
            color: #AAAAAA;
            content: "/";
            margin: 0 0.75rem;
            position: relative;
            top: 1px;
        }

        .breadcrumbs > *:first-child:before {
            content: " ";
            margin: 0;
        }

    .breadcrumbs li:not(:last-child)::after {
        content: none;
    }
/* Pricing Tables (from Foundation 5) */
.pricing-table {
    border: solid 1px #DDDDDD;
    margin-left: 0;
    margin-bottom: 1.25rem;
}

    .pricing-table * {
        list-style: none;
        line-height: 1;
    }

    .pricing-table .title {
        background-color: #333333;
        color: #EEEEEE;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 1rem;
        font-weight: normal;
        padding: 0.9375rem 1.25rem;
        text-align: center;
    }

    .pricing-table .price {
        background-color: #F6F6F6;
        color: #333333;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 2rem;
        font-weight: normal;
        padding: 0.9375rem 1.25rem;
        text-align: center;
    }

    .pricing-table .description {
        background-color: #FFFFFF;
        border-bottom: dotted 1px #DDDDDD;
        color: #777777;
        font-size: 0.75rem;
        font-weight: normal;
        line-height: 1.4;
        padding: 0.9375rem;
        text-align: center;
    }

    .pricing-table .bullet-item {
        background-color: #FFFFFF;
        border-bottom: dotted 1px #DDDDDD;
        color: #333333;
        font-size: 0.875rem;
        font-weight: normal;
        padding: 0.9375rem;
        text-align: center;
    }

    .pricing-table .cta-button {
        background-color: #FFFFFF;
        padding: 1.25rem 1.25rem 0;
        text-align: center;
    }
/* Columns (from Foundation 5) */
.grid-x.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    /*	width: 100%;
*/ float: left;
}

    .column + .column:last-child,
    .columns + .column:last-child, .column +
    .columns:last-child,
    .columns +
    .columns:last-child {
        float: right;
    }

    .column + .column.end,
    .columns + .column.end, .column +
    .columns.end,
    .columns +
    .columns.end {
        float: left;
    }
/* Inline List (from Foundation 5) */
.inline-list {
    list-style: none;
    margin-left: -1.375rem;
    margin-right: 0;
    margin: 0 auto 1.0625rem auto;
    overflow: hidden;
    padding: 0;
}

    .inline-list > li {
        display: block;
        float: left;
        list-style: none;
        margin-left: 1.375rem;
    }

        .inline-list > li > * {
            display: block;
        }
/* CSS overrides (from Foundation 5) */
.right {
    float: right !important;
}

button, .button {
    font-size: 1rem;
    padding: 1rem 2rem 1.0625rem 2rem;
    line-height: normal;
}

    .button.tiny {
        font-size: 0.6875rem;
        padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    }

.callout {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    background: #f2f2f2;
}

table {
    border: solid 1px #DDDDDD;
}

tbody {
    border: none;
}

@media print, screen and (min-width: 40em) {
    h5, .h5 {
        font-size: 1.125rem;
    }
}

p, ul {
    font-size: 1rem;
}
/*foundation overrides*/
.grid-x {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

    .grid-x.full-width {
        max-width: 100%;
    }

.invisible:not(.is-drilldown-submenu):not(.drilldown) {
    display: none !important;
}

.hidden {
    visibility: hidden;
}

.inline-list > li:first-child {
    margin-left: 0;
}

.disabled {
    color: #efefef !important;
}

form .grid-x .grid-x .column,
form .grid-x .grid-x .columns {
    padding: 0 0.5rem;
}

form .grid-x .grid-x.collapse {
    margin: 0;
}

    form .grid-x .grid-x.collapse .column,
    form .grid-x .grid-x.collapse .columns {
        padding: 0;
    }

    form .grid-x .grid-x.collapse input {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

form .grid-x input.column,
form .grid-x input.columns,
form .grid-x textarea.column,
form .grid-x textarea.columns {
    padding-left: 0.5rem;
}

@media only screen and (max-width: 639px) {
    form .grid-x .grid-x.collapse-full .column:last-child, form .grid-x .grid-x.collapse-full .columns:last-child {
        padding: 0 0 0 0.5rem;
    }

    form .grid-x .grid-x.collapse-full .column:first-child, form .grid-x .grid-x.collapse-full .columns:first-child {
        padding: 0;
    }

    form .grid-x .grid-x.collapse-full .column, form .grid-x .grid-x.collapse-full .columns {
        padding: 0 0.5rem;
    }

    .grid-x.no-padding .column, .grid-x.no-padding .columns {
        padding: 0;
    }
}
/*header*/
.header {
    background-color: #003470;
}

.title h2 a, .title h2 a:hover {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.title h6 a, .title h6 a:hover {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.header-blue-bar {
    background-color: #2B5585;
    border-radius: 0 0 0 10px;
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
    color: white;
}

.drilldown .is-drilldown-submenu, .drilldown a:not(.search-image) {
    background-color: #003470 !important;
}

.is-drilldown {
    min-width: none;
}

.header .site-logo-container img {
    width: 120px;
    float: right;
}

.header .pva-person-container img {
    width: 75px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    padding: 7px 0;
}

@media only screen and (max-width: 1250px) {
    .header .site-logo-container img {
        width: 100px;
    }

    .header .pva-person-container img {
        width: 60px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .header-top {
        padding-top: 5px;
    }

    .site-logo {
        display: block;
        margin: 0;
    }

    .header .site-logo-container {
        position: relative;
        top: auto;
        left: auto;
        text-align: center
    }

    .title {
        text-align: center;
        margin-bottom: 15px;
    }
}

.is-dropdown-submenu {
    min-width: 289px;
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .site-logo-tablet-image {
        margin-top: 5px;
        display: block;
    }

    .top-bar li:not(.has-form) a:not(.button) {
        padding: 0 5px;
    }

    .align-items-center-medium {
        align-items: center;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1076px) {
    .title h2 a, .title h2 a:hover {
        font-size: 15px !important;
    }
}

.top-bar input {
    max-width: none;
}
/*top navigational links*/
.top-bar-links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.top-right-header-row {
    padding-left: 8px;
}

.top-bar-links .is-dropdown-submenu {
    border: none;
    list-style-type: none !important;
}

.top-bar-links ul.dropdown.menu {
    justify-content: center;
    align-items: center;
}

.iconSearchSite i {
    border: 1px solid white;
    border-radius: 50%;
    padding: 5px;
}

.top-bar-links .contact-nav {
    background: url(/images/common/contact.png) no-repeat left center;
    background-size: 20px;
    padding: 5px 5px 5px 25px !important;
    line-height: 25px;
    color: #007095 !important;
    margin-right: 8px;
}

    .top-bar-links .contact-nav:hover {
        background: url(/images/common/contact-over.png) no-repeat left center;
        background-size: 20px;
        color: #5d9100 !important;
    }

.top-bar-links .login-nav {
    background: url(/images/common/login.png) no-repeat left center;
    background-size: 20px;
    padding: 5px 2px 5px 25px !important;
    line-height: 25px;
    color: #007095 !important;
}

    .top-bar-links .login-nav:hover, .top-bar-links .is-active .login-nav, .top-bar-links .hover .login-nav, .top-bar-links .is-active.hover .login-nav {
        background: url(/images/common/login-over.png) no-repeat left center !important;
        background-size: 20px !important;
        color: #5d9100 !important;
    }

.top-bar-links .menu li.is-submenu-item a {
    background: #2b5571;
    border-bottom: 1px solid #fff;
    border-right: 3px solid #2b5571;
    border-left: 3px solid #2b5571;
    text-align: left;
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 15px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    width: 100%;
}

.top-bar-links .menu li.is-submenu-item:hover a {
    color: #5d9100 !important;
    background-color: #000 !important;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
}

.top-bar-links #accountNav_navDropDown {
    list-style: none;
}

/*foundation top bar main navigation*/
.top-bar, .top-bar ul {
    background-color: #003470;
}

.title-bar {
    display: block;
    margin: 0 auto;
}

    .title-bar button.menu-icon {
        color: #62b2ff;
        height: 34px;
        line-height: 36px;
        padding: 0 0.9375rem 0 2rem;
        position: relative;
        background: url(/images/common/menu-icon.png) left center no-repeat;
        background-size: 22px;
        margin-right: -3.2rem;
        display: block;
        margin: 0 auto;
    }

.top-bar.expanded .toggle-topbar.menu-icon a {
    background: url(/images/common/menu-icon-active.png) left center no-repeat;
    background-size: 22px;
}

.title-bar button::after {
    display: none;
}

.top-bar {
    background: #003470 !important;
    justify-content: space-evenly;
    padding: 0;
}

.title-bar {
    background: #004391 !important;
}

.top-bar ul li.hover, .top-bar ul li:hover, .top-bar ul li.is-active, .top-bar ul li.is-active a {
    background-color: #002651 !important;
}

    .top-bar ul li.hover a, .top-bar ul li:hover a:not(.search-image) {
        border-left-color: #002651;
        border-right-color: #002651;
    }

.top-bar ul li:not(.has-form).hover a:not(.button), .top-bar ul li:not(.has-form):hover a:not(.button):not(.search-image), .top-bar ul li > ul li {
    background-color: #002651 !important;
}

.top-bar li a:not(.button):hover {
    background: none;
}

.top-bar ul li.active > a {
    background: #002651 !important;
}

    .top-bar ul li.active > a:hover {
        background: none;
    }

.top-bar:not(.expanded) .top-bar ul:not(.dropdown) > li.hover, .top-bar:not(.expanded) .top-bar ul:not(.dropdown) > li:hover {
    background: #002651;
}

.top-bar .is-dropdown-submenu-parent li:not(.has-form):not(.active) > a:not(.button) {
    background: #004391;
    border-bottom: 1px solid #2b78c2;
    border-right: 3px solid #002651;
    border-left: 3px solid #002651;
    text-align: left;
    font-size: 13px;
    padding: 16px !important;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    border: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent !important;
    border-width: 4px !important;
    margin-top: -11px !important;
    right: 4px !important;
}

.top-bar-links .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent !important;
    border-width: 4px !important;
    margin-top: -8px !important;
    right: 10px !important;
}

.top-bar .dropdown li:not(.has-form):not(.active):last-child > a:not(.button) {
    border-bottom: none;
}

.top-bar .dropdown li:not(.has-form):not(.active) > a:not(.nav-icons):hover {
    color: #5d9100 !important;
    background-color: #000 !important;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
}

.name-title, .site-title {
    margin-bottom: 0;
    line-height: 1.2;
}

.nav-img {
    margin-bottom: 10px;
    padding-top: 10px;
}

.mobile-green-background {
    background-color: #C3C3C9 !important;
}

    .mobile-green-background button.menu-icon {
        color: #fff !important;
        background: url(/images/common/menu-icon-active.png) left center no-repeat !important;
        background-size: 22px !important;
    }

.js-drilldown-back a {
    font-size: 20px !important;
}

@media only screen and (max-width: 639px) {
    .title-bar {
        background: #003470;
    }

    .top-bar.expanded {
        margin-top: 15px;
    }

        .top-bar.expanded .title-area {
            background: #5D9100;
        }

        .top-bar.expanded .toggle-topbar a {
            color: white;
        }

    .top-bar ul li {
        width: 100%;
        border-bottom: 1px solid #2b78c2;
        padding-bottom: 0;
        padding-top: 0;
        background: #004391;
    }

    .top-bar .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
        padding: 15px 0.9375rem;
        border: none;
        background-color: #004391;
    }

    .top-bar {
        width: 100%;
    }

        .top-bar ul li:last-child {
            border-bottom: none;
        }

        .top-bar li a {
            color: #fff;
            font-size: 13px;
            font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        }

            .top-bar li a:hover, .top-bar li:hover, .top-bar li:hover a.nav-icons {
                color: #5d9100 !important;
            }

        .top-bar ul li:not(.has-form):not(.title).hover a:not(.button), .top-bar ul li:not(.has-form):not(.title):hover a:not(.button):not(.search-image), .top-bar ul li:not(.title) > ul li {
            background-color: #003470 !important;
            background-position: left center !important;
        }

        .top-bar li:not(.has-form):not(.title) a:not(.button):not(.search-image):hover, .top-bar li:not(.has-form):not(.title).hover a:not(.button):hover, .top-bar li:not(.has-form):not(.title):hover a:not(.button):not(.search-image):hover {
            background-color: #004391 !important;
        }

        .top-bar ul:not(.dropdown) > li, .top-bar ul > li.hover, .top-bar ul > li:hover, .top-bar ul:not(.dropdown) > li, .top-bar ul > li:hover {
            padding-top: 0;
            padding-bottom: 0;
            background-color: #004391;
        }

            .top-bar ul:not(.dropdown) > li a:hover {
                background-color: #004391;
            }

        .top-bar .dropdown li.title h5 {
            text-align: left;
            padding: 15px 0;
            font-weight: 700;
            font-size: 1.25rem;
        }

    .search-image {
        margin: -39px 0px 0 0 !important;
    }

    .top-bar ul {
        border-bottom: 2px solid #003470 !important;
    }
}

.top-bar .dropdown.menu a {
    color: #fff !important;
}

.top-bar-links .dropdown.menu > li.is-active > a {
    color: #fff;
}

.search-box-container .columns {
    padding-bottom: 10px !important;
}

@media only screen and (max-width: 640px) {
    .panel-login {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 640px) {
    .border-left {
        border-left: 1px solid #2B78C2;
    }

    .top-bar ul.left {
        float: right !important;
    }

    .top-bar a {
        text-align: center;
    }

    .top-bar ul {
        height: auto !important;
        border: none;
    }

    .site-logo {
        display: block;
        margin: 0;
    }

    .title-bar {
        display: none;
    }

    .nav-icons {
        line-height: 1.4 !important;
        font-size: 13px !important;
    }

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border: none;
        content: none;
        display: block;
        height: 0;
        width: 0;
        margin-top: inherit;
        top: auto;
    }

    .dropdown.menu > li.is-dropdown-submenu-parent > a.less-tablet-padding {
        padding: 0.7rem 0.75rem;
    }

        .dropdown.menu > li.is-dropdown-submenu-parent > a.less-tablet-padding::after {
            right: 1px !important;
        }
}

@media only screen and (min-width: 966px) {
    .dropdown.menu > li.is-dropdown-submenu-parent > a.less-tablet-padding {
        padding: 0.7rem 1rem;
    }
}

@media only screen and (min-width: 1025px) {
    .top-bar ul {
        height: auto !important;
    }
}

@media only screen and (min-width: 992px) {
    .margin-right-5 {
        margin-right: 5px;
    }
}

/*search panel styles*/
.near-me-button {
    display: block;
    margin: 0 auto;
}

.panel-login li {
    padding-bottom: 5px;
    color: #000000 !important;
}

    .panel-login li a {
        color: #003470 !important;
        text-decoration: underline;
    }

        .panel-login li a:hover {
            text-decoration: none;
        }

.search-image {
    background: #e8e8e8 url("/images/icons/icon-search-box.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    position: relative;
    width: 37px;
    height: 2.4rem;
    float: right;
    margin: -39px -6px 0 0;
    padding-left: 3px;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
}

.center-mobile-header {
    margin: 0 auto !important;
}

    .center-mobile-header .columns {
        padding: 0 !important;
    }

ul.searchPrevNext li {
    margin-left: 0;
    padding-left: 1.375rem;
}

    ul.searchPrevNext li a::after {
        content: "|";
        padding-left: 1.375rem;
    }

        ul.searchPrevNext li a::after.disabled {
            color: #efefef !important;
        }

    ul.searchPrevNext li:first-child {
        padding-left: 0;
    }

    ul.searchPrevNext li:last-child a {
        padding-right: 0;
    }

        ul.searchPrevNext li:last-child a::after {
            content: "";
        }

.table-boonepva-codes td {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

.mobile-search-button.fullwidth {
    width: auto;
}

.panel-search .search-divider-text {
    font-size: 1.25rem;
    font-weight: 800;
    color: #000000 !important;
    text-align: center;
}

.medium-3.large-3.columns.panel-login h2,
.medium-12.large-6.columns.panel-search h2,
.medium-12.large-3.columns.panel-login h2 {
    color: #000000 !important; /* Ensure h2s are black */
}

.mobile-search-button {
    width: 165px !important;
}

.panel-button-small {
    width: 60px !important;
}
/* ----- home page link panel ----- */
.panel.link-panel {
    background: #fff;
    padding: 0.9375rem;
}

.link-panel.no-margin-bottom {
    margin-bottom: 0;
}

.quick-links-row h2 {
    color: #989898 !important;
    font-weight: 700;
    padding-left: 50px;
}

.quick-links-title h2 {
    color: #989898 !important;
    font-weight: 500;
    font-size: 30px;
    padding-left: 0;
}
@media (min-width: 1024px) {
    .quick-links-row ul {
        margin: 15px 15px 0px 75px !important;
        padding: 0;
    }
    .quick-links-title h2 {
        padding-left: 75px !important;
    }
}

.quick-links-row li {
    list-style: none;
}

    .quick-links-row li a.estimate-link {
        background: url(/images/common/estimate-link.png) no-repeat left center;
        background-size: 16px;
        /*	padding-left: 30px;
*/ line-height: 30px !important;
    }

    .quick-links-row li a.homestead-link {
        background: url(/images/common/homestead-link.png) no-repeat left center;
        background-size: 20px;
        padding-left: 30px;
        line-height: 30px !important;
    }

    .quick-links-row li a.appeal-link {
        background: url(/images/common/appeal-link.png) no-repeat left center;
        background-size: 20px;
        padding-left: 30px;
        line-height: 30px !important;
    }

    .quick-links-row li a.news-link {
        background: url(/images/common/news-link.png) no-repeat left center;
        background-size: 20px;
        padding-left: 30px;
        line-height: 30px !important;
    }

    .quick-links-row li a.homehanger-link {
        background: url(/images/common/homehanger-link.png) no-repeat left center;
        background-size: 20px;
        padding-left: 30px;
        line-height: 30px !important;
    }

    .quick-links-row li a.doc-link {
        background: url(/images/common/document-link.png) no-repeat left center;
        background-size: 20px;
        padding-left: 30px;
        line-height: 30px !important;
    }

    .quick-links-row li a:hover {
        text-decoration: none;
    }


@media (max-width: 642px) {
    .panel.link-panel {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
}

.meet-cindy {
    background-color: #004391;
    padding: 5px !important;
    text-align: left;
    margin-bottom: 25px;
}

.meet-cindy-text {
    color: white;
    font-weight: 700;
}

.property-assessment h2, .property-address, .account-center-title, .interior-title {
    color: #007095 !important;
    font-weight: 700;
}

.property-assessment h2 {
    color: #007095;
    font-weight: 500 !important;
    font-size: 30px !important;
}

.learn-more, .learn-more:hover {
    color: #007095;
    font-weight: 700;
    margin-left: 10px;
}

    .learn-more::after {
        content: " >";
        font-size: 16px;
        color: #989898;
    }


a.green-link, a.green-link:hover {
    color: #007095;
    font-size: 1rem;
}

a.red {
    color: #e51b24;
    text-decoration: none;
}

    a.red:hover {
        color: #e51b24;
        text-decoration: none;
    }

    a.red::after {
        content: " | ";
        color: #e51b24;
    }

    a.red:last-child::after {
        content: "";
    }

/*.assessmentcontainer {
padding-left: 50px !important;
}
*/
.assessment-links {
    margin-top: 10px;
}

    .assessment-links a {
        text-decoration: underline;
        color: #003470 !important;
        font-weight: 600 !important;
    }

    .assessment-links a {
        text-decoration: underline;
        color: #003470;
        font-weight: 700;
    }

        .assessment-links a:hover {
            text-decoration: none;
        }

.quicklinks {
    margin-top: 10px;
    margin-left: 10px;
}


    .quicklinks a {
        text-decoration: underline;
        color: #003470 !important;
        font-weight: 600 !important;
    }

        .quicklinks a:hover {
            text-decoration: none;
        }

    .quicklinks ul {
        margin: 10px 50px !important;
        padding: 0 !important;
    }

.quick-links-container {
    margin-left: 0px !important;
}

#assessmentcontainer {
    margin-left: 1rem;
}

@media only screen and (max-width: 1024px) {
    .quick-links-row {
        padding-left: 0 !important;
    }
}

/* ----- Footer ----- */
.footer {
    background-color: #F4F4F4;
    padding: 16px;
}

.footer-address p, .footer-contact p, .facebook-text p, .admin-link, .interior-decriptions em, .next-prev-property {
    font-size: 13px !important;
}

.footer-links {
    color: #838383;
    text-decoration: underline;
}

.admin-link {
    text-decoration: underline;
    color: #004391;
    font-weight: 700;
}

.footer-links li:first-child {
    list-style-type: none;
}

.footer ul > li {
    display: inline-block;
    padding-right: 25px;
}

    .footer ul > li:before {
        content: "";
        display: list-item;
        position: absolute;
    }

.footer ul li a {
    color: #838383;
    text-decoration: underline;
    text-align: left;
    font-size: 13px;
}

    .footer ul li a:hover {
        text-decoration: none;
    }

.facebook-text {
    color: #537BBD;
    font-weight: 700;
}

.separator-margin {
    margin-bottom: 25px;
}

@media only screen and (max-width: 40.063) {
    .facebook {
        margin-top: 20px;
    }

        .facebook.facebook-text.text-right {
            text-align: left !important;
        }
}

/*disclaimer*/
.disclaimer p {
    font-size: 10px;
}

/* ----- sticky footer ----- */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

/*footer nav*/
#footer-nav {
    margin: 0;
    padding: 0;
}

    #footer-nav li {
        list-style: none;
    }

@media only screen and (max-width: 639px) {
    #footer-nav li {
        display: block;
    }
}

/* ----- home page search desktop/tablet panel ----- */
.panel {
    background-color: transparent;
    border-style: none;
}

    .panel.no-padding {
        padding: 0;
    }

.panel-search {
    background-color: #D1D1D6;
    padding: 20px !important;
    margin-bottom: 0;
    font-size: 14px;
}

    .panel-search p {
        font-size: 14px;
    }

    .panel-search .tabs-content {
        margin-bottom: 0;
        border: none !important;
        background-color: #fff;
    }

.panel-button-long {
    width: 135px !important;
    padding: 10px 3px 10px 3px !important;
    text-align: center;
}

.panel-button {
    width: 96px;
    padding: 10px 3px 10px 3px !important;
    text-align: center;
}

.panel-login {
    background-color: #D1D1D6 !important;
    padding: 20px !important;
}

.forgot-password, .meet-cindy-text, .create-account {
    font-size: 14px;
}

.tabs {
    background: inherit;
    border: none !important;
}

.tabs-title > a {
    display: block;
    background-color: #D8D8D8 !important;
    color: black !important;
    font-weight: 700;
    border: 1px solid #979797 !important;
    font-size: 1rem;
    line-height: 25px;
    margin-right: -1px;
}

.tabs .tabs-title.is-active a {
    background-color: #FFFFFF !important;
    color: black !important;
    font-weight: 700;
    border-color: #fff !important;
}

.tabs .tabs-title:not(:first-child).is-active a.panel-button {
    margin-left: 1px;
    /*margin-right: 0;*/
}

.search-title {
    color: #003470 !important;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
}

.callout.panel.home-panel.no-padding {
    padding: 0;
}

.home-panel .small-row-search {
    /*min-height: 365px;*/
}

.home-panel .tabs-content .content {
    min-height: 0;
    padding: 30px;
}

.tabs-content > .content.active {
    background-color: #FFFFFF;
    padding: 20px;
}

.tabs-content .content p {
    margin-bottom: 0;
    font-size: 14px;
}

.tabs-title.is-active a {
    outline-width: 0;
}

    .tabs-title.is-active a:focus {
        outline-style: none;
    }

ul.COVID-banner {
    margin-left: 0;
}

.COVID-banner .COVID-yellow {
    background-color: #fbce18 !important;
}

.float-right {
    float: right;
}

.COVID-arrow {
    margin-top: 3px;
}

.property-search-panel {
    background-color: #c3c3c9;
}

    .home-panel h1,
    .home-panel h2,
    .home-panel h3,
    .home-panel h4,
    .home-panel h5,
    .home-panel h6,
    .property-search-panel h1,
    .property-search-panel h2,
    .property-search-panel h3,
    .property-search-panel h4,
    .property-search-panel h5,
    .property-search-panel h6 {
        color: black;
    }

    .home-panel h4, .phone-panel h4, .property-search-panel h4 {
        color: black;
        font-size: 14px;
        padding-bottom: 10px;
    }

.panel-title {
    padding-bottom: 10px;
}

.home-panel-link {
    color: #003470;
    text-decoration: underline;
    font-weight: 700;
}

    .home-panel-link:hover {
        color: #003470;
    }

.green-button {
    background-color: #003470;
    color: white;
}

    .green-button:hover, .green-button:focus {
        background-color: #14679e;
    }

.search-info {
    margin-left: 25px !important;
    font-style: italic;
    font-size: 15px;
}

.tabs dd > a, .tabs .tabs-title > a {
    padding: 1rem 1rem;
}

.button {
    font-weight: 700;
}

.subscribe-button {
    margin: auto auto auto auto;
    display: block;
    width: 250px;
}

.subscribe-button-search {
    width: 250px;
}

.search-button {
    margin-right: 10px;
    width: 100%;
    padding: .6rem 1rem 1rem 1rem;
    height: 2.46em;
}

.subscription-search-button {
    margin-right: 10px;
    width: 100%;
    padding: .6rem 5.3rem 1rem 1rem;
    height: 2.3125rem;
}

.button .fa-spinner.notclicked {
    color: transparent;
    width: 0px;
}

@media only screen and (min-width: 640px) and (max-width: 64em) {
    .reveal-modal.small {
        width: 60%;
    }
}

/* ----- home page phone search panel ----- */
.panel.phone-panel {
    margin-bottom: 0;
    padding: 0.9375rem;
}

.phone-panel h1, .phone-panel h2, .phone-panel h3 {
    color: black;
    font-weight: 700;
    text-align: center;
}

.phone-panel h3, .phone-panel h4, .phone-panel h6 {
    color: black;
}

.panel-info-template {
    background: white;
}

.panel-info-template-search {
    padding: 0.9375rem !important;
    background: white;
}

#mobile_search_title {
    color: #007095;
    font-weight: 700;
    text-align: center;
    font-style: italic;
}

#mobile_search_info {
    text-align: center;
    font-style: italic;
}

#mobile_search_info_subscribe {
    display: none;
}

.mobile-search-button {
    margin: auto auto auto auto;
    display: block;
    width: 150px;
}

.mobile-subscribe-button {
    margin: auto auto auto auto;
    display: block;
    width: 180px;
}

/* ----- Interior Pages ----- */
.interior-nav li a.current {
    color: #5D9100;
}

    .interior-nav li a.current::before {
        content: " >> "
    }

.interior-page {
    background: white;
}

.interior-page-info {
    font-size: 15px;
}

.you-are-here ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.you-are-here li {
    list-style: none;
    color: #989898;
    padding-left: 4px;
    font-size: 13px;
    display: inline-block;
}

    .you-are-here li a {
        color: #989898;
        font-size: 13px;
        text-decoration: underline;
    }

    .you-are-here li::after {
        content: ">";
        padding-left: 8px;
    }

    .you-are-here li:first-child {
        padding-left: 0;
    }

        .you-are-here li:first-child::after {
            content: "";
            padding-left: 0;
        }

    .you-are-here li:last-child::after {
        content: "";
    }

.interior-title {
    text-align: left;
}

.interior-links h4 a {
    text-decoration: underline;
    text-transform: uppercase;
    color: #003470;
    font-weight: 600;
}

    .interior-links h4 a:hover {
        text-decoration: none;
    }

#right-side .panel.green {
    background-color: #D1D1D6;
    font-size: 18px;
    border-radius: 8px;
    padding: 1rem;
}

    #right-side .panel.green p {
        color: #000;
        margin-bottom: 10px;
    }

        #right-side .panel.green p > a {
            margin-bottom: 0;
            width: 100%;
        }

    #right-side .panel.green h2 {
        color: #000;
        text-align: center;
    }

    #right-side .panel.green h3 {
        color: #000;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    #right-side .panel.green .fa-search {
        font-size: 35px;
        margin-bottom: 10px;
    }

#right-side .panel.gray {
    background-color: #D1D1D6;
    font-size: 18px;
    border-radius: 8px;
    padding: 1rem;
}

    #right-side .panel.gray a {
        color: #003470;
        font-size: 18px;
        line-height: 26px;
        text-decoration: underline;
    }

        #right-side .panel.gray a.current {
            color: #5d9100;
        }

        #right-side .panel.gray a:hover {
            text-decoration: none;
        }

    #right-side .panel.gray p > a {
        margin-bottom: 0;
    }

    #right-side .panel.gray h2 {
        color: #3366cc;
    }

    #right-side .panel.gray h3 {
        color: #003470;
        font-size: 18px;
        line-height: 26px;
    }

img.right-side {
    margin-left: 15px;
}

.cindy-photo {
    width: 85%;
}

@media only screen and (max-width: 639px) { /* phones */
    .interior-page {
        padding-top: 15px;
    }

    .interior-page-image {
        margin-top: 15px;
        margin-bottom: 35px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .img-container {
        margin-top: 45px;
    }

    .search-border-last {
        height: 60px;
    }

    .table-title-border td {
        text-align: left;
    }

    .header-top {
        padding-top: 15px;
    }

    .learn-appeal-process {
        text-align: center;
    }

    .home-panel .small-row-search, .home-panel .tabs-content {
        height: auto;
    }

    .cindy-photo, .meet-cindy {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .border-top-gray-assessment {
        border-top: 1px solid #989898;
        padding-top: 25px;
    }
}


@media only screen and (max-width: 1023px) {
    .border-top-gray {
        border-top: 1px solid #989898;
        padding-top: 25px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) { /* tablets */
    .interior-page {
        padding: 15px 25px 15px 25px;
        margin: 0px;
    }

    .interior-page-image {
        margin-left: 15px;
        margin-bottom: 20px;
        /*margin-top: 50px;*/
    }

    .home-panel .panel-login {
        height: auto !important;
    }
}

@media only screen and (min-width: 640px) { /* tablets and desktop */
    .img-container {
        margin-top: 30px;
    }

    .search-results {
        /*border-right: 1px solid #989898;*/
    }

    .search-border-last {
        height: 35px;
    }

    .table-title-border td {
        text-align: left;
    }
}

@media only screen and (min-width: 1024px) { /* desktop */
    .interior-page {
        padding: 40px 75px 30px 75px;
    }

    .interior-page-image {
        margin-left: 15px;
        /*margin-top: 20px;*/
    }

    .interior-nav ul {
        margin-left: 35px;
    }

    .border-left-gray {
        border-left: 1px solid #989898;
    }

    /* ----- Search pages ----- */
    #search-detail h1 {
        margin-bottom: 30px;
    }

    #search-detail p {
        margin-bottom: 0;
    }

    .search-category {
        font-size: 0.875rem;
        font-weight: 600;
    }

    .search-answer {
        font-size: 0.875rem;
    }

        .search-answer .green-link {
            font-size: 0.875rem;
            text-decoration: underline;
        }

            .search-answer .green-link:hover {
                font-size: 0.875rem;
                text-decoration: none;
            }

    .account-center {
        padding-left: 30px !important;
    }

    .search-border-top {
        border-top: 1px solid #ccc;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .search-border-bottom {
        border-bottom: 1px solid #ccc;
    }

    .table-title-border td {
        color: #989898;
        font-size: 13px !important;
    }

    .search-neg-margin {
        margin-bottom: -20px;
    }

    .search-category-left {
        color: #989898;
        font-size: 13px !important;
    }

    table.search-page-margin {
        margin-top: 30px;
    }

    .search-page-margin {
        margin-top: 10px;
    }

    .bold-text {
        font-weight: 700;
    }

    table {
        border: 1px solid #ccc;
    }

    .no-border {
        border: none;
        border-collapse: collapse;
    }

    .table-title-border {
        border-bottom: 1px solid #ccc;
    }

    table tr.even, table tr.alt, table tr:nth-of-type(even) {
        background: none
    }

    .green-text {
        color: #5D9100;
        font-weight: 700;
    }

    .print {
        color: #5d9100;
        text-decoration: none;
    }

        .print:hover {
            color: #5d9100;
            text-decoration: none;
        }

        .print::before {
            content: "";
            background: url(/images/icons/fi-print.png);
            background-image: url(/images/icons/fi-print.svg);
            background-size: 20px;
            padding-right: 25px;
            background-repeat: no-repeat;
        }

    .print-admin {
        color: #5d9100;
        text-decoration: none;
    }

        .print-admin:hover {
            color: #5d9100;
            text-decoration: none;
        }

        .print-admin::before {
            content: "";
            background: url(/images/icons/fi-print.png);
            background-image: url(/images/icons/fi-print.svg);
            background-size: 20px;
            padding-right: 25px;
            background-repeat: no-repeat;
        }

    .print-buttons {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .next-prev-property img {
        margin-right: 3px;
        margin-left: 3px;
    }

    .td-thumbnail-image {
        padding: 1px 0 0 0;
    }

    /* --- signup --- */
    .border-wrap {
        border: 1px solid #EDEDED;
    }

    .detailed-info {
        background-color: #F4F4F2;
    }

    /*.detailed-info li {*/
    /*margin-bottom:15px;*/
    /*}

    .why-subscribe-container {*/
    /*margin-top:30px;*/
    /*}*/

    .why-subscribe .panel {
        margin-bottom: 0 !important;
    }

    /*.why-subscribe p {*/
    /*margin-bottom:.50rem !important;*/
    /*}*/

    .subscription-sample h4 {
        text-align: center;
    }

    .subscription-sample img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .signup-container {
        margin-top: 25px;
    }

    .day-pass-container {
        margin-bottom: 25px;
        background: url("/images/tryitout.gif");
        background-repeat: no-repeat;
    }

    /*.subscription-container {*/
    /*border:1px solid #858585;
    text-align:center;
    margin-bottom:25px;
    background:#f9f9f6;*/
    /*}

        .subscription-container h3, .subscription-container p {*/
    /*color:#2891c2;*/
    /*}

        .subscription-container p {*/
    /*margin-bottom:5px;
    font-size:.85rem;*/
    /*}

        .subscription-container h3 {*/
    /*margin-bottom:5px;
    font-weight:bold;*/
    /*}

        .subscription-container img {
            margin-bottom: 5px;
        }*/

    .need-more p {
        margin-top: 25px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .split-boxes {
        border-right: none;
    }

    .subscription-panel {
        margin-top: 25px;
    }

    .select-prompt {
        display: none;
    }

    .pricing-table .price {
        font-size: 1.5rem;
    }

    .pricing-table input {
        margin-bottom: 0;
    }

    .bullet-item.current label {
        color: #ccc;
    }

        .bullet-item.current label::after {
            content: "CURRENT";
            padding-left: 5px;
            font-weight: 600;
            color: #007095;
        }

    /*buttons*/
    .back-button, .back-button:hover {
        color: #5D9100;
        text-decoration: none;
        background-image: url(/images/icons/icon-prev.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center left;
        padding-left: 20px;
    }

    .prev-button, .next-button, .prev-button:hover, .next-button:hover {
        text-decoration: none;
    }

    .prev-button {
        background-image: url(/images/icons/icon-prev.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center left;
        padding-left: 20px;
    }

        .prev-button.disabled {
            background-image: none !important;
            padding-left: 0 !important;
        }

    .next-button {
        background-image: url(/images/icons/icon-next.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center right;
        padding-right: 20px;
    }

        .next-button.disabled {
            background-image: none !important;
            padding-right: 0 !important;
        }

    .button.green {
        background-color: #003470;
        border-color: #003470;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 400;
    }

        .button.green:hover {
            background-color: #2B5585;
            border-color: #2B5585;
        }

    .interior-decriptions img {
        width: 240px;
        height: 160px;
    }

    /* --- tax calculator --- */
    #estimatedTaxAmount {
        background: #F8F7F5;
        padding: 8px 10px;
        margin-bottom: 10px;
    }

        #estimatedTaxAmount p {
            margin-bottom: 0px;
            font-weight: 700;
            color: #000;
        }

    .taxRates {
        border: none;
        border-collapse: collapse;
    }

        .taxRates td {
            border-bottom: 1px solid #ddd;
        }

    .tax-calc-table td {
        text-align: left;
    }

    #estimated-amount-info {
        line-height: 1.2 !important;
    }

    @media only screen and (min-width: 64.064em) { /* phones and tablets */
        #assessmentValue {
            width: 50%;
        }

        #ddlDistrict {
            width: 55%;
        }
    }

    /* --- misc fixes --- */
    .area-table td {
        text-align: center;
    }

    .property-images {
        margin-bottom: 15px;
    }

        .property-images img {
            width: 75px;
        }

    .main-property-image {
        width: 100%;
        margin-bottom: 10px;
    }

    .subscribe-online {
        border-bottom: 1px solid #989898;
    }

        .subscribe-online p {
            margin-top: 15px;
            padding-bottom: 25px;
        }

    .subscription-info ul {
        margin-left: 50px;
    }

    .subscription-info li {
        text-align: left;
        list-style: none;
    }

        .subscription-info li::before {
            content: "";
            padding-left: 20px;
            background-image: url(/images/icons/icon-check.png);
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: center left;
        }

    .more-sub-info li {
        list-style-image: url("/images/icons/bullet-aside.jpg");
        list-style-position: inside;
    }

    .more-info-hover {
        text-align: center;
    }

    .has-tip {
        color: #0078a0;
        border-bottom: none;
    }

    ul.inline {
        padding: 0;
        margin: 0;
    }

        ul.inline li {
            display: inline-block;
            list-style: none;
            padding: 0 10px 20px 0;
        }

            ul.inline li:last-child {
                padding-right: 0;
            }
    /*.dash-range {
    width:3%;
    text-align:center;
    margin-top:10px;
    margin-right:5px;
}*/
    .dash {
        font-size: 0.875rem;
        height: 2.3125rem;
        margin: 0 0 1rem 0;
        padding: 0.5rem;
    }

    .property-address, .all-caps {
        text-transform: uppercase;
    }

    #numRecordsFound {
        font-weight: bold;
        font-size: 20px;
    }

    .border-bottom {
        border-bottom: 2px solid #989898;
    }

    .search-listings p {
        color: #007095;
    }

    .search-listings {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #000;
    }

    /*cms styles*/
    #divCMSAuth table, #divCMSNavigation table {
        border: none;
    }

    #divCMSAuth input {
        margin-bottom: 0 !important;
    }

    /*dataTables*/
    .no-table-margins div.dataTables_wrapper {
        margin-top: 0;
    }

    #gv_wrapper div.pinned {
        width: 67px;
    }

        #gv_wrapper div.pinned table.dataTable, div.scrollable table.dataTable td {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

            #gv_wrapper div.pinned table.dataTable th, div.scrollable table.dataTable th {
                height: 26px;
            }

    #gv_wrapper div.table-wrapper div.scrollable {
        margin-left: 67px;
    }

    #gv_wrapper div.scrollable table.dataTable {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

        #gv_wrapper div.scrollable table.dataTable td {
            min-height: 67px;
            height: 67px;
        }

    #gv_wrapper .dataTable .td-thumbnail {
        padding: 0;
        min-width: 65px;
        max-width: 65px;
        width: 65px;
    }

    table.dataTable td, table.dataTable th {
        border: none;
    }

    table.dataTable th {
        background-color: #fff !important;
        padding-bottom: 0;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        border-bottom: 1px solid #ccc;
    }

    table.dataTable td a {
        font-size: 13px;
        line-height: 18px;
    }

    .strip1 {
        background-color: rgba(239, 239, 239, 0.50);
    }

    .strip2 {
        background-color: #fff;
    }

    .dataTables_empty {
        background-color: #fff;
    }

    .dataTables_filter input[type="search"] {
        padding-right: 0;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 12px;
    }

    table.dataTable thead .sorting {
        background-image: url("/css/images/sort_both.png");
    }

    table.dataTable thead .sorting_asc {
        background-image: url("/css/images/sort_asc.png");
    }

    table.dataTable thead .sorting_desc {
        background-image: url("/css/images/sort_desc.png");
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("/css/images/sort_asc_disabled.png");
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("/css/images/sort_desc_disabled.png");
    }

    .small-display {
        padding: 10px 0.5rem !important;
    }

    /*Account pages*/
    .logout-section {
        text-align: right;
    }

    /*development ribbon*/
    .staging-ribbon {
        background: #fc0;
        background-color: rgba(255, 204, 0, .9);
        height: 80px;
        width: 100px;
        position: fixed;
        top: 0;
        left: 10px;
        padding: 0 5px;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #c33;
        line-height: 80px;
        text-align: center;
        vertical-align: middle;
        z-index: 9999;
    }

        .staging-ribbon:after,
        .staging-ribbon:before {
            content: '';
            position: absolute;
            border-top: 20px solid #fc0;
            border-top-color: rgba(255, 204, 0, .9);
            height: 0;
            width: 0;
            top: 100%;
        }

        .staging-ribbon:after {
            border-left: 50px solid transparent;
            right: 0px;
        }

        .staging-ribbon:before {
            border-right: 50px solid transparent;
            left: 0px;
        }

    .service-fee h2 {
        font-size: 33px;
    }

    /*responsive tables*/
    @media screen and (max-width: 74.9375em) {
        .responsive {
            overflow: hidden;
            overflow-x: auto;
            clear: both;
            width: 100%;
        }
    }

    #loading {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        display: block;
        opacity: 0.7;
        background-color: rgba(10, 10, 10, 0.45);
        z-index: 1000;
        text-align: center;
    }

    #loading-image {
        position: absolute;
        top: 42%;
        left: 42%;
        z-index: 2000;
    }

    #btnShareReport {
        width: 40%;
        display: block;
        margin: 0 auto;
    }

    .share-report-images {
        display: block;
        margin: 0 auto;
    }

    .send-report-radio {
        margin: 8px auto 0 auto !important;
    }

    .share-report-images.inline-list > li {
        margin-left: 0 !important;
        margin-right: 20px;
        margin-bottom: 15px;
    }

    hr.less-top-margin {
        margin-top: 10px;
    }

    /*custom lightbox CSS*/
    .custom-lightbox-row > .custom-lightbox-column {
        padding: 0 8px;
    }

    .custom-lightbox-row:after {
        content: "";
        display: table;
        clear: both;
    }

    .custom-lightbox-column {
        float: left;
        /*width: 25%;*/
    }

    .custom-lightbox-modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
    }

    .custom-lightbox-modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        width: 90%;
        max-width: 1200px;
        margin-bottom: 20px;
    }

    .custom-lightbox-close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

        .custom-lightbox-close:hover,
        .custom-lightbox-close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }

    .custom-lightbox-mySlides {
        display: none;
        background: #000;
    }

    .custom-lightbox-prev,
    .custom-lightbox-next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }

    .custom-lightbox-next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

        .custom-lightbox-prev:hover,
        .custom-lightbox-next:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

    img.custom-lightbox-img {
        opacity: 0.6;
        width: 120px;
    }

    .custom-lightbox-active,
    .custom-lightbox-img:hover {
        opacity: 1 !important;
    }

    img.custom-lightbox-hover-shadow {
        transition: 0.3s;
    }

    .custom-lightbox-hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .property-images .custom-lightbox-column img {
        cursor: pointer;
    }

    .custom-lightbox-mySlides img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }
    /*custom lightbox CSS*/
    .full-width-row {
        max-width: none !important;
    }

    .search-container-textfield {
        margin-bottom: 0;
    }

    .align-items-center {
        align-items: center;
    }

    .property-search-icon, .property-search-icon:hover {
        color: #000;
    }
    /* background banner images */
    .page-top-banner {
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
    }

    .home-page-banner-image {
        background-image: url("/images/banner-images/home-page-banner-image.jpg");
        background-position: 50% 35%;
    }

    .property-search-banner-image {
        background-image: url("/images/banner-images/property-search-banner-image.jpg");
        background-position: 50% 43%;
    }

    .property-assessment-banner-image {
        background-image: url("/images/banner-images/property-assessment-banner-image.jpg");
        background-position: 50% 51%;
    }

    .forms-tools-links-banner-image {
        background-image: url("/images/banner-images/forms-tools-links-banner-image.jpg");
        background-position: 50% 50%;
    }

    .about-banner-image {
        background-image: url("/images/banner-images/about-banner-image.jpg");
        background-position: 50% 41%;
    }

    .grid-x.small-row-search {
        display: flex;
        justify-content: space-between;
    }

    .panel-search, .panel-login {
        border-radius: 8px;
    }

    .medium-12.large-9.columns.panel-search {
        flex: 3;
        min-width: 0;
    }

    .medium-12.large-3.columns.panel-login {
        flex: 1;
        min-width: 0;
    }
}

.quicklinks li {
    list-style-type: disc;
    margin-left: 20px !important;
}

.quicklinks a {
    color: #003470;
    text-decoration: underline;
}

/* New CSS for Home Page */

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

.w-100 {
    max-width: 100%;
}